var over_images;
var out_images;

addEvent( window, "load", function(){
	cleanWhitespace();
	var menu = document.getElementById("menu");
	//var lis = menu.childNodes;
	var lis = menu.getElementsByTagName("li");
	over_images = new Array();
	out_images = new Array();

	for (var i=0; i < lis.length; i++) {
		var id = lis[i].getAttribute("id");
		var id_short = id.split("_")[1];
		
		var page = window.location.href.split("/");
		page = page.pop();
		page = page.split(".")[0];

		var link = lis[i].firstChild;
		var image = link.firstChild;
		var src = image.src;
		var id = link.parentNode.getAttribute("id");

		out_images[id] = image;

		over_images[id] = new Image();
		var over_src = src.split("w_");
		over_src = over_src[0] + "b_" + over_src[1];
		over_images[id].src = over_src;

		if(id_short == page || (page == "" && id_short == "index")) {
			lis[i].firstChild.replaceChild(over_images[id], lis[i].firstChild.firstChild);
			continue;
		}

		addEvent(link, "mouseover", function(e){
			clearMenuOvers()
			stopBubble(e);
			id = this.parentNode.getAttribute("id");
			this.replaceChild(over_images[id], this.firstChild);
		});
		
		addEvent(link, "mouseout", function(e){
			id = this.parentNode.getAttribute("id");
			this.replaceChild(out_images[id], this.firstChild);
		});
	};

	addEvent(document, "mouseover", function(e){
		clearMenuOvers()
	});
});

function clearMenuOvers() {
	var menu = document.getElementById("menu");
	var lis = menu.getElementsByTagName("li");

	for (var i=0; i < lis.length; i++) {
		var id = lis[i].getAttribute("id");
		var id_short = id.split("_")[1];
		
		var page = window.location.href.split("/");
		page = page.pop();
		page = page.split(".")[0];

		if(id_short != page && (page != "" && id_short != "index"))
			lis[i].firstChild.replaceChild(out_images[id], lis[i].firstChild.firstChild);				
	};
}