// listado de categorias. Cada pestaña lleva asociado un menú categoria_{indice de la pestaña}
// la F indica elemento de primer nivel. La S indica elemento de segundo nivel. El número es el ID de la categoría

var categoria_1=new Array();

categoria_1[0] = "F|Televisores|productos.asp?codigo_categoria_AN015=TV";
categoria_1[1] = "F|Consolas|productos.asp?codigo_categoria_AN015=CONSOLAS";


var categoria_2=new Array();

categoria_2[0] = "F|PCs portátiles|productos.asp?codigo_categoria_AN015=PORTATILES";



var categoria_3=new Array();

categoria_3[0] = "F|Menaje|productos.asp?codigo_categoria_AN015=MANTELERIAS";
categoria_3[1] = "F|Pequeño electrodoméstico|productos.asp?codigo_categoria_AN015=ROBOTS";




// Código de interactividad


var ns4,ie4,w3c;
ns4=(document.layers)?true:false;
ie4=(document.all)?true:false;
w3c=(document.getElementById)?true:false;


function tabON(pestana,categoria)
{
	pst 	= document.getElementById(pestana);
	psts	= document.getElementById('tabs').getElementsByTagName('li');
	
	// eliminamos las clases de las pestañas
	for(i=0; i< psts.length; i++)
	{   
		if(psts[i].className!="actual activa")
		{
			psts[i].className = '';
		}
	}
	
	// Añadimos la clase "actual" a la pestaña activa salvo si ya estaba activada
	if (pst.className!="actual activa")
	{
		pst.className = 'actual';
	}
	
	// Calculamos la posión x de la pestaña activa
	w3c=(document.getElementById)?true:false;		

	if (w3c) {
		var	x=pst.offsetLeft;
	} 
	else {
		var	x=document.all.pst.offsetLeft;
	} 
	
	ocultar('menu');
	
	if (categoria>0)
	{
	
		//escribimos el listado de categorías correspondiente
		
		document.getElementById('menu').style.width="190px";
		
		var	categoria_actual=new Array();
	
		eval('categoria_actual=categoria_'+categoria+';');
		cadena='';
		
		cadena=cadena+'<div class="menu_columna">';
		columna=1;
		j=0;
		
		for (i=0;i<categoria_actual.length;i++) {
			
			tipo = categoria_actual[i].split("|");
	
			//establecimiento de enlaces y distribución en columnas
			entradas_maximas=10;
			
			
			if ((j>entradas_maximas)&&(tipo[0]=='F')) {
				j=0;
				columna=columna+1;
				document.getElementById('menu').style.width=(190*columna)+"px";
	
				cadena=cadena+'</div><div class="menu_columna">';	
	
			}
	
			if (tipo[0]=='F') {
				cadena=cadena+'<div class="F"><p>&raquo; <a href="'+tipo[2]+'" class="tab_enlaceF"><b>'+tipo[1]+'</b></a></p></div>';
			}
			else {
				cadena=cadena+'<div class="S"><p>&raquo; <a href="'+tipo[2]+'" class="tab_enlaceS">'+tipo[1]+'</a></p></div>';
			}
			j=j+1;
		}
	
		cadena=cadena+'</div><div style="clear:both;">&nbsp;</div>';
	
		escribir('menu',cadena);	
		mover('menu',x+220,150);
		mostrar('menu');
	
	}
	
}

function tabOFFall() {
	ocultar('menu');
	
	psts	= document.getElementById('tabs').getElementsByTagName('li');
	
	// eliminamos las clases de las pestañas
	for(i=0; i< psts.length; i++)
	{
		if(psts[i].className!="actual activa")
		{		
			psts[i].className = '';
		}
	}	
}


// funciones
function mostrar(capa)
{
	if(w3c) capavis=parent.document.getElementById(capa).style.visibility="visible";
	else if(ie4) capavis=eval('parent.document.all.'+capa+'.style.visibility="visible"');
	else if(ns4) capavis=parent.document.layers[capa].visibility="show";
}


function ocultar(capa)
{
	if(w3c) capavis=parent.document.getElementById(capa).style.visibility="hidden";
	else if(ie4) capavis=eval('parent.document.all.'+capa+'.style.visibility="hidden"');
	else if(ns4) capavis=parent.document.layers[capa].visibility="hide";
}


function mover(capa,x,y)
{
	if (w3c) {
		document.getElementById(capa).style.left=x+'px'; 
		document.getElementById(capa).style.top=y+'px'; 
	} 
	else if (ie4) {
		document.all.capa.offsetLeft=x+'px'; 
		document.all.capa.offsetTop=y+'px'; 
	} 
	else if (ns4) {
		document.layers[capa].pageX=x+'px'; 
		document.layers[capa].pageY=y+'px'; 
	} 
	else alert('Su navegador no está soportado.');
}


function escribir(capa,txt)
{
	if (w3c) {
		parent.document.getElementById(capa).innerHTML=txt;
	}
	else if(ie4) {
		eval('parent.document.all.'+capa+'.innerHTML="' + txt + '"');
	}
	else if(ns4)
	{
		lyr=eval('parent.document.layers["' + capa + '"].document');
		lyr.open()
		lyr.write(txt)
		lyr.close()					
	}
}

function open_overlay(codigo) {
	document.getElementById("overlay").style.display="block";
	document.getElementById("media").style.display="block";
	document.getElementById("cerrar_overlay").style.display="block";
	document.getElementById("overlay").style.visibility="visible";
	document.getElementById("media").style.visibility="visible";
	document.getElementById("cerrar_overlay").style.visibility="visible";
	var ie=(document.all)?true:false;
	if (ie) {
	  var _docHeight = document.documentElement.clientHeight;	
	} else {
	  var _docHeight = window.innerHeight;
	}
	if (_docHeight<document.body.offsetHeight) {
		_docHeight = document.body.offsetHeight;
	}
	document.getElementById("overlay").style.height=_docHeight+"px";
	var cadena=codigo;
	document.getElementById("media").innerHTML=cadena;
}


function close_overlay() {
	document.getElementById("overlay").style.visibility="hidden";
	document.getElementById("media").style.visibility="hidden";
	document.getElementById("cerrar_overlay").style.visibility="hidden";
}


function open_lightbox(codigo) {
	document.getElementById("lightbox").style.display="block";
	document.getElementById("media2").style.display="block";
	document.getElementById("cerrar_lightbox").style.display="block";
	document.getElementById("lightbox").style.visibility="visible";
	document.getElementById("media2").style.visibility="visible";
	document.getElementById("cerrar_lightbox").style.visibility="visible";
	var ie=(document.all)?true:false;
	if (ie) {
	  var _docHeight = document.documentElement.clientHeight;	
	} else {
	  var _docHeight = window.innerHeight;
	}
	if (_docHeight<document.body.offsetHeight) {
		_docHeight = document.body.offsetHeight;
	}
	document.getElementById("lightbox").style.height=_docHeight+"px";
	var cadena=codigo;
	document.getElementById("media2").innerHTML=cadena;
}


function close_lightbox() {
	if (confirm("¿Estás seguro de continuar?"))  {
		document.getElementById("lightbox").style.visibility="hidden";
		document.getElementById("media2").style.visibility="hidden";
		document.getElementById("cerrar_lightbox").style.visibility="hidden";
		document.location.reload(true);
	}	


}


function close_lightbox_forzado() {
		parent.document.getElementById("lightbox").style.visibility="hidden";
		parent.document.getElementById("media2").style.visibility="hidden";
		parent.document.getElementById("cerrar_lightbox").style.visibility="hidden";
		parent.document.location.reload(true);
}