$(function(){

$('#container')
	.css( {backgroundPosition: "-50px 0"} )
	.mouseover(function(){
		$(this).stop().animate(
			{backgroundPosition:"(-50px 0px)"}, 
			{duration:200})
		})
	.mouseout(function(){
		$(this).stop().animate(
			{backgroundPosition:"(-50px 0)"}, 
			{duration:0})
		})

$('#lines')
	.css( {backgroundPosition: "-50px 0"} )
	.mouseover(function(){
		$(this).stop().animate(
			{backgroundPosition:"(200px 0px)"}, 
			{duration:1200})
		})
	.mouseout(function(){
		$(this).stop().animate(
			{backgroundPosition:"(-50px 0)"}, 
			{duration:0})
		})
$('#lines1')
	.css( {backgroundPosition: "-50px 0"} )
	.mouseover(function(){
		$(this).stop().animate(
			{backgroundPosition:"(200px 0px)"}, 
			{duration:1050})
		})
	.mouseout(function(){
		$(this).stop().animate(
			{backgroundPosition:"(-50px 0)"}, 
			{duration:0})
		})

$('#lines2')
	.css( {backgroundPosition: "-50px 0"} )
	.mouseover(function(){
		$(this).stop().animate(
			{backgroundPosition:"(200px 0px)"}, 
			{duration:900})
		})
	.mouseout(function(){
		$(this).stop().animate(
			{backgroundPosition:"(-50px 0)"}, 
			{duration:0})
		})

 });