;(function(){
  $(document).ready(function(){
    var $_menu, $_mobimenu, $_portalMenu, $_MobiPortalMenu, $_BrochureMenu, $_MobiBrochureMenu, $_headerBottom, $_mobileheaderbottom ;

    $_menu = $([
        '<div id="PublicMenu" class="nav-bar span12">',
          '<div id="menu">',
            '<ul>',
              '<li class="select_page"><a href="/#/" title="">HOME</a></li>',
              '<li><a href="/documents/Terms_Public.pdf" target="_blank" title="">Terms &amp; Conditions</a></li>',
              '<li><a href="#/publicfaq" title="">FAQ</a></li>',
              '<li><a href="#/publiccontact_us" title="">CONTACT US</a></li>',
              '<li><a href="#/publicvaluation" title="">SUBMIT VEHICLE</a></li>',
            '</ul>',
          '</div>',
        '</div>'
      ].join(''));
    
    
    $_mobimenu = $([
                    
				'<div id="MobiPublicMenu">',
				'<div class="span12">',
					'<h1 class="bottom-heading"></h1>',
					
					'<div class="btn-group drop-down-menu-btn">',
						'<a class="btn btn-danger dropdown-toggle mobile-dropdown-btn" data-toggle="dropdown">',
						'</a>',
						
						'<ul class="dropdown-menu pull-right mobi-nav">',
							'<img class="drop-down-arrow" src="imgs/drop_down_arrow.png" alt="">',
							'<li><a href="/#/">HOME</a></li>',
		                	'<li><a target="_blank" href="documents/Terms_and_Conditions.pdf">TERMS & CONDITIONS</a></li>',
		                    '<li><a href="/#/publicfaq" title="">FAQ</a></li>',
		                    '<li><a href="/#/publiccontact_us">CONTACT US</a></li>',
		                    '<li><a href="/#/publicvaluation" title="">SUBMIT VEHICLE</a></li>',
		                    '<li id="login_mobi"><a href="#/dealerhome">LOGIN</a></li>',
						'</ul>',
					'</div>',
					
				'</div>',
				'</div>'
                         
              ].join(''));


    handleHashChange = function()
      {
        if(
        		
          location.hash == '#/publichome' ||
          location.hash == '#/publicfaq' ||
          location.hash == '#/publiccontact_us' || 
          location.hash == '#/publicvaluation' 
        )
        {
          $_portalMenu = $('#PortalMenu');
          $_portalMenu.hide();
          
          $_MobiPortalMenu = $('#MobiPortalMenu');
          $_MobiPortalMenu.hide();
          
          $_BrochureMenu = $('#BrochureMenu');
          $_BrochureMenu.hide();
          
          $_MobiBrochureMenu = $('#MobiBrochureMenu');
          $_MobiBrochureMenu.hide();
          
         
          $('#BrochureMenu').remove();
          $('#MobiBrochureMenu').remove();
          // have to remove it keeps appending
          $('#PublicMenu').remove();
          $('#MobiPublicMenu').remove();
          
          $_headerBottom = $('.header-bottom');
          $_mobileheaderbottom = $('.mobile-header-bottom');
          
          $_headerBottom.append( $_menu );
          $_mobileheaderbottom.append( $_mobimenu );

          $_menu.find('.select_page').removeClass('select_page');
          $_menu.find('a[href="/' + location.hash +'"]' ).closest('li').addClass('select_page');
        }
      };

    $(window).on('pageChange', handleHashChange);
    handleHashChange();
  });

})();