$(document).ready(function(){
	$('#top-left')
	.css({backgroundPosition: "0px 0px"} )
	.mouseover(function(){
		$(this).stop().animate(
			{backgroundPosition:"-513px 510px"}, 
			{duration:500})
		})
	.mouseout(function(){
		$(this).stop().animate(
			{backgroundPosition:"0px 510px"}, 
			{duration:800})
		});
	
	
	$('#top-right')
	.css({backgroundPosition: "-513px 0px"} )
	.mouseover(function(){
		$(this).stop().animate(
			{backgroundPosition:"0px -496px"}, 
			{duration:500})
		})
	.mouseout(function(){
		$(this).stop().animate(
			{backgroundPosition:"-513px -496px"}, 
			{duration:800})
		});
		
		
	$('#bottom-left')
	.css({backgroundPosition: "0px -496px"} )
	.mouseover(function(){
		$(this).stop().animate(
			{backgroundPosition:"-513px 0px"}, 
			{duration:500})
		})
	.mouseout(function(){
		$(this).stop().animate(
			{backgroundPosition:"0px 0px"}, 
			{duration:800})
		});
	
	
	$('#bottom-right')
	.css({backgroundPosition: "-513px -496px"} )
	.mouseover(function(){
		$(this).stop().animate(
			{backgroundPosition:"0px 0px"}, 
			{duration:500})
		})
	.mouseout(function(){
		$(this).stop().animate(
			{backgroundPosition:"-513px 0px"}, 
			{duration:800})
		});
	});