$(document).ready(function(){
	setLayout();
	$("#categories .cat").click(function(){
		window.location=$(this).find("a").attr("href");
		return false;
	});
	$(".cat").hover(function(){
		 showOver(this);
	}, function() {
		 showOut(this);
	});
});


function setLayout(){
	$("#categories").find(".cat div").css({backgroundPosition:"0px -150px"});
	$("#categories").find(".cat a").css({backgroundPosition:"0 0"});
}

function showOver(item) {
	$(item).find("div").stop().animate({backgroundPosition:"(0px 0px)"}, {duration:1})
	$(item).find("a").stop().animate({backgroundPosition:"(0px -27px)"}, {duration:300})
}

function showOut(item){
	$(item).find("div").stop().animate({backgroundPosition:"(0px -150px)"}, {duration:1})
	$(item).find("a").stop().animate({backgroundPosition:"(0px 0px)"}, {duration:1})
}