// JavaScript Document

$(document).ready(function() {
  
	$('.subnavbar ul li a').hover(
								  function(){$(this).dequeue().stop().animate({backgroundPosition: '0px 0px'},500)},
								  function(){$(this).dequeue().stop().animate({backgroundPosition: '-511px 0px'},350)}
								  );
	$('.navbar ul li a').hover(
								  function(){$(this).dequeue().stop().animate({backgroundPosition: '0px 0px'},100)},
								  function(){$(this).dequeue().stop().animate({backgroundPosition: '-511px 0px'},350)}
								  );
	$('.main_nav ul li a').hover(
								  function(){$(this).dequeue().stop().animate({backgroundPosition: '0px 0px'},500)},
								  function(){$(this).dequeue().stop().animate({backgroundPosition: '-511px 0px'},350)}
								  );

	$('#right_nav ul li a').hover(
								  
								  function(){
									  $('#rotator_image').hide();
									  $('.'+$(this).attr('id')).stop(true, true).fadeIn(400);
									  },
								  function(){
									  $('.'+$(this).attr('id')).stop(true, true).hide();
									  $('#rotator_image').show();
								  });
    $('#rotator_image').cycle({
		fx: 'fade',timeout:3000 // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		});
	
 });