<div ng-controller="HeaderCtrl as header" class="container">
    <div id="logo">
        <img src="/EMR4/img/gui_icons/logo.png" alt="" />
    </div>
    <div id="companyName">
        <a ng-click="flipNav('none')" href="/" title=""><img id src="/EMR4/img/gui_icons/textLogo.png" alt="" /></a>
    </div>
    <div id="jesusSearchTop">
        <input ng-model="searchQueryString" class="jesusSearchInput autoCompSearch" type="search" placeholder="Search..." autocomplete="off" />
        <select ng-model="searchDDL.item" class="jesusSearchSelect" ng-options="item.name for item in searchDDL track by item.id"></select>
        <div class="jesusSearchHolder">
            <img class="goSearch" ng-model="jesusSearch" ng-click="loadSearchResults('norm')" src="/EMR4/img/gui_icons/searchIcon.png" alt="Search EMR" />
        </div>
    </div>
    <div id="siteControls">
        <div id="siteSearch" class="siteControl" ng-click="flipNav('search')"></div>
        <div ng-show="header.Help.length" id="siteHelp" class="siteControl" ng-click="flipNav('help')"></div>
        <div ng-show="header.Settings.length" id="siteSettings" class="siteControl" ng-click="flipNav('settings')"></div>
        <div ng-show="header.Access.length" id="siteAccess" class="siteControl" ng-click="flipNav('access')"></div>
        <div ng-show="header.Options.length" id="siteOptions" class="siteControl" ng-click="flipNav('options')"></div>
    </div>
    <div ng-switch="dd" class="dropDown">
        <div ng-switch-when="none" style="display:none"></div>
        <div ng-switch-when="search" class="dropMenu listStyle4" id="Search">
            <input ng-model="searchQueryStringMobile" class="jesusSearchInput" type="text" placeholder="Search..." autocomplete="off" />
            <select ng-model="searchDDL.item" class="jesusSearchSelect" ng-options="item.name for item in searchDDL track by item.id"></select>
            <div class="jesusSearchHolder">
                <img class="goSearch" ng-model="jesusSearchMobile" ng-click="loadSearchResults('mob')" src="/EMR4/img/gui_icons/searchIcon.png" alt="Search EMR" />
            </div>
        </div>
        <div ng-switch-when="access" class="dropMenu listStyle4" id="Access"><ul>
            <li ng-repeat="item in header.Access"><a ng-click="flipNav('none')" href="{{item.url}}" title="{{item.name}}">{{item.name}}</a></li>
        </ul></div>
        <div ng-switch-when="settings" class="dropMenu listStyle4" id="Settings"><ul>
            <li ng-repeat="item in header.Settings"><a ng-click="flipNav('none')" href="{{item.url}}" title="{{item.name}}">{{item.name}}</a></li>
        </ul></div>
        <div ng-switch-when="options" class="dropMenu listStyle4" id="Options"><ul>
            <li ng-repeat="item in header.Options"><a ng-click="flipNav('none')" href="{{item.url}}" title="{{item.name}}">{{item.name}}</a>
                <ul ng-repeat="(key, data) in header.Options[0].sub"><hr />{{key}}<hr />
                    <li ng-repeat="sub in data"><a ng-click="flipNav('none')" href="{{sub.url}}" title="{{sub.name}}">{{sub.name}}</a></li>
                </ul>
            </li>
        </ul></div>
        <div ng-switch-when="help" class="dropMenu listStyle4" id="Help"><ul>
            <li ng-repeat="item in header.Help"><a ng-click="flipNav('none')" href="{{item.url}}" title="{{item.name}}">{{item.name}}</a></li>
        </ul></div>
    </div>
    <div class="clr"></div>
</div>

app.controller('HeaderCtrl', function ($scope, $http, $location, populateDDL) {
            var self = this;
            $http.get(badge.credentials[7].home+'data.JSON')
            .success(function(data, status, headers, config) {
                $scope.header = data.header;
                $scope.searchOptions = new populateDDL('tblWebMenuItems',badge.credentials[1].key).
                then(function(response) {
                    $scope.searchDDL = response.tblWebMenuItems
                    $scope.searchDDL.item = $scope.searchDDL[0];
                });
            })
            .error(function(data, status, headers, config) {
                console.log(data+', '+status+', '+headers+', '+config);
            });
            $scope.flipNav = function(choice){
                if ($scope.dd === choice) {
                    console.log(choice);
                    $scope.dd = "none";
                }else {
                    $scope.dd = choice;
                }
            };
            $scope.loadSearchResults = function(uv) {
                var loader;
                if (uv === "mob") {
                    loader = $scope.searchQueryStringMobile;
                }else if (uv === "norm") {
                    loader = $scope.searchQueryString;
                }
                console.log(uv+' - '+loader);
                if (loader == null || loader < 2) {
                    alert('Please refine your search and continue, Thank you!');
                }else {
                    $location.path("/search/"+$scope.searchDDL.item.name.toLowerCase()+"/");
                    $location.search("type",$scope.searchDDL.item.name.toLowerCase());
                    $location.search("query", loader);
                }
            };
            $scope.setPageChange = function (pageName) {
                $scope.$emit("pageChange",pageName);
            };
        });

<div ng-switch-when="search" class="dropMenu listStyle4" id="Search">
            <input ng-model="searchQueryStringMobile" class="jesusSearchInput" type="text" placeholder="Search..." autocomplete="off" />
            <select ng-model="searchDDL.item" class="jesusSearchSelect" ng-options="item.name for item in searchDDL track by item.id"></select>
            <div class="jesusSearchHolder">
                <img class="goSearch" ng-model="jesusSearchMobile" ng-click="loadSearchResults('mob')" src="/EMR4/img/gui_icons/searchIcon.png" alt="Search EMR" />
            </div>
        </div>
$scope.loadSearchResults = function(uv) {
                var loader;
                if (uv === "mob") {
                    loader = $scope.searchQueryStringMobile;
                }else if (uv === "norm") {
                    loader = $scope.searchQueryString;
                }
                console.log(uv+' - '+loader);
                if (loader == null || loader < 2) {
                    alert('Please refine your search and continue, Thank you!');
                }else {
                    $location.path("/search/"+$scope.searchDDL.item.name.toLowerCase()+"/");
                    $location.search("type",$scope.searchDDL.item.name.toLowerCase());
                    $location.search("query", loader);
                }
            };