//style del layer con scroll
var style_combo="SCROLLBAR-FACE-COLOR:#C9BEB8;SCROLLBAR-HIGHLIGHT-COLOR:#A69287;SCROLLBAR-SHADOW-COLOR:#A69287;SCROLLBAR-3DLIGHT-COLOR:#3B2E28;SCROLLBAR-ARROW-COLOR:#ffffff;SCROLLBAR-TRACK-COLOR:#E9E4E1;SCROLLBAR-DARKSHADOW-COLOR:#605043";

//ancho de los combos
var combo_width=220;

//altura de cada elemento seleccionable
var alto_elemento=21;

//maximo de elementos a mostrar en cada combo
var max_elementos=4;

//imagen de fondo del selector del combo no seleccionado
var combo_off="/lab-combo2a.gif";

//imagen de fondo del selector del combo seleccionado
var combo_on="/lab-combo2b.gif";

/*********************************************************************/
var last_cat=0;
var hidetimer=0;
var wait_hide=400;
var path=Getvar_Value("path");
var onlysold=Getvar_Value("onlysold");
var tipologia_selected=0;
var nivel_tipologia=0;
/*********************************************************************/

if (tipologia_selected==null) {tipologia_selected=0;}
if (nivel_tipologia==null) {nivel_tipologia=0;}

function init_cats() {

	if (path!=null) {

		draw_go("off");
		ids=path.split(".");
		newpath="0";
		draw_combo(0,"0","CATEGORY",0);		//categoria principal
		for (ind=1;ind<ids.length;ind++) {
			if (newpath!="") {newpath+=".";}
			newpath+=ids[ind];
			for (patcat=0;patcat<veccat.length;patcat++) {
				if (veccat[patcat][2]==newpath) {nav(patcat);}
			}

		}

		if (onlysold==1) {
			chkonlysold=getObj("onlysold");
			if (chkonlysold!=null) {chkonlysold.checked=true;}
		}

	} else {


		draw_combo(0,"0","CATEGORY",0);		//categoria principal
		draw_combo(1,"0.0","MODEL",0);		//combos figurativos para que no quede un hueco
		draw_combo(2,"0.0.0","TYPOLOGY",0);
		draw_go("off");

	}

	tipologia_selected=Getvar_Value("tipologia");
	if (tipologia_selected==null) {tipologia_selected=0;}

	nivel_tipologia=Getvar_Value("nt");
	if (nivel_tipologia==null) {nivel_tipologia=0;}


	if (tipologia_selected>0) {set_typology(tipologia_selected);}

}

function draw_combo(nivel,path,label,tipo) {

	var tabla="";
	var objspan=getObj("span_combo"+nivel);
	var va=path.split(".");
	var nivelhijo=va.length;

	tabla+="<table width='"+combo_width+"' cellspacing='0' cellpadding='0' border='0' onMouseOver='stopHide();' onmouseout='hidecombos();'>";
	tabla+="<tr><td class=verysmalltext><font color=#392C24>"+label+"</font></td></tr>";
	tabla+="</table>";

	tabla+="<table width='100%' cellspacing='0' cellpadding='0' border='0' class='imghand' onMouseOver='stopHide();' onmouseout='hidecombos();'>";
	tabla+="<tr>";
	tabla+="<td width='2'><img src='"+imgs+"/lab-combo1.gif' width='2' height='22' border='0'></td>";
	tabla+="<td id='backcombo"+nivel+"' background='"+imgs+combo_off+"'>";
	tabla+="<table width='100%' cellspacing='0' cellpadding='0' border='0'>";
	tabla+="<tr>";
	tabla+="<td width='5'></td>";
	tabla+="<td onMouseOver='stopHide();' onclick='hideunhide_layer(\""+nivel+"\")'><a href='javascript:nothing()' class='link_combo1'><span id='labcombo"+nivel+"'>Please select</span></a></td>";
	tabla+="<td align='right' width='17'><img class='imghand' onclick='hideunhide_layer(\""+nivel+"\")' src='"+imgs+"/lab-combo-arrow.gif' width='17' height='18' border='0'></td>";
	tabla+="</tr>";
	tabla+="</table>";
	tabla+="</td>";
	tabla+="<td width='2'><img src='"+imgs+"/lab-combo3.gif' width='2' height='22' border='0'></td>";
	tabla+="</tr>";
	tabla+="</table>";


	elementos=0;
	for (i=0;i<veccat.length;i++) {
		p=veccat[i][1];
		if (path==p) {
			elementos++;
		}
	}

	tabla+="<div id='combo"+nivel+"' style='width="+(combo_width)+"px;overflow:hidden;visibility:hidden;position:absolute;' onMouseOver='stopHide();' onmouseout='hidecombos();'>";

	if (elementos>0) {

		if (elementos>max_elementos) {
			elementos=max_elementos;
		}

		alto_combo=(elementos * alto_elemento);

		tabla+="<table height='1' cellspacing='0' cellpadding='0' border='0'><tr><td></td></tr></table>";
		tabla+="<table cellpadding='0' cellspacing='0' border='0' width='"+(combo_width)+"' onMouseOver='stopHide();' onmouseout='hidecombos();'>";
		tabla+="<tr>";
		tabla+="	<td width='3'><img src='"+imgs+"/combo-corner01.gif' width='3' height='3' border='0'></td>";
		tabla+="	<td style='border-top:solid 1px #9C7F6F' bgcolor='#ffffff'><img src='"+imgs+"/blank.gif' width='1' height='1' border='0'></td>";
		tabla+="	<td width='3'><img src='"+imgs+"/combo-corner02.gif' width='3' height='3' border='0'></td>";
		tabla+="</tr>";
		tabla+="<tr>";
		tabla+="	<td style='border-left:solid 1px #9C7F6F' bgcolor='#ffffff'><img src='"+imgs+"/blank.gif' width='1' height='1' border='0'></td>";
		tabla+="	<td valign='top' bgcolor='#ffffff'>";

		tabla+="<div style='width="+(combo_width-6)+"px;height:"+(alto_combo)+"px;overflow:auto;visibility:auto;position:relative;"+style_combo+"' onMouseOver='stopHide();' onmouseout='hidecombos();'>";

		for (i=0;i<veccat.length;i++) {
			p=veccat[i][1];
			if (path==p) {
				tabla+="<table width='100%' cellspacing='0' cellpadding='0' border='0'>";
				tabla+="	<tr>";
				tabla+="		<td height='19' onMouseOver='mOvr(this,\"F0E5DF\");' onMouseOut='mOut(this);'>";
				tabla+="			<table width='100%' cellspacing='0' cellpadding='0' border='0' class='imghand'>";
				tabla+="				<tr>";
				tabla+="					<td width='3'><img src='"+imgs+"/dot.gif' width='3' height='6' border='0' hspace='5'></td>";
				tabla+="					<td onclick='nav("+i+")'><a href='javascript:nothing()' class='link_combo2'>"+veccat[i][0]+"</a></td>";
				tabla+="				</tr>";
				tabla+="			</table>";
				tabla+="		</td>";
				tabla+="	</tr>";
				tabla+="	<tr><td height='1' bgcolor='#CCC3BE'></td></tr><tr><td height='1' bgcolor='#ffffff'></td></tr>";
				tabla+="</table>";
			}
		}

		tabla+="</div>";

		tabla+="</td>";
		tabla+="	<td style='border-right:solid 1px #9C7F6F' bgcolor='#ffffff'><img src='"+imgs+"/blank.gif' width='1' height='1' border='0'></td>";
		tabla+="</tr>";
		tabla+="<tr>";
		tabla+="	<td width='3'><img src='"+imgs+"/combo-corner04.gif' width='3' height='3' border='0'></td>";
		tabla+="	<td style='border-bottom:solid 1px #9C7F6F' bgcolor='#ffffff'><img src='"+imgs+"/blank.gif' width='1' height='1' border='0'></td>";
		tabla+="	<td width='3'><img src='"+imgs+"/combo-corner03.gif' width='3' height='3' border='0'></td>";
		tabla+="</tr>";
		tabla+="</table>";
	}

	tabla+="</div>";

	/* SEPARACION ENTRE COMBO Y COMBO Y SPAN PARA PONER EL HIJO */
	tabla+="<table width='"+combo_width+"' cellspacing='0' cellpadding='0' border='0'>";
	tabla+="<tr height='8'><td></td></tr>";
	tabla+="</table>";
	tabla+="<span id='span_combo"+nivelhijo+"'></span>";
	tabla+="<input type='hidden' name='cat_actual' value='"+path+"'>";

	if (nivel==1 && tipo==2) {

		tabl_vendido="";
		tabl_vendido+="<table cellspacing='0' cellpadding='0' border='0'>";
		tabl_vendido+="<tr><td height='1'></td></tr>";
		tabl_vendido+="<tr>";
		tabl_vendido+="<td><input type='checkbox' value='1' name='onlysold' class='formstyle6'></td>";
		tabl_vendido+="<td><font class='verysmalltext'><font color=000000>SHOW ONLY SOLD UNITS</font></font></td>";
		tabl_vendido+="</tr>";
		tabl_vendido+="</table>";
		innerHTML(getObj("span_vehiculo"),tabl_vendido);

	} else if (nivel==1 && tipo!=2) {

		innerHTML(getObj("span_vehiculo"),"");

	}

	innerHTML(objspan,tabla);

}

function innerHTML(obj,cont) {
	obj.innerHTML=cont;
	if (navigator.appName=="Netscape") {obj.innerHTML=cont;obj.innerHTML=cont;}
}

function hideunhide_layer(nivel) {
	layer=getObj("combo"+nivel);
	imgback=getObj("backcombo"+nivel);

	if (layer.style.visibility=="hidden") {
		layer.style.visibility="visible";
		layer.style.zIndex=1;
		imgback.background=imgs+combo_on;

		//ocultar el resto
		for (d=0;d<10;d++) {
			if (d!=nivel) {
				otroslayer=getObj("combo"+d);
				if (otroslayer!=null) {
					otroslayer.style.visibility="hidden";
					otroslayer.style.zIndex=-1;
				}

				imgbackcombo=getObj("backcombo"+d);
				if (imgbackcombo!=null) {
					imgbackcombo.background=imgs+combo_off;
				}
			}
		}
	} else {
		layer.style.visibility="hidden";
		layer.style.zIndex=-1;
		imgback.background=imgs+combo_off;
	}
	stopHide();
}

function nav(e) {

	var lab_elemento=veccat[e][0];
	var path_padre=veccat[e][1];
	var mi_path=veccat[e][2];
	var labelhijo=veccat[e][4];
	var tipo=veccat[e][5];
	var va=path_padre.split(".");
	var nivelpadre=(va.length)-1;
	var aux_id_categoria_tip=0;

	if (veccat[e][4]=="TYPOLOGY") {
		aux=veccat[e][2];
		aux=aux.split(".");
		aux_id_categoria_tip=aux[aux.length-1];
	}

	opclab=veccat[e][0];
	objlab=getObj("labcombo"+nivelpadre);

	lab_elemento="<b>"+lab_elemento+"</b>";

	innerHTML(objlab,lab_elemento);

	layer=getObj("combo"+nivelpadre);
	layer.style.visibility="hidden";
	layer.style.zIndex=-1;

	imgbackcombo=getObj("backcombo"+nivelpadre);
	imgbackcombo.background=imgs+combo_off;

	//buscar si veccat[e] tiene hijos
	//si los tiene: usar draw_combo para mostrar
	//el combo de los hijos
	tienehijos=false;
	for (i=0;i<veccat.length;i++) {
		p=veccat[i][1];
		if (mi_path==p) {
			tienehijos=true;
			break;
		}
	}

	if (tienehijos) {
		draw_combo(nivelpadre+1,mi_path,labelhijo,tipo);
		tipologia_selected=0;
	} else {
		if (veccat[e][4]=="TYPOLOGY") {
			draw_tipology(nivelpadre+1,aux_id_categoria_tip)
		}
	}


	if (nivelpadre==0) {
		//dummy
		//fuerzo mostrar un 3er combo si se selecciona un elemento del primero
		if (tipo==2) {
			draw_combo(2,"0.0.0","MODEL",0);		//3er. combo dummy si es autos con nombre por defecto
		} else if (tipo==1) {
			draw_combo(2,"0.0.0","TYPOLOGY",0);		//3er. combo dummy si es repuestos con nombre por defecto
		} else {
			draw_combo(2,"0.0.0","CATEGORY",0);
		}
	}

	if (nivelpadre>=1) {draw_go("on");} else {draw_go("off");}

	stopHide();

	last_cat=mi_path;


}

function hidecombos() {
	if (hidetimer==0) {hidetimer=setInterval(doHideCombos,wait_hide);}
}

function stopHide() {
	if (hidetimer!=0) {clearInterval(hidetimer);hidetimer=0;}
}

function doHideCombos() {
	if (hidetimer!=0) {clearInterval(hidetimer);}
	hidetimer=0;
	for (d=0;d<10;d++) {
		layercombo=getObj("combo"+d);
		if (layercombo!=null) {
			layercombo.style.visibility="hidden";
			layercombo.style.zIndex=-1;
		}
		imgbackcombo=getObj("backcombo"+d);
		if (imgbackcombo!=null) {
			imgbackcombo.background=imgs+combo_off;
		}
	}
}

function navResult() {
	chkonlysold=getObj("onlysold");
	param_onlysold="";
	if (chkonlysold!=null) {
		if (chkonlysold.checked) {param_onlysold="&onlysold=1";}
	}

	if (USA_SERVER) {
		DIR="http://www.sparepartscollections.com";
	} else {
		DIR="/spartpartscollections";
	}

	url=DIR+"/products/result.php?path="+last_cat+param_onlysold+"&tipologia="+tipologia_selected+"&nt="+nivel_tipologia;
	location.href=url;
}

function Get_URL_vars() {

	var url=document.location.href
	var sep=0;
	var arrVars=new Array();
	var arrAux=new Array();
	var var_valor=new Array();
	var url_vars="";

	sep=url.indexOf('?');

	if (sep!=-1) {
		url_vars=unescape(url.substr(sep+1));
		arrAux=url_vars.split('&');
		for (i=0;i<arrAux.length;i++) {
			var_valor=arrAux[i].split('=');
			arrVars[(i*2)+0]=var_valor[0];
			arrVars[(i*2)+1]=var_valor[1];
		}
	}

	return arrVars;

}

function Getvar_Value(varname) {

	var arrGets=Get_URL_vars();

	for (i=0;i<arrGets.length;i=i+2) {
		if (arrGets[i]==varname) {
			return arrGets[i+1];
		}
	}
	return null;
}

function nothing() {}

function draw_go(modo) {

	if (modo=="on") {
		b="but-go.gif";
		js="return navResult();";
	} else {
		b="but-go-off.gif";
		js="alert(\"Please choose a category and a subcategory first\")";
	}


	tabl_button="";
	tabl_button+="<table width='100%' cellspacing='0' cellpadding='0' border='0'>";
	tabl_button+="<tr><td height='4'></td></tr>";
	tabl_button+="<tr>";
	tabl_button+="<td align='right'><font class='verysmalltext2'>Select criteria and press Go!</font></td>";
	tabl_button+="<td width='4'></td>";
	tabl_button+="<td align='center' width='29'><img class='imghand' src='"+imgs+"/"+b+"' onclick='"+js+"'></td>";
	tabl_button+="</tr>";
	tabl_button+="</table>";

	innerHTML(getObj("span_go"),tabl_button);
}

function draw_tipology(nivel,id_categoria) {

	var tabla="";
	var objspan=getObj("span_combo"+nivel);

	nivel_tipologia=nivel;

	tabla+="<table width='"+combo_width+"' cellspacing='0' cellpadding='0' border='0' onMouseOver='stopHide();' onmouseout='hidecombos();'>";
	tabla+="<tr><td class=verysmalltext><font color=#392C24>TYPOLOGY</font></td></tr>";
	tabla+="</table>";

	tabla+="<table width='100%' cellspacing='0' cellpadding='0' border='0' class='imghand' onMouseOver='stopHide();' onmouseout='hidecombos();'>";
	tabla+="<tr>";
	tabla+="<td width='2'><img src='"+imgs+"/lab-combo1.gif' width='2' height='22' border='0'></td>";
	tabla+="<td id='backcombo"+nivel+"' background='"+imgs+combo_off+"'>";
	tabla+="<table width='100%' cellspacing='0' cellpadding='0' border='0'>";
	tabla+="<tr>";
	tabla+="<td width='5'></td>";
	tabla+="<td onMouseOver='stopHide();' onclick='hideunhide_layer(\""+nivel+"\")'><a href='javascript:nothing()' class='link_combo1'><span id='labcombo"+nivel+"'>Please select</span></a></td>";
	tabla+="<td align='right' width='17'><img class='imghand' onclick='hideunhide_layer(\""+nivel+"\")' src='"+imgs+"/lab-combo-arrow.gif' width='17' height='18' border='0'></td>";
	tabla+="</tr>";
	tabla+="</table>";
	tabla+="</td>";
	tabla+="<td width='2'><img src='"+imgs+"/lab-combo3.gif' width='2' height='22' border='0'></td>";
	tabla+="</tr>";
	tabla+="</table>";

	tabla+="<div id='combo"+nivel+"' style='width="+(combo_width)+"px;overflow:hidden;visibility:hidden;position:absolute;' onMouseOver='stopHide();' onmouseout='hidecombos();'>";

	elementos=0;
	for (i=0;i<tipologias.length;i=i+3) {
		if (tipologias[i+0]==id_categoria) {elementos++;}
	}

	if (elementos>max_elementos) {elementos=max_elementos;}

	alto_combo=(elementos * alto_elemento);

	tabla+="<table height='1' cellspacing='0' cellpadding='0' border='0'><tr><td></td></tr></table>";
	tabla+="<table cellpadding='0' cellspacing='0' border='0' width='"+(combo_width)+"' onMouseOver='stopHide();' onmouseout='hidecombos();'>";
	tabla+="<tr>";
	tabla+="	<td width='3'><img src='"+imgs+"/combo-corner01.gif' width='3' height='3' border='0'></td>";
	tabla+="	<td style='border-top:solid 1px #9C7F6F' bgcolor='#ffffff'><img src='"+imgs+"/blank.gif' width='1' height='1' border='0'></td>";
	tabla+="	<td width='3'><img src='"+imgs+"/combo-corner02.gif' width='3' height='3' border='0'></td>";
	tabla+="</tr>";
	tabla+="<tr>";
	tabla+="	<td style='border-left:solid 1px #9C7F6F' bgcolor='#ffffff'><img src='"+imgs+"/blank.gif' width='1' height='1' border='0'></td>";
	tabla+="	<td valign='top' bgcolor='#ffffff'>";

	tabla+="<div style='width="+(combo_width-6)+"px;height:"+(alto_combo)+"px;overflow:auto;visibility:auto;position:relative;"+style_combo+"' onMouseOver='stopHide();' onmouseout='hidecombos();'>";

	for (i=0;i<tipologias.length;i=i+3) {
		if (tipologias[i+0]==id_categoria) {
			tabla+="<table width='100%' cellspacing='0' cellpadding='0' border='0'>";
			tabla+="	<tr>";
			tabla+="		<td height='19' onMouseOver='mOvr(this,\"F0E5DF\");' onMouseOut='mOut(this);'>";
			tabla+="			<table width='100%' cellspacing='0' cellpadding='0' border='0' class='imghand'>";
			tabla+="				<tr>";
			tabla+="					<td width='3'><img src='"+imgs+"/dot.gif' width='3' height='6' border='0' hspace='5'></td>";
			tabla+="					<td onclick='set_typology("+tipologias[i+1]+")'><a href='javascript:void(0)' class='link_combo2'>"+tipologias[i+2]+"</a></td>";
			tabla+="				</tr>";
			tabla+="			</table>";
			tabla+="		</td>";
			tabla+="	</tr>";
			tabla+="	<tr><td height='1' bgcolor='#CCC3BE'></td></tr><tr><td height='1' bgcolor='#ffffff'></td></tr>";
			tabla+="</table>";
		}
	}

	tabla+="</div>";

	tabla+="</td>";
	tabla+="	<td style='border-right:solid 1px #9C7F6F' bgcolor='#ffffff'><img src='"+imgs+"/blank.gif' width='1' height='1' border='0'></td>";
	tabla+="</tr>";
	tabla+="<tr>";
	tabla+="	<td width='3'><img src='"+imgs+"/combo-corner04.gif' width='3' height='3' border='0'></td>";
	tabla+="	<td style='border-bottom:solid 1px #9C7F6F' bgcolor='#ffffff'><img src='"+imgs+"/blank.gif' width='1' height='1' border='0'></td>";
	tabla+="	<td width='3'><img src='"+imgs+"/combo-corner03.gif' width='3' height='3' border='0'></td>";
	tabla+="</tr>";
	tabla+="</table>";

	tabla+="</div>";

	tipologia_selected=0;

	innerHTML(getObj("span_vehiculo"),"");

	innerHTML(objspan,tabla);

}

function set_typology(e) {

	label="";
	id_tipologia=0;

	for (i=0;i<tipologias.length;i=i+3) {
		if (tipologias[i+1]==e) {
			label=tipologias[i+2];
			id_tipologia=tipologias[i+1];
			break;
		}
	}

	objlab=getObj("labcombo"+nivel_tipologia);

	lab_elemento="<b>"+label+"</b>";

	innerHTML(objlab,lab_elemento);

	layer=getObj("combo"+nivel_tipologia);
	layer.style.visibility="hidden";
	layer.style.zIndex=-1;

	imgbackcombo=getObj("backcombo"+nivel_tipologia);
	imgbackcombo.background=imgs+combo_off;

	tipologia_selected=id_tipologia;

	draw_go("on");

	stopHide();

}