$(document).ready(function(){
	
	//navi effect
	$('#header li:not(.menuOn) .cat01')
		.css( {backgroundPosition: "0 -37px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-158px -37px)"}, {duration:400})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(-316px -37px)"}, {duration:200, complete:function(){
				$(this).css({backgroundPosition: "0 -37px"})
			}})
		});
	$('#header li:not(.menuOn) .cat03')
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-158px 0)"}, {duration:400})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(-316px 0)"}, {duration:200, complete:function(){
				$(this).css({backgroundPosition: "0 0"})
			}})
		});
	if ($('div').is('#sectionHeader')) {
		$('#sectionHeader li:not(.sectionOn) a')
			.css( {backgroundPosition: "0 -74px"} )
			.mouseover(function(){
				$(this).stop().animate({backgroundPosition:"(-158px -74px)"}, {duration:400})
			})
			.mouseout(function(){
				$(this).stop().animate({backgroundPosition:"(-316px -74px)"}, {duration:200, complete:function(){
					$(this).css({backgroundPosition: "0 -74px"})
				}})
			});
	}
	
});