$(document).ready(function() 
{
	var last;
		//menu header
		$(".menu li").hover(
			function(){ //hover on
				var elem=$(this).find("a").stop();
				if(!elem.hasClass('active'))
				{			
					var w=$("#box-"+elem.attr('id')).width();
					$("#box-"+elem.attr('id')).css('background-position','-'+w+'px 0px');
					
					
					elem.css('background-position','0px -20px');
				}
			},
			function(){ //hover off
				var elem=$(this).find("a").stop();
				if(!elem.hasClass('active'))
				{
					elem.css('background-position','0px 0px');
					$("#box-"+elem.attr('id')).css('background-position','0px 0px');
				}
				}
			);
			
			
		$(".mboxhover").hover(
			function(){ //hover on
			
				$('#desc-'+last).fadeOut('slow');
				var ids=$(this).attr('id');
				$('#desc-'+ids).fadeIn("slow");
				last=ids;

				
			},
			function(){ //hover off
				
				}
			);
			
		//menu section
		$(".menu-mini li").hover(
			function(){ //hover on
				var elem=$(this).find("a").stop();
				if(!elem.hasClass('menu-mini-active'))
					elem.css('background-position','0px -24px');
			},
			function(){ //hover off
				var elem=$(this).find("a").stop();
				if(!elem.hasClass('menu-mini-active'))
					elem.css('background-position','0px 0px');
				}
			);
			
		//boxes
		$(".boxes").hover(
			function(){ //hover on
					var w=$(this).width();
					var menu=$(this).attr('id');
					menu=menu.substr(4);
					$("#"+menu).css('background-position','0px -20px');
					
					$(this).css('background-position','-'+w+'px 0px');
			},
			function(){ //hover off
					var menu=$(this).attr('id');
					menu=menu.substr(4);
					$("#"+menu).css('background-position','0px 0px');
					$(this).css('background-position','0px 0px');
				}
			);
			
		
		$(".item-image").hover(
			function(){ //hover on
					$(this).css('background-position','-200px 0px');
			},
			function(){ //hover off
				
					$(this).css('background-position','0px 0px');
				}
			);	
});