// JavaScript Document
var timer=0; //cronometro de .4s para ocultar todos los menus
var timer_cortina=0; //cronometro de .2s para ocultar cortina
var k=0; //para que el menu no se pierda
var def=0;

var seccion=0;
var opcion=0;

//Contents for menu 1
var menu1=new Array()

//Contents for menu 2, and so on
var menu2=new Array()

//Contents for menu 3, and so on
var menu3=new Array()

//Contents for menu 4, and so on
var menu4=new Array()

//Contents for menu 5, and so on
var menu5=new Array()

//Contents for menu 6, and so on
var menu6=new Array()

/////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Useful functions
function findPosY(obj) {
	var posTop = 0;
	while (obj.offsetParent) {posTop += obj.offsetTop; obj = obj.offsetParent;}
	return posTop;
}
function findPosX(obj) {
	var posLeft = 0;
	while (obj.offsetParent) {posLeft += obj.offsetLeft; obj = obj.offsetParent;}
	return posLeft;
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////

/* funcion para las paginas internas*/
function hideMenu(pos) {
	timer_cortina=setTimeout('hideCortina();',200);
//	timer=setTimeout('deleteSubMenu('+pos+');',100);
	timer=setTimeout('opacity("mnc_'+pos+'",100,0,350,'+pos+')',100);	
}

function deleteSubMenu(pos) {
	var nombre=document.getElementById('mn_'+pos).src;
	if(nombre.indexOf('_on.gif') >= 0 && def!=pos) document.getElementById('mn_'+pos).src=nombre.substring(0,nombre.indexOf('_on.gif'))+'.gif';
	
	var formElement = document.getElementById('mnc_'+pos);
	if (formElement && formElement.parentNode && formElement.parentNode.removeChild) {
		formElement.parentNode.removeChild(formElement);
	}
	k=0;
}

function showMenu(pos) {
	if(k!=pos) {
		var nombre=document.getElementById('mn_'+pos).src;
		if(pos!=0) { 
			if(nombre.indexOf('_on.gif') < 0 && def!=pos) 
				document.getElementById('mn_'+pos).src=nombre.substring(0,nombre.indexOf('.gif'))+'_on.gif';
			else 
				k=pos; //es 1 solo si es la seccion donde estoy
			if(timer_cortina!=0) 
				clearTimeout(timer_cortina); 
			k=pos;
			createDivSubMenu(pos);
		}
	}
}

function createDivSubMenu(pos) {
		var MenuObj = document.getElementById('mn_'+pos)
		var SubMenuTop = document.createElement('div');
		
		SubMenuTop.id='mnc_'+pos;
		SubMenuTop.className = 'floatmenu';
		SubMenuTop.style.left = findPosX(MenuObj)+MenuObj.width+'px';
		SubMenuTop.style.top = findPosY(MenuObj)+'px';
		
		switch(pos) {
			case 1: SubMenuTop.innerHTML=menu1.join(""); break;
			case 2: SubMenuTop.innerHTML=menu2.join(""); break;
			case 3: SubMenuTop.innerHTML=menu3.join(""); break;
			case 4: SubMenuTop.innerHTML=menu4.join(""); break;
			case 5: SubMenuTop.innerHTML=menu5.join(""); break;
			case 6: SubMenuTop.innerHTML=menu6.join(""); break;
		}
	
		document.getElementsByTagName("body")[0].appendChild(SubMenuTop);
		opacity('mnc_'+pos,0,100,350, pos);
		if(timer_cortina==0) showCortina();
}

/* funcion para el home */
function showMenu_Home(pos) {
	if(k!=pos) {
		var nombre=document.getElementById('mn_'+pos).src;
		if(pos!=0) { 
	
			if(nombre.indexOf('_on.jpg') < 0) document.getElementById('mn_'+pos).src=nombre.substring(0,nombre.indexOf('.jpg'))+'_on.jpg';
	//		if(timer_cortina!=0) clearTimeout(timer_cortina); 
			k=pos;
			createDivSubMenu_Home(pos);
		}
	}
//	clearTimeout(timer);
}

function createDivSubMenu_Home(pos) {
		var MenuObj = document.getElementById('mn_'+pos)
		var SubMenuTop = document.createElement('div');
		
		SubMenuTop.id='mnc_'+pos;
		SubMenuTop.className = 'floatmenu';
		SubMenuTop.style.left = findPosX(MenuObj)-15+'px';
		
		switch(pos) {
			case 1: SubMenuTop.innerHTML=menu1.join("");
					SubMenuTop.style.top = findPosY(MenuObj)-MenuObj.height-((menu1.length)*20)+'px';
					break;
			case 2: SubMenuTop.innerHTML=menu2.join("");
					SubMenuTop.style.top = findPosY(MenuObj)-MenuObj.height-((menu2.length)*20)+'px';
					break;
			case 3: SubMenuTop.innerHTML=menu3.join(""); 
					SubMenuTop.style.top = findPosY(MenuObj)-MenuObj.height-((menu3.length))+'px';
					break;
			case 4: SubMenuTop.innerHTML=menu4.join(""); 
					SubMenuTop.style.top = findPosY(MenuObj)-MenuObj.height-((menu4.length)*14)+'px';
					break;
			case 5: SubMenuTop.innerHTML=menu5.join(""); 
					SubMenuTop.style.top = findPosY(MenuObj)-MenuObj.height-((menu5.length)*21)+'px';
					break;
			case 6: SubMenuTop.innerHTML=menu6.join(""); 
					SubMenuTop.style.top = findPosY(MenuObj)-MenuObj.height-((menu6.length))+'px';
					break;
		}
	
		document.getElementsByTagName("body")[0].appendChild(SubMenuTop);
		opacity_home('mnc_'+pos,0,100,350, pos);
}

function hideMenu_Home(pos) {
//	timer=setTimeout('deleteSubMenu_Home('+pos+');',100);
	timer=setTimeout('opacity_home("mnc_'+pos+'",100,0,350,'+pos+')',100);	
}

function deleteSubMenu_Home(pos) {
	var nombre=document.getElementById('mn_'+pos).src;
	if(nombre.indexOf('_on.jpg') >= 0) document.getElementById('mn_'+pos).src=nombre.substring(0,nombre.indexOf('_on.jpg'))+'.jpg';
	
	var formElement = document.getElementById('mnc_'+pos);
	if (formElement && formElement.parentNode && formElement.parentNode.removeChild) {
		formElement.parentNode.removeChild(formElement);
	}
	k=0;
}

function showCortina() {
	var laCortina = document.getElementById('cortina');
	var contentObj = document.getElementById('adm_contenido');


	laCortina.style.left = findPosX(contentObj)+'px';
	laCortina.style.top = findPosY(contentObj)+'px';
	laCortina.style.width = contentObj.width+'px';
	laCortina.style.height = '375px';

	laCortina.style.backgroundColor="white";
	laCortina.style.filter = 'alpha(opacity=' + 65 + ')';
	laCortina.style.opacity=0.65;
	laCortina.style.zIndex=50;

	//ponemos la cortina encima ;D
	laCortina.className='vis';
}

function hideCortina() {
	var laCortina = document.getElementById('cortina');
	laCortina.className='invi';
	timer_cortina=0;
}



//funcion para tener todos los objs segun su classname
document.getElementsByClassName = function(cl) {
	var retnode = [];
	var myclass = new RegExp('\\b'+cl+'\\b');
	var elem = this.getElementsByTagName('*');
	for (var i = 0; i < elem.length; i++) {
		var classes = elem[i].className;
		if (myclass.test(classes)) retnode.push(elem[i]);
	}
	return retnode;
}; 


function limpiarCancel () {
	clearTimeout(timer);
	if(timer_cortina!=0) clearTimeout(timer_cortina);
}

/* fading menu*/
function opacity(id, opacStart, opacEnd, millisec, pos) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer2 = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer2 * speed)); 
            timer2++; 
        }
		timer=setTimeout('deleteSubMenu('+pos+')', millisec);
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer2 * speed)); 
            timer2++; 
        } 
    } 
} 

function opacity_home(id, opacStart, opacEnd, millisec, pos) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer2 = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer2 * speed)); 
            timer2++; 
        }
		timer=setTimeout('deleteSubMenu_Home('+pos+')', millisec);
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer2 * speed)); 
            timer2++; 
        } 
    } 
} 


//change the opacity for different browsers 
function changeOpac(opacity, id) { 
	if (document.getElementById(id)!=null) {
	    var object = document.getElementById(id).style; 
		object.opacity = (opacity / 100); 
		object.MozOpacity = (opacity / 100); 
		object.KhtmlOpacity = (opacity / 100); 
		object.filter = "alpha(opacity=" + opacity + ")"; 
	}
} 

function selMenu(pos) {
	def=pos;
	var nombre=document.getElementById('mn_'+pos).src;
	if(nombre.indexOf('_on.gif') < 0) document.getElementById('mn_'+pos).src=nombre.substring(0,nombre.indexOf('.gif'))+'_on.gif';
}