// JavaScript Document
$(document).ready(function() {
	var speed = 300;
					
	$("#menu li#accueil")
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 -23px)"}, {duration:speed});
		})
		.mouseout(function(){
		$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:speed, complete:function(){
			$(this).css({backgroundPosition: "0 0"})
		}})
	})
		
	$("#menu li#elagage")
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 -23px)"}, {duration:speed});
		})
		.mouseout(function(){
		$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:speed, complete:function(){
			$(this).css({backgroundPosition: "0 0"})
		}})
	})
		
	$("#menu li#espace_vert")
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 -23px)"}, {duration:speed});
		})
		.mouseout(function(){
		$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:speed, complete:function(){
			$(this).css({backgroundPosition: "0 0"})
		}})
	})
		
	$("#menu li#dechets")
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 -23px)"}, {duration:speed});
		})
		.mouseout(function(){
		$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:speed, complete:function(){
			$(this).css({backgroundPosition: "0 0"})
		}})
	})
		
	$("#menu li#frelons")
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 -23px)"}, {duration:speed});
		})
		.mouseout(function(){
		$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:speed, complete:function(){
			$(this).css({backgroundPosition: "0 0"})
		}})
	})
		
	$("#menu li#travaux")
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 -23px)"}, {duration:speed});
		})
		.mouseout(function(){
		$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:speed, complete:function(){
			$(this).css({backgroundPosition: "0 0"})
		}})
	})
		
	$("#menu li#terrains")
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 -23px)"}, {duration:speed});
		})
		.mouseout(function(){
		$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:speed, complete:function(){
			$(this).css({backgroundPosition: "0 0"})
		}})
	})
});