// JavaScript Document
var $j = jQuery.noConflict();

$j(function(){

	$j('#top-navigation ul li a')
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$j(this).stop().animate({backgroundPosition:"( 0 -186px)"}, {duration:300})
		})
		.mouseout(function(){
			$j(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:300, complete:function(){
				$j(this).css({backgroundPosition: "0 0"})
			}})
		})
	$j('#top-navigation ul li.active a')
		.css( {backgroundPosition: "0 -186px"} )
		.mouseover(function(){
			$j(this).stop().animate({backgroundPosition:"(0 -186px)"}, {duration:200})
		})
		.mouseout(function(){
			$j(this).stop().animate({backgroundPosition:"(0 -186px)"}, {duration:200, complete:function(){
				$j(this).css({backgroundPosition: "0 -186px"})
			}})
		})
	$j('.sub-menu li a')
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$j(this).stop().animate({backgroundPosition:"( 0 -64px)"}, {duration:200})
		})
		.mouseout(function(){
			$j(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:700, complete:function(){
				$j(this).css({backgroundPosition: "0 0"})
			}})
		})
	$j('.sub-menu li.active a')
		.css( {backgroundPosition: "180px 0"} )
		.mouseover(function(){
			$j(this).stop().animate({backgroundPosition:"(180px 0)"}, {duration:200})
		})
		.mouseout(function(){
			$j(this).stop().animate({backgroundPosition:"(180px 0)"}, {duration:200, complete:function(){
				$j(this).css({backgroundPosition: "180px 0"})
			}})
		})

});