/*
 * This now allows a random ID to be passed in to 
 * allow for inPageNavigation.js to use this.
 * See example of use at /gifts/redeem.html
 */
function getBackground(li, id) {
	var ret = "http://cloud.globalgiving.org/img/navigation/globalgiving/";
	if(li.className.match(/\bover\b/)) {
		ret += "over";
	} else if(li.className!=null && li.className.match(/\bselected\b/)) {
		ret += "selected";
	} else {
	    ret += "unselected"	
	}
	ret += "/" + id + ".png";
	return ret;
}

$(document).ready(function(){
	$("#nav_main li").bind("revert", function() {
		var li = $(this).get(0);
		$(this).find("a img").attr("src", getBackground(li, li.id));
	});

	$("#nav_main li").bind("mouseenter", function() {
		if (!$(this).hasClass("selected")) {
			$(this).addClass("over");
		}
		$(this).siblings(".over").removeClass("over");
		$("#nav_main li").trigger("revert");
	});

	$("#nav_main ul").bind("mouseleave", function() {
		if (!$(this).hasClass("selected")) {
			$("#nav_main li.over").removeClass("over");
		}
		$("#nav_main li").trigger("revert");
	});
});