var t;

function banner_activate(id){
  $('#banners img, #banner-buttons a').removeClass('current');
  $('#' + id + '-banner').addClass('current');
  $('#' + id).addClass('current');
}

function banner_rotate(){
  current = $('#banner-buttons .current').attr('id');
  switch (current){
    case 'our-experience':
      banner_activate('tankless-water-heater');
      break;
    case 'tankless-water-heater':
      banner_activate('video-camera-inspection');
      break;
    case 'video-camera-inspection':
      banner_activate('emergency-service');
      break;
    case 'emergency-service':
      banner_activate('our-experience');
      break;
  }
  t = setTimeout("banner_rotate()", 8000);
}

$(document).ready(function(){
  t = setTimeout("banner_rotate()", 8000);
  $('#banner-buttons a').hover(function(){
    banner_activate($(this).attr('id'));
    clearTimeout(t);
  }, function(){
    t = setTimeout("banner_rotate()", 8000);
  });
});