// JavaScript Document

/* Permet canviar d'idioma */

function canviar(idioma) {
	if (idioma == 'ang') {
		document.getElementById('idioma').value = 'ang';
	} else if (idioma == 'cat') {
		document.getElementById('idioma').value = 'cat';
	} else {
		document.getElementById('idioma').value = 'cas';
	}

	document.form.submit();
}

/* Fa visible/invisible els submenus del desplegble */

function Desplegable(id) {

	switch (id) {
	case "Stands":
		if (document.getElementById("Stands").className == "StandsOcult") {
			document.getElementById("Stands").className = "StandsVisible";
			document.getElementById("Mobiliario").className = "MobiliarioOcult";
			document.getElementById("SistExp").className = "SistExpOcult";
		} else {
			document.getElementById("Stands").className = "StandsOcult";
		}
		break;

	case "Mobiliario":
		if (document.getElementById("Mobiliario").className == "MobiliarioOcult") {
			document.getElementById("Mobiliario").className = "MobiliarioVisible";
			document.getElementById("Stands").className = "StandsOcult";
			document.getElementById("SistExp").className = "SistExpOcult";
		} else {
			document.getElementById("Mobiliario").className = "MobiliarioOcult";
		}
		break;

	case "SistExp":
		if (document.getElementById("SistExp").className == "SistExpOcult") {
			document.getElementById("SistExp").className = "SistExpVisible";
			document.getElementById("Stands").className = "StandsOcult";
			document.getElementById("Mobiliario").className = "MobiliarioOcult";
		} else {
			document.getElementById("SistExp").className = "SistExpOcult";
		}
	}
}

/* Fa visible el menu de mobles seleccionat */

function MostrarMobles(id, idioma) {

	document.getElementById("SistExp").className = "SistExpOcult";
	document.getElementById("Mobiliario").className = "MobiliarioOcult";
	if (id != "sDiss" && id != "sModu")
		document.getElementById("Stands").className = "StandsOcult";

	document.getElementById("mobles").style.visibility = "visible";
	document.getElementById("portadaServicios").style.visibility = "hidden";

	document.getElementById("frameMoble").src = id + ".php?Idioma=" + idioma;

	/*
	 * 
	 * document.getElementById("mobles").style.visibility="hidden";
	 */
	/*
	 * document.getElementById("ficha").style.visibility="hidden";
	 * document.getElementById("taburetes").style.visibility="hidden";
	 * document.getElementById("butacas").style.visibility="hidden";
	 * document.getElementById("mesas").style.visibility="hidden";
	 * document.getElementById("complementos").style.visibility="hidden";
	 * document.getElementById("sillas").style.visibility="hidden";
	 * document.getElementById("plantas").style.visibility="hidden";
	 * document.getElementById("paneles").style.visibility="hidden";
	 * document.getElementById("displays").style.visibility="hidden";
	 * document.getElementById("color1").style.visibility="hidden";
	 * document.getElementById("color2").style.visibility="hidden";
	 * document.getElementById("color3").style.visibility="hidden";
	 * document.getElementById("colorsVisible").style.visibility="hidden";
	 * document.getElementById("mesuresVisible").style.visibility="hidden";
	 * document.getElementById("descripcioVisible").style.visibility="hidden";
	 * document.getElementById("refVisible").style.visibility="hidden";
	 * 
	 */
	/*
	 * document.getElementById("portadaServicios").style.visibility="hidden";
	 * document.getElementById("MaterialPromocionalCongresos").style.visibility="hidden";
	 * document.getElementById("standsDisseny").style.visibility="hidden";
	 * document.getElementById("standsMoldulars").style.visibility="hidden";
	 * document.getElementById("CongresosFerias").style.visibility="hidden";
	 * document.getElementById("eventos").style.visibility="hidden";
	 */
	/*
	 * document.getElementById("SistExp").className = "SistExpOcult";
	 * document.getElementById("Stands").className = "StandsOcult";
	 * document.getElementById("Mobiliario").className = "MobiliarioOcult";
	 */
	/*
	 * switch (id){
	 * 
	 * case "MPC":
	 * document.getElementById("MaterialPromocionalCongresos").style.visibility="visible";
	 * break;
	 * 
	 * case "CF":
	 * document.getElementById("CongresosFerias").style.visibility="visible";
	 * break;
	 * 
	 * case "sModu":
	 * document.getElementById("standsMoldulars").style.visibility="visible"; //
	 * document.getElementById("Stands").className = "visible"; break;
	 * 
	 * case "sDiss":
	 * document.getElementById("standsDisseny").style.visibility="visible"; //
	 * document.getElementById("Stands").className = "visible"; break;
	 * 
	 * case "Eventos":
	 * document.getElementById("eventos").style.visibility="visible"; }
	 */
}

/* Fa visible els mobles i la ficha */

function MostrarMoblesFicha(tipus, idioma) {

	document.getElementById("mobles").style.visibility = "visible";
	document.getElementById("portadaServicios").style.visibility = "hidden";
	document.getElementById("frameMoble").src = "moble.php?Idioma=" + idioma
			+ "&Tipus=" + tipus;
	/*
	 * document.getElementById("standsDisseny").style.visibility="hidden";
	 * document.getElementById("standsMoldulars").style.visibility="hidden";
	 * document.getElementById("CongresosFerias").style.visibility="hidden";
	 * document.getElementById("eventos").style.visibility="hidden";
	 * document.getElementById("MaterialPromocionalCongresos").style.visibility="hidden";
	 * document.getElementById("portadaServicios").style.visibility="hidden";
	 * document.getElementById("mobles").style.visibility="visible";
	 * document.getElementById("frameMoble").src =
	 * "moble.php?Idioma="+idioma+"&Tipus="+tipus;
	 */
}

/* Mostra els diferents frames del menu */

function Menu(id) {
	document.getElementById("inicio").style.visibility = "hidden"
	document.getElementById("servicios").style.visibility = "hidden";
	document.getElementById("galeria").style.visibility = "hidden";
	document.getElementById("contacto").style.visibility = "hidden";
	document.getElementById("mobles").style.visibility = "hidden";

	document.getElementById("portadaServicios").style.visibility = "hidden";
	document.getElementById("Stands").className = "StandsOcult";
	document.getElementById("Mobiliario").className = "MobiliarioOcult";
	document.getElementById("SistExp").className = "SistExpOcult";
	document.getElementById("frameMoble").src = "";

	/*
	 * document.getElementById("Stands").className = "StandsOcult";
	 * document.getElementById("Mobiliario").className = "MobiliarioOcult";
	 * document.getElementById("SistExp").className = "SistExpOcult";
	 * document.getElementById("CongresosFerias").style.visibility="hidden";
	 * document.getElementById("MaterialPromocionalCongresos").style.visibility="hidden";
	 * document.getElementById("standsDisseny").style.visibility="hidden";
	 * document.getElementById("standsMoldulars").style.visibility="hidden";
	 * document.getElementById("portadaServicios").style.visibility="hidden";
	 * document.getElementById("eventos").style.visibility="hidden";
	 */
	switch (id) {
	case "inicio":
		document.getElementById("inicio").style.visibility = "visible";
		break;

	case "servicios":
		document.getElementById("servicios").style.visibility = "visible";
		document.getElementById("portadaServicios").style.visibility = "visible";
		break;

	case "galeria":
		document.getElementById("galeria").style.visibility = "visible";
		break;

	case "contacto":
		document.getElementById("contacto").style.visibility = "visible";

	}

}

/* Actualitza els valors de la fitxa a mostrar */

function canviar_ficha(idioma, ref, nom, tipus, color1, color2, color3, color4,
		color5, color6, mesures) {
	document.getElementById("ficha").style.visibility = "visible";
	document.getElementById('refFicha').lastChild.nodeValue = ref;
	document.getElementById('nomFicha').lastChild.nodeValue = nom.toUpperCase();

	document.getElementById("color1").style.visibility = "hidden";
	document.getElementById("color2").style.visibility = "hidden";
	document.getElementById("color3").style.visibility = "hidden";
	document.getElementById("color4").style.visibility = "hidden";
	document.getElementById("color5").style.visibility = "hidden";
	document.getElementById("color6").style.visibility = "hidden";
	document.getElementById("mesuresVisible").style.visibility = "hidden";
	document.getElementById("descripcioVisible").style.visibility = "hidden";
	document.getElementById("refVisible").style.visibility = "visible";

	if (tipus == 'plantas' || tipus == 'paneles' || tipus == 'displays') {
		document.getElementById("refVisible").style.visibility = "hidden";
		if (color2 != "") {
			document.getElementById("descripcioVisible").style.visibility = "visible";
			switch (idioma) {
			case "ang":
				document.getElementById('descripcioFicha').lastChild.nodeValue = color4;
				break;
			case "cat":
				document.getElementById('descripcioFicha').lastChild.nodeValue = color2;
				break;
			default:
				document.getElementById('descripcioFicha').lastChild.nodeValue = color3;
			}
		}
	}

	if (color1 != "") {
		document.getElementById("colorsVisible").style.visibility = "visible";
		document.getElementById('fotoFicha').src = "imatges/" + tipus + "/"
				+ ref + "_" + color1 + ".jpg";
		// document.getElementById('colorsFicha').lastChild.nodeValue = color1+"
		// "+color2+" "+color3;
		document.getElementById("color1").style.visibility = "visible";
		document.getElementById('fotoColor1').src = "imatges/colors/" + color1
				+ ".jpg";
		document.getElementById('nom_color1').value = "imatges/" + tipus + "/"
				+ ref + "_" + color1 + ".jpg";
		if (color2 != "") {
			document.getElementById("color2").style.visibility = "visible";
			document.getElementById('fotoColor2').src = "imatges/colors/"
					+ color2 + ".jpg";
			document.getElementById('nom_color2').value = "imatges/" + tipus
					+ "/" + ref + "_" + color2 + ".jpg";
			if (color3 != "") {
				document.getElementById("color3").style.visibility = "visible";
				document.getElementById('fotoColor3').src = "imatges/colors/"
						+ color3 + ".jpg";
				document.getElementById('nom_color3').value = "imatges/"
						+ tipus + "/" + ref + "_" + color3 + ".jpg";
				if (color4 != "") {
					document.getElementById("color4").style.visibility = "visible";
					document.getElementById('fotoColor4').src = "imatges/colors/"
							+ color4 + ".jpg";
					document.getElementById('nom_color4').value = "imatges/"
							+ tipus + "/" + ref + "_" + color4 + ".jpg";
					if (color5 != "") {
						document.getElementById("color5").style.visibility = "visible";
						document.getElementById('fotoColor5').src = "imatges/colors/"
								+ color5 + ".jpg";
						document.getElementById('nom_color5').value = "imatges/"
								+ tipus + "/" + ref + "_" + color5 + ".jpg";
						if (color6 != "") {
							document.getElementById("color6").style.visibility = "visible";
							document.getElementById('fotoColor6').src = "imatges/colors/"
									+ color6 + ".jpg";
							document.getElementById('nom_color6').value = "imatges/"
									+ tipus + "/" + ref + "_" + color6 + ".jpg";
						}
					}
				}
			}
		}
	} else {
		document.getElementById('fotoFicha').src = "imatges/" + tipus + "/"
				+ ref + ".jpg";
		document.getElementById("colorsVisible").style.visibility = "hidden";
	}

	if (mesures != "") {
		document.getElementById("mesuresVisible").style.visibility = "visible";
		var mides = mesures.split("x");
		document.getElementById('ample').lastChild.nodeValue = mides[0];
		document.getElementById('fons').lastChild.nodeValue = mides[1];
		document.getElementById('alt').lastChild.nodeValue = mides[2];
		document.getElementById('diametre').lastChild.nodeValue = mides[3];
	}

}
/*
 * function canviar_ficha(ref, nom, tipus, color1, color2, color3, mesures){
 * document.getElementById("ficha").style.visibility="visible";
 * document.getElementById('refFicha').lastChild.nodeValue = ref;
 * document.getElementById('nomFicha').lastChild.nodeValue = nom.toUpperCase( );
 * 
 * document.getElementById("color1").style.visibility="hidden";
 * document.getElementById("color2").style.visibility="hidden";
 * document.getElementById("color3").style.visibility="hidden";
 * document.getElementById("color4").style.visibility="hidden";
 * document.getElementById("color5").style.visibility="hidden";
 * document.getElementById("color6").style.visibility="hidden";
 * document.getElementById("mesuresVisible").style.visibility="hidden";
 * document.getElementById("descripcioVisible").style.visibility="hidden";
 * document.getElementById("refVisible").style.visibility="visible";
 * 
 * if(tipus=='plantas' || tipus=='paneles' || tipus=='displays'){
 * document.getElementById("refVisible").style.visibility="hidden";
 * if(color2!=""){
 * document.getElementById("descripcioVisible").style.visibility="visible";
 * switch(idioma){ case "ang":
 * document.getElementById('descripcioFicha').lastChild.nodeValue = color4;
 * break; case "cat":
 * document.getElementById('descripcioFicha').lastChild.nodeValue = color2;
 * break; default:
 * document.getElementById('descripcioFicha').lastChild.nodeValue = color3; } } }
 * 
 * if(color1!=""){
 * document.getElementById("colorsVisible").style.visibility="visible";
 * document.getElementById('fotoFicha').src =
 * "imatges/"+tipus+"/"+ref+"_"+color1+".jpg";
 * //document.getElementById('colorsFicha').lastChild.nodeValue = color1+"
 * "+color2+" "+color3;
 * document.getElementById("color1").style.visibility="visible";
 * document.getElementById('fotoColor1').src = "imatges/colors/"+color1+".jpg";
 * document.getElementById('nom_color1').value =
 * "imatges/"+tipus+"/"+ref+"_"+color1+".jpg"; if(color2!=""){
 * document.getElementById("color2").style.visibility="visible";
 * document.getElementById('fotoColor2').src = "imatges/colors/"+color2+".jpg";
 * document.getElementById('nom_color2').value =
 * "imatges/"+tipus+"/"+ref+"_"+color2+".jpg"; if(color3!=""){
 * document.getElementById("color3").style.visibility="visible";
 * document.getElementById('fotoColor3').src = "imatges/colors/"+color3+".jpg";
 * document.getElementById('nom_color3').value =
 * "imatges/"+tipus+"/"+ref+"_"+color3+".jpg"; if(color4!=""){
 * document.getElementById("color4").style.visibility="visible";
 * document.getElementById('fotoColor4').src = "imatges/colors/"+color4+".jpg";
 * document.getElementById('nom_color4').value =
 * "imatges/"+tipus+"/"+ref+"_"+color4+".jpg"; if(color5!=""){
 * document.getElementById("color5").style.visibility="visible";
 * document.getElementById('fotoColor5').src = "imatges/colors/"+color5+".jpg";
 * document.getElementById('nom_color5').value =
 * "imatges/"+tipus+"/"+ref+"_"+color5+".jpg"; if(color6!=""){
 * document.getElementById("color6").style.visibility="visible";
 * document.getElementById('fotoColor6').src = "imatges/colors/"+color6+".jpg";
 * document.getElementById('nom_color6').value =
 * "imatges/"+tipus+"/"+ref+"_"+color6+".jpg"; } } } } } } else{
 * document.getElementById('fotoFicha').src = "imatges/"+tipus+"/"+ref+".jpg";
 * document.getElementById("colorsVisible").style.visibility="hidden"; }
 * 
 * if(mesures!=""){
 * document.getElementById("mesuresVisible").style.visibility="visible"; var
 * mides = mesures.split("x");
 * document.getElementById('ample').lastChild.nodeValue = mides[0];
 * document.getElementById('fons').lastChild.nodeValue = mides[1];
 * document.getElementById('alt').lastChild.nodeValue = mides[2];
 * document.getElementById('diametre').lastChild.nodeValue = mides[3]; } }
 */
function canviColor(num_color) {

	var color = "";
	color = document.getElementById('nom_color' + num_color).value.toString();
	document.getElementById('fotoFicha').src = color;
}

/* Actualitza la foto triada de la galeria */

function canviar_galeria(id, nom, fira, lloc) {
	/* document.getElementById("fichaGaleria").style.visibility="visible"; */
	document.getElementById('nomGaleria').lastChild.nodeValue = nom;
	document.getElementById('firaGaleria').lastChild.nodeValue = fira;
	document.getElementById('llocGaleria').lastChild.nodeValue = lloc;
	document.getElementById('fotoGaleria').src = "imatges/galeria/" + id
			+ ".jpg";
}

/* Actualitza la foto triada */

function canviarFoto(id, foto) {
	document.getElementById("foto" + id).src = "imatges/" + id + "/" + foto
			+ ".jpg";
}

function canviarFotoStands(id, foto, titol, fira, lloc) {
	if (titol != "-") {
		document.getElementById("foto" + id).src = "imatges/Stands/" + foto
				+ ".jpg";
		document.getElementById('textTitolFicha' + id).lastChild.nodeValue = titol;
	}
	document.getElementById('textFiraFicha' + id).lastChild.nodeValue = fira;
	document.getElementById('textLlocFicha' + id).lastChild.nodeValue = lloc;
}

function canviarFotoEventos(id, foto, titol, fira, lloc) {
	document.getElementById("foto" + id).src = "imatges/Eventos/" + foto
			+ ".jpg";
}

/* Valida que estiguin omplerts els camps obligatoris del formulari */

function validaForm() {
	document.getElementById('respuesta').style.visibility = 'hidden';
	if (document.getElementById("nom").value == ''
			|| document.getElementById("email").value == ''
			|| document.getElementById("coment").value == '')
		document.getElementById('faltanCampos').style.visibility = 'visible';
	else {
		document.getElementById('faltanCampos').style.visibility = 'hidden';
		document.fContacto.submit();
	}
}

/* Escriu la resposta a l'enviament del formulari */

function escriuResposta(resposta) {
	document.getElementById('respuesta').lastChild.nodeValue = resposta;
	document.getElementById('respuesta').style.visibility = 'visible';
}

/* Reompla els camps ja escrits al formulari de contacte */

function valorsFormulari(nom, email, tlf, coment) {
	document.getElementById('nom').value = nom;
	document.getElementById('email').value = email;
	document.getElementById('tlf').value = tlf;
	document.getElementById('coment').value = coment;
	document.getElementById('faltanCampos').style.visibility = 'visible';
}

/* Comprova els camps obligatoris dels formularis d'administració */

function comprovaNou() {

	// comprovació camps buits
	if (document.Nou.Tipus.value == "Tria") {
		alert("Has de triar un tipus");
		document.Nou.Ref.select();
		return false;
	}
	if (document.Nou.Ref.value == "") {
		alert("Has d'omplenar la referčncia");
		document.Nou.Ref.select();
		return false;
	} else if (document.Nou.Nom.value == "") {
		alert("Has d'omplenar el nom");
		document.Nou.Nom.select();
		return false;
	}

	else if (document.Nou.Color1.value == "Tria") {
		alert("Has d'omplenar el color1");
		document.Nou.Color1.select();
		return false;
	}

	return true;
}

function comprovaBorrar() {
	// comprovació camps buits
	if (document.Borrar.Ref.value == "") {
		alert("Has d'omplenar tots els camps");
		document.Borrar.Ref.select();
		return false;
	}

	return true;
}

/* Mostra camp d'entrada foto per si hi ha més d'un color */
function mostra_foto(check, color) {
	if (document.getElementById(check).checked) {
		document.getElementById(color).style.visibility = "visible";
		document.getElementById(color + "_file").style.visibility = "visible";
	} else {
		document.getElementById(color).style.visibility = "hidden";
		document.getElementById(color + "_file").style.visibility = "hidden";
	}
}

function canviaTipus() {
	var comboValue;
	var selIndex = document.Nou.Tipus.selectedIndex;
	comboValue = document.Nou.Tipus.options[selIndex].value;

	if (comboValue == "butacas" || comboValue == "mesas"
			|| comboValue == "complementos") {
		document.getElementById("mesures").style.visibility = "visible";
		document.getElementById("mesures").style.height = "100%";
		document.getElementById("descripcions").style.visibility = "hidden";
		document.getElementById("descripcions").style.height = "0px";
		document.getElementById("colors").style.visibility = "visible";
		document.getElementById("colors").style.height = "100%";
	} else {
		// TODO: Netejar medidas
		document.getElementById("mesures").style.visibility = "hidden";
		document.getElementById("mesures").style.height = "0px";
		document.Nou.Ample.value = "";
		document.Nou.Fondo.value = "";
		document.Nou.Alt.value = "";
		document.Nou.Diametre.value = "";

		if (comboValue == "paneles" || comboValue == "plantas") {
			document.getElementById("colors").style.visibility = "hidden";
			document.getElementById("colors").style.height = "0px";
			document.getElementById("descripcions").style.visibility = "visible";
			document.getElementById("descripcions").style.height = "100%";
			document.getElementById("Image7").style.visibility = "visible";
			document.getElementById("Image7").style.height = "100%";

		} else {
			document.getElementById("descripcions").style.visibility = "hidden";
			document.getElementById("descripcions").style.height = "0px";
			document.getElementById("colors").style.visibility = "visible";
			document.getElementById("colors").style.height = "100%";
			document.getElementById("Image7").style.visibility = "hidden";
			document.getElementById("Image7").style.height = "0px%";
		}

	}
}

function showFile(id) {
//	var color = document.getElementById("Color" + id);
	var color = document.getElementById("Color1");
	var comboValue;
	var selIndex = color.selectedIndex;
	comboValue = color.options[selIndex].value;

	if (comboValue != "cap") {
		document.getElementById("Image" + id).style.visibility = "visible";
	} else {
		document.getElementById("Image" + id).style.visibility = "hidden";
	}

}