$(function() {
  $('#tabs li a').click(
    function(e) {
      e.preventDefault();
      if($(this).parent().hasClass('active')) { return; }
      $('#buttons ul').css('display', 'none');
      $('#buttons .' + $(this).parent().attr('class')).css('display', '');
      $('#tabs li').toggleClass('active');
    }
  );
  
  var id = $('.post').attr('id').split('-')[1];
  switch(id)
  {
    case '3':
    case '5':
    case '7':
    case '16':
    case '18':
      $('#buttons .extras').css('display', 'none');
      break;
    case '20':
    case '23':
    case '25':
    case '33':
      $('#buttons .webisodes').css('display', 'none');
      break;
  }
  
  $('.buttons li a.web1').hover(
    function() {
      $('#hover1').css('background-position', '0 -140px');
      $('#hover2').css('background-position', '0 -250px');
    },
    function() {
      $('#hover1').css('background-position', '');
      $('#hover2').css('background-position', '');
    }
  );
  $('.buttons li a.web2').hover(
    function() {
      $('#hover1').css('background-position', '-150px -140px');
      $('#hover2').css('background-position', '-150px -250px');
    },
    function() {
      $('#hover1').css('background-position', '');
      $('#hover2').css('background-position', '');
    }
  );
  $('.buttons li a.web3').hover(
    function() {
      $('#hover1').css('background-position', '-300px -140px');
      $('#hover2').css('background-position', '-300px -250px');
    },
    function() {
      $('#hover1').css('background-position', '');
      $('#hover2').css('background-position', '');
    }
  );
  $('.buttons li a.web4').hover(
    function() {
      $('#hover1').css('background-position', '-450px -140px');
      $('#hover2').css('background-position', '-450px -250px');
    },
    function() {
      $('#hover1').css('background-position', '');
      $('#hover2').css('background-position', '');
    }
  );
  $('.buttons li a.web5').hover(
    function() {
      $('#hover1').css('background-position', '-600px -140px');
      $('#hover2').css('background-position', '-600px -250px');
    },
    function() {
      $('#hover1').css('background-position', '');
      $('#hover2').css('background-position', '');
    }
  );
  
  $('.buttons li a.pbs').hover(
    function() {
      $('#hover1').css('background-position', '0 0');
      $('#hover2').css('background-position', '0 0');
    },
    function() {
      $('#hover1').css('background-position', '');
      $('#hover2').css('background-position', '');
    }
  );
  $('.buttons li a.wind').hover(
    function() {
      $('#hover1').css('background-position', '-150px 0');
      $('#hover2').css('background-position', '-150px 0');
    },
    function() {
      $('#hover1').css('background-position', '');
      $('#hover2').css('background-position', '');
    }
  );
  $('.buttons li a.fifties').hover(
    function() {
      $('#hover1').css('background-position', '-300px 0');
      $('#hover2').css('background-position', '-300px 0');
    },
    function() {
      $('#hover1').css('background-position', '');
      $('#hover2').css('background-position', '');
    }
  );
  $('.buttons li a.solar').hover(
    function() {
      $('#hover1').css('background-position', '-450px 0');
      $('#hover2').css('background-position', '-450px 0');
    },
    function() {
      $('#hover1').css('background-position', '');
      $('#hover2').css('background-position', '');
    }
  );
  $('.buttons li a.manual').hover(
    function() {
      $('#hover1').css('background-position', '-600px 0');
      $('#hover2').css('background-position', '-600px 0');
    },
    function() {
      $('#hover1').css('background-position', '');
      $('#hover2').css('background-position', '');
    }
  );
  
  $('#info a.about').hover(
    function() {
      $('#hover1').css('background-position', '-750px -140px');
      $('#hover2').css('background-position', '-750px -250px');
    },
    function() {
      $('#hover1').css('background-position', '');
      $('#hover2').css('background-position', '');
    }
  );
});