// navegación del web
var selected = 0;
var subselected = 0;
var sto = 0;

function activaMain(opcion){
	clearTimeout(sto);
	// activamos la opción principal y desactivamos las demás
	var opcMain = document.getElementById("opcion"+opcion);
	var opciones = opcMain.parentNode.parentNode.getElementsByTagName("A");
	for (var i=0; i<opciones.length; i++){
		opciones[i].className = (i==(opcion-1))? "activa" : "";
	}
	
	// ocultamos todos los menús secundarios y mostramos el actual si lo tiene
	ocultaElement("menu2");	
	var existe = (document.getElementById("menu1_"+opcion)!=undefined);
	if (existe) {
		document.getElementById("menu2").style.backgroundImage = "url(images/fondosubmenu.jpg)";
		document.getElementById("menu2").style.backgroundRepeat = "no-repeat";		
		document.getElementById("menu1_"+opcion).style.display = "block"
	}else{
		document.getElementById("menu2").style.backgroundImage = "url(css/css_img/fauxcolumn01.jpg)";
		document.getElementById("menu2").style.backgroundRepeat = "repeat-y";
	};
	
	
}

function desactivaMain(){
	clearTimeout(sto);
	sto = setTimeout("desactivaMain2()",2000);
}

function desactivaMain2(){
	clearTimeout(sto);
	// ocultamos todo
	var elementoBase = document.getElementById("menu1");
	var elemento = elementoBase.getElementsByTagName("UL");
	for (var i=0; i<elemento.length; i++){
		var lista = elemento[i].getElementsByTagName("A");
		for (var j=0; j<lista.length; j++) lista[j].className = "";		
	}
//	document.getElementById("menu2").style.backgroundImage = "none";
	document.getElementById("menu2").style.backgroundImage = "url(css/css_img/fauxcolumn01.jpg)";
	document.getElementById("menu2").style.backgroundRepeat = "repeat-y";	
	ocultaElement("menu2");
	// mostramos lo necesario
	if (selected!=0) activaMain(selected);
	if (subselected!=0) activaSec(selected, subselected);
}

function activaSec(opcion, subopcion){
	clearTimeout(sto);
	// activamos la opción principal y desactivamos las demás
	var opcMain = document.getElementById("opcion"+opcion+"_"+subopcion);
	var opciones = opcMain.parentNode.parentNode.getElementsByTagName("A");
	for (var i=0; i<opciones.length; i++) opciones[i].className = (i==(subopcion-1))? "activa" : "";
	
	// mostramos el actual si lo tiene
	var existe = (document.getElementById("menu1_"+opcion+"_"+subopcion)!=undefined);
	if (existe) document.getElementById("menu1_"+opcion+"_"+subopcion).style.display = "block";
	
	
}


function ocultaElement(id){
	var elementoBase = document.getElementById(id);
	var elemento = elementoBase.getElementsByTagName("UL");
	for (var i=0; i<elemento.length; i++){
		elemento[i].style.display = "none";
		// desactivamos todos
		var lista = elemento[i].getElementsByTagName("A");
		for (var j=0; j<lista.length; j++) lista[j].className = "";		
	}
}

function arranca(opcion, subopcion){
	// ocultamos todo
	document.getElementById("menu2").style.backgroundImage = "none";
	ocultaElement("menu2");
	// mostramos lo necesario
	if (opcion!=0) activaMain(opcion);
	if (subopcion!=0) activaSec(opcion, subopcion);
	// indicamos los elegidos
	selected = opcion;
	subselected = subopcion;
}


function ckPFoot(){
	var alturaNavegador = windowHeight();
	var alturaTotal = fullHeight(document.getElementById("container"));	
	var pie = document.getElementById("contpie");
	if(alturaNavegador < alturaTotal){
	pie.style.top = alturaTotal + "px";
	}else{
		pie.style.top = alturaNavegador + "px";		
		}		
}

function fullHeight( elem ) {
	if ( getStyle( elem, 'display' ) != 'none' ) return elem.offsetHeight || this.getHeight( elem );	
	// si tiene display a none, reseteamos algunas propiedades CSS para calcular y las volvemos a establecer
	var old = resetCSS( elem, { display: 'block', visibility: 'hidden', position: 'absolute' });
	var h = elem.clientHeight || this.getHeight( elem );
	restoreCSS(elem, old );
	
	return h;
}

function getStyle( elem, name ) {
	if (elem.style[name]) return elem.style[name]; // si se ha establecido
	else if (elem.currentStyle) return (elem.currentStyle[name]=="auto")? 0 : elem.currentStyle[name];	// IE
	else if (document.defaultView && document.defaultView.getComputedStyle) {
		// W3C
		name = name.replace(/([A-Z])/g,"-$1");
		name = name.toLowerCase();
		var s = document.defaultView.getComputedStyle(elem,"");
		return s && s.getPropertyValue(name);
	} else return null;	// no se pudo
}
	
function resetCSS( elem, prop ) {
	var old = {};
	for ( var i in prop ) {
		old[ i ] = elem.style[ i ];
		elem.style[ i ] = prop[i];
	}
	return old;
}
	
function restoreCSS( elem, prop ) {
	for ( var i in prop ) elem.style[ i ] = prop[ i ];
}

function windowHeight() {
var de = document.documentElement;
return self.innerHeight || ( de && de.clientHeight ) || document.body.clientHeight;
}

window.onresize = function(){
	ckPFoot();
}


function pasoEvento(){
	var obj = document.getElementById("paso1");
	var obj2 = document.getElementById("paso2");	
	obj.style.display="none";
	obj2.style.display="block";	
}