$(document).ready(function() {
	
	//Handling top menu rollover effects
	$("ul.home-right-menu li.item").hover(function() { //On hover...

		var itemOver = $(this).find("img").attr("src"); //Get image url and assign it to 'itemOver'

		//Set a background image(itemOver) on the <a> tag - Set position to bottom
		$(this).find("a").css({'background' : '#FFF url(' + itemOver + ') no-repeat center bottom'});

		//Animate the image to 0 opacity (fade it out)
		$(this).find("span").stop().fadeTo(250, 0, function() {
			$(this).hide() //Hide the image after fade
		});	
		
	} , function() { //on hover out...
		//Fade the image to full opacity 
		$(this).find("span").stop().fadeTo(250, 1).show();		
	});
	
});