var imgDir = "_images/menu";

$(function () {
	var menuItems = $("#menu > li").each(function () {
		var item = $(this);
		
		if(item.hasClass("selected"))
			return;

		var id = item.attr("id");
		var a = item.find("a");
		var width = item.width();
		var posStr = "-"+width.toString()+"px 0px";
		var textWrapper = $("<div />").css({display : "block", position : "absolute", left : "0px", top : "0px", width : "100%"});
		var fadeBg = $("<div />").css({
									   display:"block",
									   position:"absolute",
									   top :"0px",
									   left :"0px",
									   width :"100%",
									   height : "100%",
									   backgroundImage : "url("+imgDir+"/"+id+".jpg)",
									   backgroundPosition : posStr
									   });
		
		fadeBg.addClass("fade-bg");
		fadeBg.hide();
		
		a.removeClass("no-script").
		  wrapInner(textWrapper).
		  prepend(fadeBg);
		
		a.hover(
		function () {
			fadeBg.fadeIn(300);
		},
		function ()
		{
			fadeBg.fadeOut(100);
		});
		
		
	});
});