combo = "";
boton = "";
itemroot = "";
capa = "";
capaActivo = true;
itemSeleccionado = (isdefined("itemSeleccionadoAnterior") == false)? "Comercios" : itemSeleccionadoAnterior;
titulos = new Array("Alimentación","Arte y Artesanía","Salud y Belleza","Inmobiliarias","Otros");
links = new Array("alimentacion","arteyartesania","saludybelleza","inmobiliarias","otros");

function creaCombo(id){
	combo = document.getElementById(id);
	combo = document.getElementById(id);
	
	var creaAreas = '<div class="boton" id="botonCombo" onclick="showCapa()"></div><div class="capa" id="capaPrincipal">pepe</div>';
	escribe(creaAreas,combo);
	boton = document.getElementById('botonCombo');
	capa = document.getElementById('capaPrincipal');
	showCapa();	
	
	var creaitem = '<div class="item" id="itemPrinicipal">'+itemSeleccionado+'</div>';
	escribe(creaitem,boton);
	itemroot = document.getElementById('itemPrinicipal');
	
	var campos = '<div class="botonOpcion" onclick="seleccionItem(1);"><div class="item">Alimentación</div></div>';
	campos += '<div class="botonOpcion" onclick="seleccionItem(2);"><div class="item">Arte y Artesanía</div></div>';
	campos += '<div class="botonOpcion" onclick="seleccionItem(3);"><div class="item">Salud y Belleza</div></div>';
	campos += '<div class="botonOpcion" onclick="seleccionItem(4);"><div class="item">Inmobiliarias</div></div>';
	campos += '<div class="botonOpcion" onclick="seleccionItem(5);"><div class="item">Otros</div></div>';
	
	escribe(campos,capa);
}

function escribe(t,id){
	id.innerHTML=t;	
}

function showCapa(){
	if(capaActivo == false){
		capaActivo = true;
		capa.style.visibility = "visible";
	}else{
		capaActivo = false;
		capa.style.visibility = "hidden";
		
	}
}

function seleccionItem(n){
	escribe(titulos[n-1],itemroot);
	showCapa();
	window.location = "comercios.cfm?categoria="+links[n-1];
}

function isdefined( variable)
{
    return (typeof(window[variable]) == "undefined")?  false: true;
}