/**
 * @author marc
 */
var RUTA_EXTERNA= 'http://ctrlz.dyndns.org/marcarturopa2010/';

function MostrarOcultar(idObjecte) {
	if(idObjecte=='direccionEnvioRegalo') {
		var objecte = Obtenir('direccionEnvio');
	} else {
		var objecte = Obtenir(idObjecte);
	} 
	try {
		switch(idObjecte) {
			case 'articlesRelacionats':
				if (objecte.style.display == "block") {
					objecte.style.display = "none";
					Obtenir('textArticlesRelacionats').textContent = 'Mostrar relacionados';
				} else {
					objecte.style.display = "block";
					Obtenir('textArticlesRelacionats').textContent = 'Ocultar relacionados';
				} 
			break;
			case 'direccionEnvio':
				if(objecte.style.visibility=='hidden') {
					objecte.style.visibility = '';
					Obtenir('fila_nota_1').style.display = 'none';
					Obtenir('fila_personaRegalo_1').style.display = 'none';
				} else if(objecte.style.visibility=='' && Obtenir('fila_nota_1').style.display=='') {
					Obtenir('fila_nota_1').style.display = 'none';
					Obtenir('fila_personaRegalo_1').style.display = 'none';
				} else {
					objecte.style.visibility = 'hidden';
				}
			break;
			case 'direccionEnvioRegalo':
				if(objecte.style.visibility=='hidden') {
					objecte.style.visibility= '';
					Obtenir('fila_nota_1').style.display = '';
					Obtenir('fila_personaRegalo_1').style.display = '';
				} else if(objecte.style.visibility=='' && Obtenir('fila_nota_1').style.display=='none') {
					Obtenir('fila_nota_1').style.display = '';
					Obtenir('fila_personaRegalo_1').style.display = '';
				} else {
					objecte.style.visibility = 'hidden';
				}
			break;
			case 'divContenidorUsuariRegistrat':
				if (objecte.style.display == "block") {
					objecte.style.display = "none";
				} else {
					objecte.style.display = "block";
				}
				if(Obtenir('divContenidorUsuariRegistre').style.display == "block") {
					Obtenir('divContenidorUsuariRegistre').style.display = "none";
				}
			break;
			case 'divContenidorUsuariRegistre':
				if (objecte.style.display == "block") {
					objecte.style.display = "none";
				} else {
					objecte.style.display = "block";
				}
				if(Obtenir('divContenidorUsuariRegistrat').style.display == "block") {
					Obtenir('divContenidorUsuariRegistrat').style.display = "none";
				}
			break;
			default:
				if (objecte.style.display == "block") {
					objecte.style.display = "none";
				} else {
					objecte.style.display = "block";
				}
			break;
		}
					
	} catch (e) { }
} 

function MostrarOcultarMenu(idObjecte) {
	try {
		var objecte = Obtenir(idObjecte);
		if (objecte.className == "menu1" || objecte.className == "menu2" || objecte.className == "menu3") {
			//objecte.style.display = "none";
			objecte.className = "menu1Sel";
		} else { 
			//objecte.style.display = "block";
			objecte.className = "menu1";
		}
	} 
	catch (e) {
	}
} 

function MostrarOcultarMenuPrincipal(idObjecte) {
	try {
		var objecte = Obtenir(idObjecte);
		if (objecte.className == "menu1") {
			objecte.className = "menu1Sel";
			for (var i=1; i<=3; i++) {
				if(idObjecte!="menu"+i && Obtenir('menu'+i).className=="menu1Sel") {
					Obtenir('menu'+i).className = 'menu1';
				}
			}
		} 
	} 
	catch (e) {
	}
} 


function MostrarOcultarSubMenu(idObjecte) {
	try {
		var objecte = Obtenir(idObjecte);
		if (objecte.className != "selAbierta") {
			//Si tenim altres submen�s desplegats els tanquem abans de desplegar el que correspon
			var tagsUL = document.getElementsByTagName('ul');
			for(var i=0; i<tagsUL.length; i++) {
				if(tagsUL[i].id!=idObjecte && tagsUL[i].className=="selAbierta") {
					if(tagsUL[i].id!='')Obtenir(tagsUL[i].id).className="";
				}
			}
			objecte.className = "selAbierta";
			//Si tenim altres men�s desplegats els tanquem
			menuActual = Obtenir(idObjecte).parentNode.parentNode.id
			for(i=1;i<=3;i++) {
				if(menuActual!='menu'+i && Obtenir('menu'+i).className=='menu1Sel') {
					Obtenir('menu'+i).className = 'menu1';
				}	
			}
		}
	} 
	catch (e) {
	}
} 

 /* ***********************************************************************************
 * Obtenir: Consigue el objeto del id que se pase
 * 
 * ***********************************************************************************/


Obtenir = function (id) { // Retorna un elemento en base al id
   return document.getElementById(id);
}

 
 /* ***********************************************************************************
 * Ocultar: Posa la propietat visibility d'un objecte a "hidden"
 * 
 * ***********************************************************************************/

function Ocultar(idObjecte){
	try{
		var objecte = Obtenir(idObjecte);
		objecte.style.visibility="hidden";
	}catch(e){
	//Per culpa d'aix� aquesta funci� no donar� error
	//necessari perqu� ocultem l'icona de persona nom�s en algunes pantalles	
	}
}



/* ***********************************************************************************
 * Desocultar: Posa la propietat visibility d'un objecte a "visible"
 * 
 * ***********************************************************************************/

function Desocultar(idObjecte){
	try{
		var objecte = Obtenir(idObjecte);
		objecte.style.visibility="visible";
	}catch(e){
	//Per culpa d'aix� aquesta funci� no donar� error
	//necessari perqu� ocultem l'icona de persona nom�s en algunes pantalles	
	}
}



 
 
 /****************************************************************
  * Menu desplegable de la izquierda.
  * Controla la ocultacion/desocultacion de los submenus
  ****************************************************************/
 
 /****************************************************************
Men� en arbol accesible. 28-Jul-07
Autor tunait http://javascript.tunait.com/
Script de libre uso mientras se mantengan intactos los cr�ditos de autor.
****************************************************************/
var abrirenVentanaNueva = 0;



var tagApartado = 'a';
var docActual = location.href;
function iniciaMenu(menu){
	idMenu = menu
	menu = document.getElementById(menu);
	for(var m = 0; m < menu.getElementsByTagName('ul').length; m++){
		el = menu.getElementsByTagName('ul')[m]
		el.style.display = 'none';
		el.className = 'menuDoc';
		el.parentNode.className = 'cCerrada'
		textoNodo = el.parentNode.firstChild.nodeValue;
		nuevoNodo = document.createElement(tagApartado);
		if(tagApartado == 'a') nuevoNodo.href = '#' + textoNodo;
		nuevoNodo.className = 'tagApartado';
		nuevoNodo.appendChild(document.createTextNode(textoNodo));
		el.parentNode.replaceChild(nuevoNodo,el.parentNode.firstChild);
		nuevoNodo.onclick = function(){
			hijo = sacaPrimerHijo(this.parentNode, 'ul')
			hijo.style.display = hijo.style.display == 'none' ? 'block' : 'none';
			if(this.parentNode.className == 'cCerrada' || this.parentNode.className == 'cAbierta'){
				this.parentNode.className = this.parentNode.className == 'cCerrada' ? 'cAbierta' : 'cCerrada'
			}
			else{
				this.parentNode.className = this.parentNode.className == 'cAbiertaSeleccionada' ? 'cCerradaSeleccionada' : 'cAbiertaSeleccionada' 
			}
			return false;
		}
	}
	documentoActual(idMenu)
}
function sacaPrimerHijo(obj, tag){
	for(var m = 0; m < obj.childNodes.length; m++){
		if(obj.childNodes[m].tagName && obj.childNodes[m].tagName.toLowerCase() == tag){
			return obj.childNodes[m];
			break;
		}
	}
}
function documentoActual(menu){
	idMenu = menu
	menu = document.getElementById(menu);
	for(var s = 0; s < menu.getElementsByTagName('a').length; s++){
		if(abrirenVentanaNueva) menu.getElementsByTagName('a')[s].target = 'blank';
		enlace = menu.getElementsByTagName('a')[s].href
		if(enlace == docActual){
			menu.getElementsByTagName('a')[s].parentNode.className = 'documentoActual'
		}
		if(enlace == docActual && menu.getElementsByTagName('a')[s].parentNode.parentNode.id != idMenu){
			menu.getElementsByTagName('a')[s].parentNode.parentNode.parentNode.className = 'cAbiertaSeleccionada'
			var enlaceCatPadre = sacaPrimerHijo(menu.getElementsByTagName('a')[s].parentNode.parentNode.parentNode, 'a')
			enlaceCatPadre.onclick = function(){
				hijo = sacaPrimerHijo(this.parentNode, 'ul')
				hijo.style.display = hijo.style.display == 'none' ? 'block' : 'none';
				this.parentNode.className = this.parentNode.className == 'cAbiertaSeleccionada' ? 'cCerradaSeleccionada' : 'cAbiertaSeleccionada' 
				return false;

			} 
			nodoSig = sacaPrimerHijo(menu.getElementsByTagName('a')[s].parentNode.parentNode.parentNode, 'ul')
			nodoSig.style.display = 'block';/**/
			abrePadre(idMenu, enlaceCatPadre.parentNode)
		}
	}
}
function abrePadre(idmenu, obj){
	obj.parentNode.parentNode.className = 'cAbiertaSeleccionada'
	var nodoSig = sacaPrimerHijo(obj, 'ul')
	nodoSig.style.display = 'block';
	if(obj.parentNode.id != idmenu){
		abrePadre(idmenu, obj.parentNode.parentNode)
	}
}

/**********************************************************/

//*************************************************************************************************
//*************************************************************************************************
//************* Ajax per carregar el contingut desde el menu **************************************
//*************************************************************************************************


//	Vamos a presuponer que el usuario es una persona inteligente...
var isIE = false;

//	Creamos una variable para el objeto XMLHttpRequest
var req;

//	Creamos una funcion para cargar los datos en nuestro objeto.
//	Logicamente, antes tenemos que crear el objeto.
//	Vease que la sintaxis varia dependiendo de si usamos un navegador decente
//	o Internet Explorer
function cargaXML(url) {
	//	Primero vamos a ver si la URL es una URL :)
	if(url==''){
		return;// sortida de la funcio.
	}
	//	Usuario inteligente...
	if (window.XMLHttpRequest) {
		req = new XMLHttpRequest();
		req.onreadystatechange = processReqChange; // ASIGNEM UNA FUNCiO AL METODE! xD
		req.open("GET", url, true);
		req.send(null);
	//	...y usuario de Internet Explorer Windows
	} else if (window.ActiveXObject) {
		isIE = true;
		req = new ActiveXObject("Microsoft.XMLHTTP");
		if (req) {
			req.onreadystatechange = processReqChange;
			req.open("GET", url, true);
			req.send();
		}
	}
}

//	Funcion que se llama cada vez que se dispara el evento onreadystatechange
//	del objeto XMLHttpRequest
function processReqChange(){
	var caixaContingut = document.getElementById("fichaPrincipal");
	if(req.readyState == 4){
		caixaContingut.innerHTML = req.responseText;
		addLoadEvent(initLightbox);
		initLightbox();
				
	} else {
		caixaContingut.innerHTML = '<span class="carregant"><img src="https://www.bisuarts.com/imatges/loading.gif" /> Cargando... </span>';
		
	}
}



function OcultarArticulo(idArticulo) {
	Obtenir('taulaArticulo'+idArticulo).style.display="none";
	
	//Comprovem si tenim tots els relacionats ocults i en cas afirmatiu ocultem el link de Mostrar/Ocultar
	var totsOcults = true;	
	for(i=0;i<Obtenir('articlesRelacionats').childNodes.length;i++) {
		if(Obtenir('articlesRelacionats').childNodes[i].nodeName=='TABLE') {
			if(Obtenir('articlesRelacionats').childNodes[i].style.display=="") {
				totsOcults=false;
			}
		}
	}
	if (totsOcults) {
		Obtenir('linkMostrarRelacionats').style.display = 'none';
		Obtenir('articlesRelacionats').style.display = 'none';
	}
}




var tipoLetra = 1;
var colorCinta = 1;
var colorLetra = 2;
var icono = 0;

function obtener(idElemento){
	return document.getElementById(idElemento);
}

function Contar(entrada,salida,texto,caracteres) {
	alert("prueba");
	var entradaObj = obtener(entrada);
	var salidaObj = obtener(salida);
	var longitud = caracteres - entradaObj.value.length;

	
	if(longitud <= 0) {
		longitud = 0;
		entradaObj.value = entradaObj.value.substr(0,caracteres);
		mensajes('consejos_errores',3);
	}else{
		if(longitud == 25){
			entradaObj.value = ' ';
			mensajes('consejos_errores',2);
		}else{
			//mensajes('consejos_errores',1);
		}
	}
	
	salidaObj.innerHTML = texto.replace("{CHAR}",longitud);

    for (i=0;i<document.formularioComprar.idTipoLetra.length;i++){
        if (document.formularioComprar.idTipoLetra[i].checked)
          	tipoLetra = document.formularioComprar.idTipoLetra[i].value;
     } 
     
	url=RUTA_EXTERNA+'/GenerarEtiqueta/generarEtiqueta.php?tipoLetra='+tipoLetra+'&text='+entradaObj.value+'&colorLetra='+colorLetra+'&colorCinta='+colorCinta+'&icono='+icono+'&posicionIcono=2';
	obtener('imagenEtiqueta').src = url;
	if(colorCinta==1) obtener('imagenEtiqueta').style.border = '1px solid black';
	else obtener('imagenEtiqueta').style.border = '0px';
}

function mensajes(contenedor,idMensaje){
	switch(idMensaje){
	case 1:
		obtener(contenedor).innerHTML = '<?php echo $pantallaError->errorBienvenida;?>';
		break;
	case 2:
		obtener(contenedor).innerHTML = '<?php echo $pantallaError->errorVacio;?>';
		break;
	case 3:
		obtener(contenedor).innerHTML = '<?php echo $pantallaError->errorCaracteres;?>';
		break;
	case 4:
		obtener(contenedor).innerHTML = '<?php echo $pantallaError->errorCoser;?>';
		break;
	case 5:
		obtener(contenedor).innerHTML = '<?php echo $pantallaError->errorFondos;?>';
		break;
	case 6:
		obtener(contenedor).innerHTML = '<?php echo $pantallaError->errorColores;?>';
		break;
	case 7:
		obtener(contenedor).innerHTML = '<?php echo $pantallaError->errorBlanco;?>';
		break;
	default:
		obtener(contenedor).innerHTML = '';
	}
}

function cambiarSeleccion(objeto){
	switch(objeto.name){
		case 'idTipoLetra_1':
			tipoLetra = objeto.value;
			mensajes('consejos_errores',0);
			break;
		case 'idColorCinta_1':
			colorCinta = objeto.value;
			mensajes('consejos_errores',0);
			if(colorCinta!=1 && colorCinta!=7){//si es distinto a blanco o negro, puede con letra blanco o negro
				if(colorCinta!=2){//excepto amarillo que con blanco no tira bien
					if(document.formularioComprar.idColorLetra_1[0].checked==true){
						//si seleccionado es blanco, pos blanco
						colorLetra = 1;
					}else{
						//si no es blanco, preseleccionamos negro
						document.formularioComprar.idColorLetra_1[1].checked = true;
						colorLetra = 2;
					}
					mensajes('consejos_errores',5);
				}else{
					//forzamos a negro para que quede bien
					document.formularioComprar.idColorLetra_1[1].checked = true;
					colorLetra = 2;
				}
			}
			
			if(colorCinta==7){//si el color cinta es negro, la letra será blanca
				document.formularioComprar.idColorLetra_1[0].checked = true;
				mensajes('consejos_errores',7);
				colorLetra = 1;	
			}

			if(colorCinta==1 && colorLetra==1){//si el color cinta es blanco, la letra blanca no puede ser
				document.formularioComprar.idColorLetra_1[1].checked = true;
				mensajes('consejos_errores',7);
				colorLetra = 2;	
			}
			break; 
		case 'idColorLetra_1':
			colorLetra = objeto.value;
			mensajes('consejos_errores',0);
			if(colorLetra==1){//seleccionado blanco
				if(document.formularioComprar.idColorCinta_1[0].checked == true || document.formularioComprar.idColorCinta_1[1].checked == true){
					document.formularioComprar.idColorCinta_1[6].checked = true;
					mensajes('consejos_errores',6);
					colorCinta = 7;	
				}
			}
			if(colorLetra==2){//seleccionado el negro
				if(document.formularioComprar.idColorCinta_1[6].checked == true){
					document.formularioComprar.idColorCinta_1[0].checked = true;
					mensajes('consejos_errores',7);
					colorCinta = 1;	
				}
			}

			if(colorLetra!=1 && colorLetra!=2){
				document.formularioComprar.idColorCinta_1[0].checked = true;
				mensajes('consejos_errores',7);
				colorCinta = 1;	
			}
			break;
		case 'idIcono_1':
			icono = objeto.value;
			mensajes('consejos_errores',0);
			break;
		case 'idTipoEtiqueta_1':
			//si es del tipo coser
			//fondo blanco, texto negro y sin icono
			mensajes('consejos_errores',0);
			if(objeto.value==1){
				document.formularioComprar.idColorCinta_1[0].checked = true;
				document.formularioComprar.idColorLetra_1[1].checked = true;
				document.formularioComprar.idIcono_1[0].checked = true;
		
				mensajes('consejos_errores',4);
				
				//deshabilitamos las opciones que no puede tocar
			    for (i=0;i<document.formularioComprar.idColorCinta_1.length;i++)
			          document.formularioComprar.idColorCinta_1[i].disabled = true;
			    for (i=0;i<document.formularioComprar.idColorLetra_1.length;i++)
			          document.formularioComprar.idColorLetra_1[i].disabled = true;
			    for (i=0;i<document.formularioComprar.idIcono_1.length;i++)
			          document.formularioComprar.idIcono_1[i].disabled = true;
		          
		        icono = 0;
		        colorCinta = 1;
		        colorLetra = 2;
			}else{	
				//si es de planchar, puede tener de todo
				mensajes('consejos_errores',1);

				//habilitamos las opciones
			    for (i=0;i<document.formularioComprar.idColorCinta_1.length;i++)
			          document.formularioComprar.idColorCinta_1[i].disabled = false;
			    for (i=0;i<document.formularioComprar.idColorLetra_1.length;i++)
			          document.formularioComprar.idColorLetra_1[i].disabled = false;
			    for (i=0;i<document.formularioComprar.idIcono_1.length;i++)
			          document.formularioComprar.idIcono_1[i].disabled = false;	
			}
			break;
	}

}