var loadHeader = function(){
  $.getScript("http://"+window.location.host+"/js/tophat_settings.js", function(){
    tophat_settings.callback = function(){
      $(document).ready(function(){
        var sedacHeaderHeight = 45;
        var sedacHeaderLinkHeight = 25;
        var sedacHeaderLinkWidth = 827;
        var sedacHeaderLinkVerticalOffset = (sedacHeaderHeight-sedacHeaderLinkHeight)/2;
        var eosdisTophatHeight = $('#eosdis-tophat').height();
    
        /*
         * Add our header after the EOSDIS "top hat"
         */
        $('body').append('<div id="sedac-header"><h1><a href="/" title="Socioeconomic Data and Applications Center"><abbr title="Socioeconomic Data and Applications Center">SEDAC</abbr></a></h1></div>');
        
        $('#sedac-header').css({
          position: 'absolute',
          left: 0,
          top: eosdisTophatHeight+'px',
          margin: '0',
          padding: '0',
          width: '100%',
          height: sedacHeaderHeight+'px',
          backgroundColor: "#fff",
          textAlign: 'center',
          borderBottom: '1px solid #999'
        });
        
        $('#sedac-header h1').css({
          display: 'inline',
          textAlign: 'center',
          margin: sedacHeaderLinkVerticalOffset+'px auto 0 auto',
          padding: '0',
          background: 'none'
        });
        
        $('#sedac-header h1 a').css({
          width: sedacHeaderLinkWidth+'px',
          height: sedacHeaderLinkHeight+'px',
          display: 'block',
          margin: sedacHeaderLinkVerticalOffset+'px auto',
          padding: '0',
          overflow: 'hidden',
          textIndent: '-9999px',
          textDecoration: 'none',
          background: "transparent url(/imgs/masthead-sprite.png) top left no-repeat"
        });
        
        $('#sedac-header h1 a').hover(
          function(){ //over
            $(this).css({
              borderBottom: '1px dotted #999',
              backgroundPosition: '0 -25px'
            });
          },
          function(){//out
            $(this).css({
              borderBottom: 'none',
              backgroundPosition: 'center top'
            });
          }
        );
    
        $('body').css('marginTop', eosdisTophatHeight+sedacHeaderHeight+'px');
        
        $('.legacy-hide').hide(); //remove headers in current scope
        
        // for the newer sedac header on legacy sites
        if($('body div#gWrapper').length){
          $('body div#gWrapper').css('paddingTop', 0);
        }
        
        // for TG sites
        if($(top.header).length && self.location.pathname.match(/\/guide_glue\.jsp/)){
          $(top.header).ready(function(){
            $('.legacy-hide', top.header.document).hide();
          });
        }
      });// document ready
    };
    $.getScript("http://earthdata.nasa.gov/tophat.js");
  });
};

if(typeof jQuery === 'undefined' && !self.location.pathname.match(/^\/ddc/)){
  /*
   * Load jQuery, and when done load all other scripts
   */
  loadJq = document.createElement('script');
  loadJq.type = 'text/javascript';
  loadJq.language = 'Javascript';
  loadJq.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js';

  document.getElementsByTagName('head')[0].appendChild(loadJq);

  if(loadJq.readyState){ //IE
    loadJq.onreadystatechange = function(){
      if (loadJq.readyState == 'loaded' || loadJq.readyState == 'complete') {
        loadJq.onreadystatechange = null;
        loadHeader();
      }
    };
  }else{ //Others
    loadJq.onload = function(){
      loadHeader();
    };
  }
}else{
  loadHeader();
}

