
//precargamos las imagenes
	if (document.images) {
		//bullets del menu de la izq
		var bulletAbierto = new Image();	bulletAbierto.src ="/imagenes/bullet_gris.gif";
		var bulletActivo  = new Image();	bulletActivo.src  ="/imagenes/bullet_gris.gif";
		var bulletCerrado = new Image();	bulletCerrado.src ="/imagenes/bullet_gris.gif";
		var bulletSubActual  = new Image();	bulletSubActual.src  ="/imagenes/bulletSelecSubMenu.gif";
	}

	var stContenedor = (document.layers)?"contenedorMenu.document.":"";
	var esCargado = false;
	var ponImgs = false;
	var iContador = 0;
	window.onload = Cargado;
	
function getArgs() {
	var args = new Object();
	var query = location.search.substring(1);	  // quitamos el ? a la cadena
	var pairs = query.split("&");                 // troceamos la cadena por los &

	for (var i=0; i < pairs.length; i++) {
		var pos = pairs[i].indexOf('='); 	      // Busca nombre=valor
		if (pos == -1) continue;
		var argName  = pairs[i].substring(0,pos); // el nombre
		var argValue = pairs[i].substring(pos+1); // el valor
		args [argName] = unescape(argValue);      // lo guarda como propiedad
	}
	return args;
}

var queryValues = getArgs();
var x=-1;
var y=-1;
var xOld=-1;
var yOld=-1;
if (queryValues.x){x = queryValues.x - 0;xOld=x;}else{x = -1};
if (queryValues.y){y = queryValues.y - 0;yOld=y;}else{y = -1};

	
function Cargado(){
	esCargado = true;
}
// escribe los menús
function escribirSubMenu(){
	var colorFondo = ((menu[x][2].indexOf(segmento)==-1)||(segmento==""))? "#ffffff" : "#f7f7f7";
	var stSubopcion = '<table cellpadding="0" cellspacing="1" border="0">';
	if (!(subMenu[x]==null)){
		for (j=0 ; j<subMenu[x].length; j++){
			stSubopcion += '		<tr valign="top">\n'; 
			if (j==y){
				// esta activo
				if ((subMenu[x][j][1].indexOf("x=")>-1)||(subMenu[x][j][1].indexOf("javascript:") != -1 )){
					parametros = "";
				} else{
					parametros = "?x="+x+"&y="+j;
				}
				stSubopcion += '			<td bgcolor="'+colorFondo+'" ><img src="/imagenes/sp.gif" name="bullet0' + i + j + '" width="8" height="8" border="0"></td>\n';
				stSubopcion += "			<td bgcolor='"+colorFondo+"'  class='subMenuOn' ><a href=" + subMenu[x][j][1] + parametros + "  class=\"subMenuOn\">" + subMenu[x][j][0] + "</a></td>\n";
			}else{
				// no esta activo
				if ((subMenu[x][j][1].indexOf("x=")>-1)||(subMenu[x][j][1].indexOf("javascript:") != -1 )){
					parametros = "";
				} else{
					parametros = "?x="+x+"&y="+j;
				}
				stSubopcion += '			<td bgcolor="'+colorFondo+'" ><img src="/imagenes/sp.gif" name="bullet0' + i + j + '" width="8" height="8" border="0"></td>\n';
				stSubopcion += "			<td bgcolor='"+colorFondo+"' ><a href=" + subMenu[x][j][1] + parametros + " class=\"subMenuOff\">" + subMenu[x][j][0] + "</a></td>\n";
			}
			stSubopcion += '		</tr>\n';
		}
	}
	stSubopcion += "</table>"
	return stSubopcion;
}

function escribirMenu(){

	var stCapaMenu = (document.layers)?'<div id="contenedorMenu" style="position:relative;top:0px;left:0px;">\n\n':'<div id="contenedorMenu">\n\n';
	stCapaMenu += (document.layers)?'<img src="/imagenes/sp.gif" width="137" height="1">':construirMenu();
	stCapaMenu += '</div>';
	document.write(stCapaMenu);
	reescribirMenu(x,y);
}

function reescribirMenu(k,j){ 

	x = k;
	if((j<0) ||(j==null)){
		y = null;
	}else{
		y = j;
	}
	var stMenuDesplegado = "";
	if (document.layers) {
		if(document.contenedorMenu)
		{
			stMenuDesplegado = construirMenu();
			document.layers["contenedorMenu"].document.open();
			stHTML = '<layer top="0" left="0">'+stMenuDesplegado+'</layer>';
		 	if(esCargado){
				document.layers["contenedorMenu"].document.write(stHTML);
				ponImgs = true;
				};
			document.layers["contenedorMenu"].document.close();
			if(!esCargado){
				iContador +=1;
				if(iContador > 10)
					esCargado = true;
				setTimeout('reescribirMenu(x,y)',800);
			}
		}else
		{
			setTimeout('reescribirMenu(x,y)',800);
		}
	}
	else if (document.all) {
		stMenuDesplegado = construirMenu();
	 	if(esCargado){
			document.all["contenedorMenu"].innerHTML = stMenuDesplegado;
			ponImgs = true;
		}else{
				iContador +=1;
				if(iContador > 10)
					esCargado = true;
				setTimeout('reescribirMenu(x,y)',800);
		}
	}
	else if (document.getElementById) {
		stMenuDesplegado = construirMenu();
		document.getElementById("contenedorMenu").innerHTML = stMenuDesplegado;
		ponImgs = true;
	}
	if(ponImgs){
		if(menu!=null){
			for (i=0 ; i<menu.length; i++)
			{
				if(i==x){
					if (y<0 || y==null){
						cambiar(stContenedor+"bullet" + i,"bulletSubActual");
					}else{
						cambiar(stContenedor+"bullet" + i,"bulletAbierto");
					}			
					if (!(subMenu[x]==null)){
						for (j=0 ; j<subMenu[x].length; j++){
							if (j==y){
								cambiar(stContenedor+"bullet0" + i +j,"bulletSubActual");
							}else{
								cambiar(stContenedor+"bullet0" + i +j,"bulletCerrado");
							}
						}
					}
				}else{
					cambiar(stContenedor+"bullet" + i,"bulletCerrado");
				}
			}
		}
	} 
}

function construirMenu(){
	var separador = '';
	var segActiv=false;
	var stOpcion  = '<table cellpadding="0" cellspacing="0" border="0" width="137">\n';
	var comboProductos = "";

	comboProductos += '<tr valign="top">'+((document.layers)?'<form>':'')+'<td align="center" colspan="2" bgcolor="#cdcdcd" class="cntTexto">';
	comboProductos += '<img src="/imagenes/sp.gif" width="1" height="'+((document.layers)?'16':'19')+'" border="0"><select name="categorias" class="cntTexto" ';
	comboProductos += ' onchange="if(this.selectedIndex!=0){window.location.href=this.options[this.selectedIndex].value}">';
	comboProductos += '<option value="" class="cntTexto">'+menuTopTitle+'</option>';
	for (i=0 ; i<topMenu.length; i++)
	{
		if((topMenu[i][2].indexOf(segmento)==-1)||(segmento==""))
		{
			comboProductos += '<option value="'+topMenu[i][1].substr(0,topMenu[i][1].indexOf('.'))+((segmento=='')?'':'_')+segmento+ topMenu[i][1].substr(topMenu[i][1].indexOf('.'))+'" class="cntTexto">';
			comboProductos += ((topMenu[i][0].length<14)?topMenu[i][0]:topMenu[i][0].substring(0,14)+'.....')+'</option>';
		}
	}
	for (i=0 ; i<topMenu.length; i++)
	{
		if((topMenu[i][2].indexOf(segmento)!=-1)&&(segmento!=""))
		{
			comboProductos += '<option value="'+topMenu[i][1]+'" class="cntTexto">'+((topMenu[i][0].length<14)?topMenu[i][0]:topMenu[i][0].substring(0,14)+'...')+'</option>';
		} 
	}
	comboProductos += '</select></td>'+((document.layers)?'</form>':'')+'</tr>\n';
	stOpcion  += comboProductos;
	stOpcion += '<tr valign="top"><td align="center" bgcolor="#cdcdcd" colspan="2"><img src="/imagenes/sp.gif" width="138" height="1" border="0"></td></tr>\n';
	stOpcion += '<tr valign="top">';
	stOpcion += '<td align="center" bgcolor="#cdcdcd"><img src="/imagenes/sp.gif" width="1" height="10" border="0"></td>\n';
	stOpcion += '<td bgcolor="#ffffff" ><table cellpadding="0" cellspacing="0" border="0"><tr valign="top"><td bgcolor="#ffffff" width="20"><img src="/imagenes/sp.gif" width="8" height="9" border="0"><img src="/imagenes/bulletMenuTitle.gif"  width="8" height="8" border="0"></td><td bgcolor="#ffffff" class="cntTitulo">' + menuTitle + '</td></tr></table></td></tr>';
	if(menu!=null){
		for (i=0 ; i<menu.length; i++)
		{
			if((menu[i][2].indexOf(segmento)==-1)||(segmento=="")){
				stOpcion += '<tr valign="top"><td align="center" bgcolor="#cdcdcd" colspan="2"><img src="/imagenes/sp.gif" width="138" height="1" border="0"></td></tr>\n';
				stOpcion += '<tr valign="top">';
				stOpcion += '<td align="center" bgcolor="#cdcdcd"><img src="/imagenes/sp.gif" width="1" height="10" border="0"></td>\n';
				stOpcion += '	<td bgcolor="#ffffff" ><table cellpadding="0" cellspacing="0" border="0"><tr valign="top"><td bgcolor="#ffffff" width="20"><img src="/imagenes/sp.gif" width="9" height="9" border="0"><img src="/imagenes/sp.gif" name="bullet' + i +'" width="8" height="8" border="0"></td>\n';		
				if (i==x)
				{
					if (y<0 || y==null){
						// si esta opcion es la resaltada
						if ((menu[i][1] == location.pathname))
						{
							stOpcion += "	<td bgcolor='#ffffff'  class='menu"+((x==xOld)?"On":"Off")+"'><a href='javascript:reescribirMenu(null);' class='menu"+((x==xOld)?"On":"Off")+"'><b>" + menu[i][0] + "</b></a></td></tr><tr valign='top'><td><img src='/imagenes/sp.gif' border='0'></td><td>\n";
						}
						else
						{
							stOpcion += "	<td bgcolor='#ffffff'  class='menuOn'><a href=" + menu[i][1] + ((menu[i][1].indexOf("javascript:") == -1 )?"?x="+i :"")+"  class='menuOn'><b>" + menu[i][0] + "</b></a></td></tr><tr valign='top'><td><img src='/imagenes/sp.gif' border='0'></td><td>\n";
						}
					} else {
						// la opcion resaltada es un hijo
						if (menu[i][1] == location.pathname)
						{
							stOpcion += "	<td bgcolor='#ffffff' ><a href='javascript:reescribirMenu(null);' onMouseOver=\"cambiar('"+stContenedor+"bullet" + i +"','bulletActivo')\" onMouseOut=\"cambiar('"+stContenedor+"bullet" + i +"','bulletAbierto')\" class=\"menuOff\"><b>" + menu[i][0] + "</b></a></td></tr><tr valign='top'><td><img src='/imagenes/sp.gif' border='0'></td><td>\n";
						}
						else
						{
							stOpcion += "	<td bgcolor='#ffffff' ><a href=" + menu[i][1] + ((menu[i][1].indexOf("javascript:") == -1 )?"?x="+i :"")+" onMouseOver=\"cambiar('"+stContenedor+"bullet" + i +"','bulletActivo')\" onMouseOut=\"cambiar('"+stContenedor+"bullet" + i +"','bulletAbierto')\" class=\"menuOff\"><b>" + menu[i][0] + "</b></a></td></tr><tr valign='top'><td><img src='/imagenes/sp.gif' border='0'></td><td>\n";
						}
					}
					if (!(subMenu[i]==null)){stOpcion += escribirSubMenu();} //si tiene hijos
				} else {
		//Hay que mandar los parámetros de la url para no perderlos
		//y actualizar la x e y del menú
					if (menu[i][1] == location.pathname)
					{
						var indice = i;
						if((i==xOld)&&(yOld!=-1)){indice=i+","+yOld};
						stOpcion += "	<td bgcolor='#ffffff' ><a href='javascript:reescribirMenu("+indice+");' onMouseOver=\"cambiar('"+stContenedor+"bullet" + i +"','bulletActivo')\" onMouseOut=\"cambiar('"+stContenedor+"bullet" + i +"','bulletCerrado')\" class=\"menuOff\"><b>" + menu[i][0] + "</b></a></td></tr><tr valign='top'><td><img src='/imagenes/sp.gif' border='0'></td><td>";
					}
					else
					{
						
						stOpcion += "	<td bgcolor='#ffffff' ><a href=" + menu[i][1] + ((menu[i][1].indexOf("javascript:") == -1 )?"?x="+i :"")+" onMouseOver=\"cambiar('"+stContenedor+"bullet" + i +"','bulletActivo')\" onMouseOut=\"cambiar('"+stContenedor+"bullet" + i +"','bulletCerrado')\" class=\"menuOff\"><b>" + menu[i][0] + "</b></a></td></tr><tr valign='top'><td><img src='/imagenes/sp.gif' border='0'></td><td>";
					}
		//			document.write(stOpcion);
				}
				stOpcion  += "<img src='/imagenes/sp.gif' border='0'></td></tr></table></td></tr>" + separador;
			}else{segActiv = true}
		}
		if(segmento!="" && segActiv){
			stOpcion += '<tr valign="top"><td align="center" bgcolor="#cdcdcd" colspan="2"><img src="/imagenes/sp.gif" width="138" height="1" border="0"></td></tr>\n';
			stOpcion += '<tr valign="top">';
			stOpcion += '<td align="center" bgcolor="#cdcdcd"><img src="/imagenes/sp.gif" width="1" height="1" border="0"></td>\n';
			stOpcion += '<td bgcolor="#ffffff" ><img src="/imagenes/sp.gif" width="1" height="1" border="0"></td></tr>';
		}
		for (i=0 ; i<menu.length; i++)
		{
			if((menu[i][2].indexOf(segmento)!=-1)&&(segmento!="")){
				stOpcion += '<tr valign="top"><td align="center" bgcolor="#cdcdcd" colspan="2"><img src="/imagenes/sp.gif" width="138" height="1" border="0"></td></tr>\n';
				stOpcion += '<tr valign="top">';
				stOpcion += '<td align="center" bgcolor="#cdcdcd"><img src="/imagenes/sp.gif" width="1" height="10" border="0"></td>\n';
				stOpcion += '	<td bgcolor="#f3f3f3" ><table cellpadding="0" cellspacing="0" border="0"><tr valign="top"><td bgcolor="#f3f3f3"><img src="/imagenes/sp.gif" width="9" height="9" border="0"><img src="/imagenes/sp.gif" name="bullet' + i +'" width="8" height="8" border="0"></td>\n';		
				if (i==x)
				{
					if (y<0 || y==null){
						// si esta opcion es la resaltada
						if (menu[i][1] == location.pathname)
						{
							stOpcion += "	<td bgcolor='#ffffff'  class='menu"+((x==xOld)?"On":"Off")+"'><a href='javascript:reescribirMenu(null);' class='menu"+((x==xOld)?"On":"Off")+"'><b>" + menu[i][0] + "</b></a></td></tr><tr valign='top'><td><img src='/imagenes/sp.gif' border='0'></td><td>\n";
						}
						else
						{
							stOpcion += "	<td bgcolor='#ffffff'  class='menuOn'><a href=" + menu[i][1] + ((menu[i][1].indexOf("javascript:") == -1 )?"?x="+i :"")+"  class='menuOn'><b>" + menu[i][0] + "</b></a></td></tr><tr valign='top'><td><img src='/imagenes/sp.gif' border='0'></td><td>\n";
						}
					} else {
						// la opcion resaltada es un hijo
						if (menu[i][1] == location.pathname)
						{
							stOpcion += "	<td bgcolor='#ffffff' ><a href='javascript:reescribirMenu(null);' onMouseOver=\"cambiar('"+stContenedor+"bullet" + i +"','bulletActivo')\" onMouseOut=\"cambiar('"+stContenedor+"bullet" + i +"','bulletAbierto')\" class=\"menuOff\"><b>" + menu[i][0] + "</b></a></td></tr><tr valign='top'><td><img src='/imagenes/sp.gif' border='0'></td><td>\n";
						}
						else
						{
							stOpcion += "	<td bgcolor='#ffffff' ><a href=" + menu[i][1] + ((menu[i][1].indexOf("javascript:") == -1 )?"?x="+i :"")+" onMouseOver=\"cambiar('"+stContenedor+"bullet" + i +"','bulletActivo')\" onMouseOut=\"cambiar('"+stContenedor+"bullet" + i +"','bulletAbierto')\" class=\"menuOff\"><b>" + menu[i][0] + "</b></a></td></tr><tr valign='top'><td><img src='/imagenes/sp.gif' border='0'></td><td>\n";
						}
					}
					if (!(subMenu[i]==null)){stOpcion += escribirSubMenu();} //si tiene hijos
				} else {
		//Hay que mandar los parámetros de la url para no perderlos
		//y actualizar la x e y del menú
					if (menu[i][1] == location.pathname)
					{
						var indice = i;
						if((i==xOld)&&(yOld!=-1)){indice=i+","+yOld};
						stOpcion += "	<td bgcolor='#f3f3f3' ><a href='javascript:reescribirMenu("+indice+");' onMouseOver=\"cambiar('"+stContenedor+"bullet" + i +"','bulletActivo')\" onMouseOut=\"cambiar('"+stContenedor+"bullet" + i +"','bulletCerrado')\" class=\"menuOff\"><b>" + menu[i][0] + "</b></a></td></tr><tr valign='top'><td><img src='/imagenes/sp.gif' border='0'></td><td>";
					}
					else
					{
						
						stOpcion += "	<td bgcolor='#f3f3f3' ><a href=" + menu[i][1] + ((menu[i][1].indexOf("javascript:") == -1 )?"?x="+i :"")+" onMouseOver=\"cambiar('"+stContenedor+"bullet" + i +"','bulletActivo')\" onMouseOut=\"cambiar('"+stContenedor+"bullet" + i +"','bulletCerrado')\" class=\"menuOff\"><b>" + menu[i][0] + "</b></a></td></tr><tr valign='top'><td><img src='/imagenes/sp.gif' border='0'></td><td>";
					}
		//			document.write(stOpcion);
				}
				stOpcion  += "<img src='/imagenes/sp.gif' border='0'></td></tr></table></td></tr>" + separador;
			}
		}
	}
	stOpcion  += '<tr valign="top"><td align="center" bgcolor="#cdcdcd" colspan="2"><img src="/imagenes/sp.gif" width="138" height="1" border="0"></td></tr>\n';
	stOpcion += "</table> <br> &nbsp;";	
	return stOpcion; 
}  






