// JavaScript Document

function iexplor(){

var navegador = navigator.appName

if (navegador == "Microsoft Internet Explorer"){

return true}

else{

return false}

}





function seccion(tex,enl,dstn,subO,an,dir,ancho,enlacemenu,opcionmenu){

this.tex = tex

this.enl = enl

this.dstn = dstn

this.subO = subO

this.dir = dir

this.an = an

this.ancho=ancho

this.enlacemenu=enlacemenu

this.opcionmenu=opcionmenu
}









idactiva=null

posArriba = 50

posIzquierda = 4

var alturabotonprincipal=30

var grosorpiemenu=10

var tiempout=0

var anchoOp = 201

var menuPrin =4

var tunIex=navigator.appName=="Microsoft Internet Explorer"?true:false;

var tiempo

function menucete(ide,num){ // crea submenus principales (capa)

	espan = document.createElement("span")

	document.getElementById('Men_'+num).appendChild(espan)

	espan.id=ide.toLowerCase(ide)+'_'+num

	espan.className="subMe"

	espan.cierra = true

	espan.tiempo = 0

	espan.style.top="0px"

	espan.onmouseout=function(){

		setTimeout('ocultaP()',tiempout)

	}

	with(espan.style){

		width = (eval('Op_'+num).ancho)+"px"

	}

	posIzquierda += eval('Op_'+num).ancho

	construye(ide+'_'+num,eval('Op_'+num).subO)

}







var anchoTotal = 0; 

if(!tunIex){anchoTotal += menuPrin*3}

function menPrin(){ //crea menu principal

	menuP=document.createElement('div')

	tablaP = document.createElement('table')

	tablaP.border=0

	menuP.appendChild(tablaP)

	cuerpoTabla = document.createElement('tbody')

	tablaP.appendChild(cuerpoTabla)

	fila=document.createElement('tr')

	fila.id ='filita'

	cuerpoTabla.appendChild(fila)

	tablaP.cellSpacing='0'

	tablaP.className='celda'

	document.getElementById('tunMenu').appendChild(menuP)

	menuP.className = "subMeP"

	menuP.id = 'MenuPrincipal'

	menuP.style.visibility='hidden'

	menuP.style.position="absolute"

	menuP.style.width = anchoTotal +"px"

	for(s=0; s<menuPrin; s++){ //crea botones principales

		opcionP=document.createElement('div')

		opcionP.className = "botonesP"

		opcionP.style.width= (eval('Op_'+s).ancho)+'px'

		document.getElementById('MenuPrincipal').appendChild(opcionP)

		opcionP.id='Men_'+s

		opcionP.onclick=function(){

			}

		celda = document.createElement('td')

		document.getElementById('filita').appendChild(celda)

		celda.id='celda_' + s

		celda.appendChild(opcionP)

		celda.className='celda'

		if(eval('Op_'+s).subO > 0){

			menucete('Op',s)

		}

	}

}



var subs=new Array(0)

function construye(ide,num){

	subOp=0

	for(m=0; m<num; m++){

		opchon = eval(ide +'_' + m)

		caja = document.createElement("div")

		boton = document.createElement("div")

		boton.appendChild(caja)

		caja.className='Caj'

		document.getElementById(ide.toLowerCase()).appendChild(boton)

		identi = ide.toLowerCase()  + "_" + m

		caja.id=identi+'caja'

		boton.id = identi

		boton.className = 'botones'

		boton.style.height=25+'px'
		
		if (opchon.dir == "rtl") {
		
			boton.style.direction = "rtl";
		
			boton.style.textAlign = "right";
			
		}

		var newImage = document.createElement("img")

		newImage.src = "./imagenes/iconomenuhorizontal.gif"



		if (iexplor()){newImage.align="middle" }

		else {newImage.align="absmiddle" }

		document.getElementById(identi).appendChild(newImage)

		document.getElementById(identi).appendChild(document.createTextNode(opchon.tex))

		salto = document.createElement('br')

		boton.onmouseover=function(){

			this.className='botonesHover'

			this.parentNode.cierra=false

			muestra(this.parentNode.id)

		}

		boton.onmouseout=function(){

			this.className='botones'

			this.parentNode.cierra = true

		}

		if(opchon.subO > 0){

			subs[subs.length] = identi

			subOp++

			boton.style.cursor='default'

		}

		else{

			boton.style.cursor=cur

			if(opchon.enl!=null){

				boton.enl=opchon.enl

				boton.dstn=opchon.dstn
				
				boton.opcionmenu=opchon.opcionmenu
				
				boton.enlacemenu=opchon.enlacemenu
				
				boton.onclick=function(){

					enlaces(this.enl,this.dstn)
					enlacesmenu(this.enlacemenu,'contenidoIZQ',this.opcionmenu)				
				}

			}

		}

	}

	var piemenu = document.createElement("img")

	piemenu.src = "./imagenes/piemenuhorizmini.gif"

	menuactual=eval(ide)

	piemenu.width=menuactual.ancho
	
	piemenu.height=grosorpiemenu;

	piemenu.border="0"

	piemenu.vspace="0"

	piemenu.hspace="0"
	
	piemenu.align="top"
	
	document.getElementById(identi).appendChild(piemenu)

	if(subs.length>0){construyeSub(subs)}

}

function construye2(ide,num){

	for(m=0; m<num; m++){

		opchon = eval(ide +'_' + m)

		caja = document.createElement("div")

		boton = document.createElement("div")

		boton.appendChild(caja)

		caja.className='Caj'

		document.getElementById(ide.toLowerCase()+'_sub').appendChild(boton)

		identi = ide.toLowerCase()  + "_" + m

		boton.id = identi

		caja.id=identi+'caja'

		boton.className = 'botones'

		document.getElementById(identi).appendChild(document.createTextNode(opchon.tex))

		salto = document.createElement('br')

		boton.onmouseover=function(){this.className='botonesHover'}

		boton.onmouseout=function(){this.className='botones'}

		if(opchon.subO > 0){

			subs[subs.length] = identi

			subOp++

			boton.style.cursor='default'

		}

		else{

			boton.style.cursor=cur

			if(opchon.enl!=null){

				boton.enl=opchon.enl

				boton.dstn=opchon.dstn
				
				boton.opcionmenu=opchon.opcionmenu
				
				boton.enlacemenu=opchon.enlacemenu
				
				boton.onclick=function(){

					enlaces(this.enl,this.dstn)
					enlacesmenu(this.enlacemenu,'contenidoIZQ',this.opcionmenu)				
				
				}

			}

		}

	}	

}

var cur=tunIex?'hand':'pointer'

function construyeSub(lista){

	largo = subs.length

	for(t=0; t<subs.length;t++){

		if(subs[t] != null){

			obj = subs[t].charAt(0).toUpperCase() + subs[t].substr(1)

			obj2 = subs[t].charAt(0).toUpperCase() + subs[t].substring(1,subs[t].length-2)

			espan = document.createElement("span")

			document.getElementById(subs[t]+'caja').appendChild(espan)

			espan.id=subs[t]+'_sub'

			espan.className="subMe"

			espan.cierra = true

			document.getElementById(subs[t]).onmouseover=function(){

				this.className = 'botonesHover'

				this.parentNode.cierra=false

				muestra(this.id+'_sub')

			}

			document.getElementById(subs[t]).onmouseout=function(){

				this.className = 'botones'

				this.parentNode.cierra = true

				oculta(this.id+'_sub')

			}

			espan.onclick=function(){

			}

			if(eval(obj2).an){An=eval(obj2).an}

			else{An=anchoOp}

			if(eval(obj).an){An2=eval(obj).an}

			else{An2=anchoOp}

			if(eval(obj).dir=='iz')

			{pIz=-(An2-20)+"px"}

			else{pIz=(An-20)+"px";}

			

			with(espan.style){

			position="absolute"

			width = An2+"px"

			left= pIz

			visibility = 'hidden'

			}

			construye2(obj,eval(obj).subO)

			subs[t] = null

		}

	}

}

function enlaces(enl,dstn){

	if(dstn != null && dstn.toLowerCase() == 'nueva'){

		window.open(enl)

	}

	else if(dstn==null){

		location.href=enl

	}

	else{

		<!--eval(dstn+'.location.href='+enl)

		eval('parent.'+dstn+'.location.href="'+enl+'"')

		

	}

}
function enlacesmenu(enl,dstn,actual){

	if(dstn != null && dstn.toLowerCase() == 'nueva'){

		window.open(enl)

	}

	else if(dstn==null){

		location.href=enl

	}

	else{

		<!--eval(dstn+'.location.href='+enl)

		eval('parent.'+dstn+'.location.href="'+enl+'"')
		opcionvertical=actual

		

	}

}

function muestra(cual){

	document.getElementById(cual).style.visibility='visible'

}

function oculta(cual){

document.getElementById(cual).style.visibility='hidden'

}



function ocultaP(){

	for(y=0;y<menuPrin;y++){

		if(document.getElementById('op_'+y)!=null){

			if(document.getElementById('op_'+y).cierra){

			document.getElementById('op_'+y).style.visibility='hidden'

			}

		}

	}

}

function inicio(){

	menuP=document.createElement('div')

	tablaP = document.createElement('table')

	tablaP.border=0

	menuP.appendChild(tablaP)

	cuerpoTabla = document.createElement('tbody')

	tablaP.appendChild(cuerpoTabla)

	fila=document.createElement('tr')

	fila.id ='filitaP'

	fila.vAlign="bottom"

	cuerpoTabla.appendChild(fila)

	tablaP.cellSpacing='0'

	tablaP.className='celda'

	document.getElementById('tunMenu').appendChild(menuP)

	menuP.className = "subMeP"

	menuP.id = 'MenuPrincipalP'

	menuP.style.width = anchoTotal+"px"

	for(s=0; s<menuPrin; s++){ //crea botones principales

		opcionP=document.createElement('div')

		opcionP.className = "botonesprin"

	    opcionP.style.width= ((eval('Op_'+s).ancho)-1)+'px'

		opcionP.style.height=(alturabotonprincipal-7)+'px'

		opcionP.appendChild(document.createTextNode(eval('Op_'+s).tex))

		document.getElementById('MenuPrincipalP').appendChild(opcionP)

		opcionP.style.cursor = cur

		opcionP.id='tuMen'+s

		if(eval('Op_'+s).enl!=null){

			opcionP.enl=eval('Op_'+s).enl

			opcionP.dstn=eval('Op_'+s).dstn
			
			opcionP.enlacemenu=eval('Op_'+s).enlacemenu
			opcionP.opcionmenu=eval('Op_'+s).opcionmenu
			opcionP.onclick=function(){
				enlacesmenu(this.enlacemenu,'contenidoIZQ',this.opcionmenu)				
				enlaces(this.enl,this.dstn)
			}

		}

		

		celda = document.createElement('td')

		document.getElementById('filitaP').appendChild(celda)

		celda.id='celdaP_' + s

		celda.className='celda'

		celda.height=alturabotonprincipal

		celda.appendChild(opcionP)

		if(eval('Op_'+s).enl!=null){

			celda.enl=eval('Op_'+s).enl

			celda.dstn=eval('Op_'+s).dstn
			
			celda.enlacemenu=eval('Op_'+s).enlacemenu
			
			celda.opcionmenu=eval('Op_'+s).opcionmenu
			
			celda.onclick=function(){

				enlaces(this.enl,this.dstn)
				enlacesmenu(this.enlacemenu,'contenidoIZQ',this.opcionmenu)				
			}

		}

		

		celdaB = document.createElement('td')

		document.getElementById('filitaP').appendChild(celdaB)

				celdaB.id='celdab_P_' + s

		celdaB.className='celda'

		celdaB.height=alturabotonprincipal

		separador= document.createElement("img")

		if (celdaB.id!='celdab_P_'+(menuPrin-1)){	separador.src = "./imagenes/separador.gif"

		if (iexplor()){separador.align="middle" }

		else {separador.align="absmiddle" } 

		document.getElementById(celdaB.id).appendChild(separador)}

		//celda.appendChild(opcionP)



	}

		

//	Controla link 

	for(n=0;n<menuPrin;n++){

		document.getElementById('celdaP_'+n).onclick=function(){

			enlaces(this.enl,this.dstn)
			enlacesmenu(this.enlacemenu,'contenidoIZQ',this.opcionmenu)	

			if(document.getElementById('op_'+this.id.substr(7))!=null){

				clearTimeout(tiempo)

				document.getElementById('op_'+this.id.substr(7)).cierra=false

				ocultaP()

				muestra('op_'+this.id.substr(7))

				idactiva=this.id.substr(7)

				for(v=0;v<menuPrin;v++){

				if (v!=idactiva){

				document.getElementById('celdaP_'+v).className='celda'}

					}

			}

			else{

				clearTimeout(tiempo)

				ocultaP()

			}

		}



		document.getElementById('celdaP_'+n).onmouseover=function(){

			document.body.style.cursor = "pointer"

			if(this.id.substr(7)!=null){

				this.className='celdaover'

				}

		}

		

		document.getElementById('celdaP_'+n).onmouseout=function(){

			if(document.getElementById('op_'+this.id.substr(7))!=null){

				document.getElementById('op_'+this.id.substr(7)).cierra=true

				tiempo =setTimeout('ocultaP()',tiempout)

			}

			if(this.id.substr(7)!=null){

				if ((this.id.substr(7))!=idactiva){

				this.className='celda'}

				}

		}

	}

	document.getElementById('tunMenu').style.width = anchoTotal + "px"

	menPrin()

}

var activo = false

window.onload=inicio