$(function(){
	$('.boxes li a')
		.css( {backgroundPosition: "0 -165px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 0px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 -165px)"}, {duration:500})
		})
	$('.boxes li a.two')
		.css( {backgroundPosition: "-320px -165px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-320px 0px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(-320px -165px)"}, {duration:500})
		})
	$('.boxes li a.three')
		.css( {backgroundPosition: "-640px -165px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-640px 0px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(-640px -165px)"}, {duration:500})
		})
	$('.boxes li a.four')
		.css( {backgroundPosition: "0 -330px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 -495px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 -330px)"}, {duration:500})
		})
	$('.boxes li a.five')
		.css( {backgroundPosition: "-320px -330px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-320px -495px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(-320px -330px)"}, {duration:500})
		})
	$('.boxes li a.six')
		.css( {backgroundPosition: "-640px -330px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-640px -495px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(-640px -330px)"}, {duration:500})
		})
	
});