_addEvent(window, "load", function(){
	var navi = document.getElementById("navigation");
	var img = navi.getElementsByTagName("img");
	
	for (var i = 0; i < img.length; i++){
		var preload = new Image();
		preload.onload = function(){
			var oldSrc = this.node.src;
			var newSrc = this.src;
			var node = this.node;
			_addEvent(node, "mouseover", function(){
				node.src = newSrc;
			});
			_addEvent(node, "mouseout", function(){
				node.src = oldSrc;
			});
		};
		preload.node = img[i];
		preload.src = img[i].src.replace(/\.([^\.]+)$/, "_glanz.$1");
	}
	
	var sub = getElementsByClassName(navi, "submenu");
	function handleSubmenu(sub){
		var timeout = false;
		_addEvent(sub.parentNode, "mouseover", function(){
			window.clearTimeout(timeout);
			sub.style.display = "block";
		});
		_addEvent(sub.parentNode, "mouseout", function(){
			timeout = window.setTimeout(function(){
				sub.style.display = "";
			}, 500);
		});
	}
	for (var i = 0; i < sub.length; i++){
		handleSubmenu(sub[i]);
	}
});