// JavaScript Document
function ocultamenu(){
  var menu = document.getElementById("productos");
  menu.style.display = "none";
}
function despliega(){
  var menu = document.getElementById("productos");
    if(menu.style.display == "none"){
      menu.style.display = "block";
    }
    else{
      menu.style.display = "none";
    }
}

function cambiacolor(id){
	   var url = parent.location.href;
	   var web = url.substring(21);
	   var posicion = web.indexOf('.');
	   web = web.substring(0,posicion);
	   //cuando ya no este en desarrollo sera 21
    
	if (document.getElementById(id).style.color == "black"){
		document.getElementById(id).style.color = "white";
		document.getElementById(id).style.background = "black";
	}
	else{
		document.getElementById(id).style.color = "black";
		document.getElementById(id).style.background = "white";
	}
}

function asignacolor(){
	var url = parent.location.href;
   //cuando ya no este en desarrollo sera 21
    var www = url.indexOf('www');//Esto nos sirve para controlar si en la  URL esta el www. o no
	if ( www == -1 ) {
	var web = url.substring(17);
	}
	else {
    var web = url.substring(21);
	}
	var posicion = web.indexOf('.');
	web = web.substring(0,posicion);
	var id = web;
	if (web == "acero" || web == "confort" || web == "pell" || web == "cubic" || web == "classic" || web == "urban" || web == "gallery" || web == "pop" || web == "estilo" || web == "forma") {
	id = "sillas";
	}
	if (web == "materiales2" || web == "acabados") {id = "materiales";}
	document.getElementById(id).style.color = "black";
	document.getElementById(id).style.background = "white";
	
	
	}
	
function asignacoloren(){
	var url = parent.location.href;
   //cuando ya no este en desarrollo sera 21
    var www = url.indexOf('www');//Esto nos sirve para controlar si en la  URL esta el www. o no
	if ( www == -1 ) {
	var web = url.substring(17);
	}
	else {
    var web = url.substring(21);
	}
	var posicion = web.indexOf('.');
	web = web.substring(0,posicion);
	var id = web;
	if (web == "acero_en" || web == "confort_en" || web == "pell_en" || web == "cubic_en" || web == "classic_en" || web == "urban_en" || web == "gallery_en" || web == "pop_en" || web == "estilo_en" || web == "forma_en") {
	id = "sillas";
	}
	if (web == "materiales2_en" || web == "acabados_en" || web == "materiales_en") {id = "materiales";}
	if (web == "empresa_en") {id = "empresa";}
	if (web == "index_en") {id = "index";}
	if (web == "mesas_en") {id = "mesas";}
	if (web == "novedades_en") {id = "novedades";}
	if (web == "contacto_en") {id = "contacto";}
	document.getElementById(id).style.color = "black";
	document.getElementById(id).style.background = "white";
	
	
	}

function aparece(id) {
	ceniza1 = new Image(275,116);
	ceniza1.src="images/acabados/ceniza1.jpg";
	ceniza2 = new Image(275,116);
	ceniza2.src="images/acabados/ceniza2.jpg";
	ceniza3 = new Image(275,116);
	ceniza3.src="images/acabados/ceniza3.jpg";
	cerezo = new Image(275,116);
	cerezo.src="images/acabados/cerezo.jpg";
	haya = new Image(275,116);
	haya.src="images/acabados/haya.jpg";
	nogal = new Image(275,116);
	nogal.src="images/acabados/nogal.jpg";
	roble = new Image(275,116);
	roble.src="images/acabados/roble.jpg";
	teka = new Image(275,116);
	teka.src="images/acabados/teka.jpg";
	out = new Image(275,116);
	out.src="images/acabados/out.gif";
	/*switch (id){
		case "ceniza1": document.test.src = ceniza1.src;
		case "ceniza2": document.test.src = ceniza2.src;
		case "ceniza3": document.test.src = ceniza3.src;	
		case "cerezo": document.test.src = cerezo.src;
		case "out": document.test.src = out.src;
	}*/
	/*if (id == "ceniza1"){ test.src = ceniza1.src;}
	else {test.src = out.src;}*/
	if (id == "out"){test.src = "images/acabados/out.gif";}
	else{test.src = "images/acabados/"+id+".jpg";}
	
	
}