var MENU = {
	
	zIndex: 100,
	claseName: "mop",
	menuAnt:"",
	idInterval: 0,
	idFade:0,
	desplazamiento: 25,
	
	start: function(){
		var els = KRNLDOM.getElementByClass(MENU.claseName);
		for(var i=0; i<els.length;i++){
			id = els[i].id.split("_");
			el = document.getElementById(id[0]+id[1]);
			if(el != null){
				els[i].onmouseover = MENU.mostrarMenu;
				els[i].onmouseout = MENU.ocultarMenu;
			}else{
				els[i].onmouseover = MENU.ocultarMenuActual;
			}
		}
	},
	
	mostrarMenu: function(){
		MENU.cancelarIdInterval();
		MENU.cancelarIdFade();
		MENU.ocultarMenuActual();
		MENU.mostrarMenuActual(this.id);
		return false;
	},
	
	ocultarMenu: function(){
		MENU.idInterval = window.setTimeout("MENU.fade(0,100)",1000);
		
	},
	
	ocultarMenuActual: function(){
		if(MENU.menuAnt !=""){
			id = MENU.menuAnt.split("_");
			el = document.getElementById(id2[0]+id2[1]);
			
			What = id2[0]+id2[1];
			isIE = document.all;
			isNN = !document.all&&document.getElementById;
			isN4 = document.layers;
			isHot = false;
			whichDog = isIE ? document.all[What] : document.getElementById(What);

			if(isIE || isNN) {
				//whichDog.style.left = X2+"400px";
				//whichDog.style.top = Y2+"75px";
				whichDog.style.visibility = "hidden";
			} else if(isN4) {
				//document.What.left = X2+"px";
				//document.What.top = Y2+"px";
				document.What.visibility = "hide";
			}
			//el.style.left = X2+"px";
			//el.style.top = Y2+"px";
			//el.style.visibility = "hidden";
			//el.style.display = "none";
			el = document.getElementById(MENU.menuAnt);
			//el.style.backgroundColor = "#f0f0f0";
			//el2.style.color = "#888888";
		}
	},
	
	mostrarMenuActual:function(id){
		
		el2 = document.getElementById(id);
		//var pos = KRNLDOM.getAbsolutePos(el2);
		//el2.style.backgroundColor = "#ff9900";
		//el2.style.color = "#ffffff";
		
		id2 = id.split("_");
		el = document.getElementById(id2[0]+id2[1]);
		//el.style.display = "inherit";		

		padre = document.getElementById (id);
		var curleft = curtop = 0;
		if (padre.offsetParent) {
			curleft = padre.offsetLeft
			curtop = padre.offsetTop
			while (padre = padre.offsetParent) {
				curleft += padre.offsetLeft
				curtop += padre.offsetTop
			}
		}
		X = curleft;
		Y = curtop;
		X2 = X + 150;
		Y2 = Y - 26;

		What = id2[0]+id2[1];
		isIE = document.all;
		isNN = !document.all&&document.getElementById;
		isN4 = document.layers;
		isHot = false;
		whichDog = isIE ? document.all[What] : document.getElementById(What);

		if(isIE||isNN) {
			whichDog.style.left = X2+"px";
			whichDog.style.top = Y2+"px";
			whichDog.style.visibility="visible";
		} else if (isN4) {
			document.What.left = X2+"px";
			document.What.top = Y2+"px";
			document.What.visibility="show";
		}
		//el.style.visibility="visible";
		//el.style.left = pos.x+"px";
		//el.style.top = (pos.y+MENU.desplazamiento)+"px";
		MENU.menuAnt = id;
		MENU.fade(1,100);
			
		el.onmouseover = MENU.cancelarIdInterval;
		el.onmouseout = MENU.ocultarMenu;
	},
	
	cancelarIdInterval: function(){
		window.clearTimeout(MENU.idInterval);
	},
	
	fade:function(tipo, nivel){
		
		id2 = MENU.menuAnt.split("_");
		el = document.getElementById(id2[0]+id2[1]);

		el.style.opacity = (nivel / 100);
    	el.style.MozOpacity = (nivel / 100);
	    el.style.KhtmlOpacity = (nivel / 100);
		el.style.filter = "alpha(opacity="+nivel+")"; 
		if(tipo){
			nivel += 10;
		}else{
			nivel -= 10;
		}
		if(nivel >= 100 || nivel <= 0){
			MENU.cancelarIdFade();
			if(nivel<=0){
				el.style.filter = "alpha(opacity=0)"; 
				MENU.ocultarMenuActual();
			}else{
				el.style.filter = "alpha(opacity=100)"; 
			}
		}else{
			MENU.idFade = window.setTimeout("MENU.fade("+tipo+","+nivel+")",30);
		}
	},
	
	cancelarIdFade: function(){
		window.clearTimeout(MENU.idFade);
	}
	
}

if(document.getElementsByTagName) KRNLDOM.addEvent(window, 'load', MENU.start, false);