// JavaScript Document

$(function(){
	$('#a a')
		.css( {backgroundPosition: "left -43px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(left -43px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(left 35px)"}, {duration:200, complete:function(){
				$(this).css({backgroundPosition: "left 35px"})
			}})
		})
	$('#b a')
		.css( {backgroundPosition: "left -43px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-50px -43px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(-300px 0)"}, {duration:200, complete:function(){
				$(this).css({backgroundPosition: "0 0"})
			}})
		})
	$('#navegacao a')
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 -280px)"}, {duration:100})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 -80px)"}, {duration:100})
		})
	$('#d a')
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 -250px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:500})
		})
});