// JavaScript Document
var str;
var strCat = new Array;
var strCatSub = new Array;
var inicioStrCatSub = '<tr><td></td><td> - ';
var nomCat = new Array('Estáticas', 'Acrobáticas', 'Infantiles', 'Tracción', 'Accesorios', 'Taller', 'Jardín', 'Complementos');

strCat[0] = '<td><a href="#" class="menues" onclick="despliega(0)">' + nomCat[0] + '</a></td></tr>';
strCatSub[0] = inicioStrCatSub + '<a href="categoria.php?cat=ESTÁTICAS&subcat=ROKAKUS&desp=0">Rokakus</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=ESTÁTICAS&subcat=ANIMALES&desp=0">Animales</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=ESTÁTICAS&subcat=DELTA&desp=0">Delta</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=ESTÁTICAS&subcat=CAJAS&desp=0">Cajas</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=ESTÁTICAS&subcat=DIAMANTES&desp=0">Diamantes</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=ESTÁTICAS&subcat=GRANDES FORMATOS&desp=0">Grandes formatos</a></td></tr>';
strCat[1] = '<td><a href="#" class="menues" onclick="despliega(1)">' + nomCat[1] + '</a></td></tr>';
strCatSub[1] = inicioStrCatSub + '<a href="categoria.php?cat=ACROBÁTICAS&subcat=INICIACIÓN&desp=1">Iniciación</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=ACROBÁTICAS&subcat=INTERMEDIAS&desp=1">Intermedias</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=ACROBÁTICAS&subcat=AVANZADAS&desp=1">Avanzadas</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=ACROBÁTICAS&subcat=VIENTOS FLOJOS&desp=1">Vientos flojos</a></td></tr>';
strCat[2] = '<td><a href="#" class="menues" onclick="despliega(2)">' + nomCat[2] + '</a></td></tr>';
strCatSub[2] = inicioStrCatSub + '<a href="categoria.php?cat=INFANTILES&subcat=DIAMANTES&desp=2">Diamantes</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=INFANTILES&subcat=DISNEY&desp=2">Disney</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=INFANTILES&subcat=DELTA&desp=2">Delta</a></td></tr>';
strCat[3] = '<td><a href="#" class="menues" onclick="despliega(3)">' + nomCat[3] + '</a></td></tr>';
strCatSub[3] = inicioStrCatSub + '<a href="categoria.php?cat=TRACCIÓN&subcat=2 HILOS&desp=3">2 hilos</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=TRACCIÓN&subcat=4 HILOS&desp=3">4 hilos</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=TRACCIÓN&subcat=ACCESÓRIOS&desp=3">Accesorios</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=TRACCIÓN&subcat=MTB&desp=3">Mtb</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=TRACCIÓN&subcat=BUGGY&desp=3">Buggy</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=TRACCIÓN&subcat=PROTECCIONES&desp=3">Protecciones</a></td></tr>';
strCat[4] = '<td><a href="#" class="menues" onclick="despliega(4)">' + nomCat[4] + '</a></td></tr>';
strCatSub[4] = inicioStrCatSub + '<a href="categoria.php?cat=ACCESORIOS&subcat=LINEAS&desp=4">Lineas</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=ACCESORIOS&subcat=MANDOS&desp=4">Mandos</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=ACCESORIOS&subcat=FUNDAS&desp=4">Fundas</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=ACCESORIOS&subcat=COLAS&desp=4">Colas</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=ACCESORIOS&subcat=TURBINAS&desp=4">Turbinas</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=ACCESORIOS&subcat=ANEMÓMETROS&desp=4">Anemómetros</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=ACCESORIOS&subcat=VARIOS&desp=4">Varios</a></td></tr>';
strCat[5] = '<td><a href="#" class="menues" onclick="despliega(5)">' + nomCat[5] + '</a></td></tr>';
strCatSub[5] = inicioStrCatSub + '<a href="categoria.php?cat=TALLER&subcat=TELAS&desp=5">Telas</a></td></tr>' + inicioStrCatSub + '<a href="conector.php?cat=TALLER&subcat=CONECTORES&desp=5">Conectores</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=TALLER&subcat=VARILLAS&desp=5">Varillas</a></td></tr>';
strCat[6] = '<td><a href="#" class="menues" onclick="despliega(6)">' + nomCat[6] + '</a></td></tr>';
strCatSub[6] = inicioStrCatSub + '<a href="categoria.php?cat=JARDÍN&subcat=MOLINOS&desp=6">Molinos</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=JARDÍN&subcat=ESPIRALES&desp=6">Espirales</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=JARDÍN&subcat=MÓVILES&desp=6">Móviles</a></td></tr>';
strCat[7] = '<td><a href="#" class="menues" onclick="despliega(7)">' + nomCat[7] + '</a></td></tr>';
strCatSub[7] = /*inicioStrCatSub + '<a href="ropaH.php?cat=COMPLEMENTOS&subcat=ROPA HOMBRE&desp=7">Ropa hombre</a></td></tr>' + inicioStrCatSub + '<a href="ropaM.php?cat=COMPLEMENTOS&subcat=ROPA MUJER&desp=7">Ropa Mujer</a></td></tr>' +*/ inicioStrCatSub + '<a href="categoria.php?cat=COMPLEMENTOS&subcat=GAFAS&desp=7">Gafas</a></td></tr>' + inicioStrCatSub + '<a href="categoria.php?cat=COMPLEMENTOS&subcat=MOCHILAS&desp=7">Mochilas</a></td></tr>';


function despliega(seleccion){
	var boliche = '<tr><td><img src="../images/boliche.gif" width="25" height="25"></td>';
	var bolicheAc = '<tr><td><img src="../images/bolicheAc.gif" width="25" height="25"></td>';
	var str = '';
	for (i = 0; i <= (strCat.length-1); i++) {
		if (i==seleccion) {
			str = str + bolicheAc + strCat[i];
			str = str + strCatSub[i];
		} else {
			str = str + boliche + strCat[i];
		}
	}
	document.getElementById('tdMenu').innerHTML = '<table width="160" border="0" cellpadding="0" cellspacing="0"><tr><th colspan="2">Tienda </th></tr><tr><td><img src="../images/spacer.gif" width="25" height="10" border="0"></td><td><img src="../images/spacer.gif" width="125" height="10" border="0"></td></tr><tr><td colspan="2"><form name="busqueda" action="buscar.php" method="post">  <input type="text" size="14" maxlength="150" name="criterio" value="Buscar" onFocus="this.value=\'\';this.onfocus=function(){ return false}">  <input name="submit" type="image" src="../images/lupa.jpg" value="Buscar"></form></td></tr>' + str + '<tr><td colspan="2"><img src="../images/spacer.gif" width="1" height="15" border="0"></td></tr></table>';
}