$(document).ready(function(){
  
  $('#header-wrapper').css('background-position', '50% 1000px'); 
  $('body').addClass('js');

  

    window.controlTimer = setInterval(nextControl, 4000);
    window.controlOffset = 0;
    
    var hash = location.href.substr(location.href.indexOf("#"));    
    if (hash == "#dpressure") { window.controlOffset = 1; }
    if (hash == '#dtemperature') { window.controlOffset = 2; }
    if (hash == "#dforecast") { window.controlOffset = 3; }
    if (hash == "#dworld") { window.controlOffset = 4; }
    if (hash == "#dall") { window.controlOffset = 0; }
    window.currentControl = window.controlOffset *1;
    
    $('.tabs li:eq('+window.currentControl+')').addClass('active');
    
    function nextControl(){
    
      window.currentControl = window.currentControl + 1;
      if (window.currentControl > 4) window.currentControl = 0;    
      
      $('.tabs li').removeClass('active');
      $('.tabs li:eq('+window.currentControl+')').addClass('active');      
    /*
      window.currentControl = window.currentControl + 1;
      if (window.currentControl > 4) window.currentControl = 0;
      offset = abs((window.currentControl-window.controlOffset)*291);
      $(".tabs").css("left", offset+"px");
    */
    }
    
    function abs (n) {
      return ((n<0) ? n*-1 : n*-1);
    }
});
window.onload = function(){
  $('#header-wrapper')
    .animate({
      backgroundPosition: '(50% 0px)'
    },1500, 'easeOutQuad');
}