var idioma = 'es';
var domini = "totpool.com";
var subcatClass = "sma-gc-nom";

var tmpIMG = new Image();
tmpIMG.src = '/images/doe0.png';
tmpIMG.src = '/images/doe1.png';


var aOpcions = new Array("¿Que tipo de piscina le gustaría?", "¿Que dimensiones prefiere?", "¿Que tipo de coronación?", "¿Con instalación de depuradora?", "¿Quiere poner complementos?");

var aSubopcions = new Array();
aSubopcions[0] = new Array("De hormigón", "De Gumite", "Liner", "Fibra", "No lo se, necesito consejo");
aSubopcions[1] = new Array("De hormigón y gumite 'medidas según cliente'", "Liner y Fibra 'medidas según fabricante'", "No lo se, necesito consejo");
aSubopcions[2] = new Array("Hormigón Blanco", "En madera IP", "No lo se, necesito consejo");
aSubopcions[3] = new Array("Si", "No", "No lo se, necesito consejo");
aSubopcions[4] = new Array("Focos Leds", "Escaleras", "Tranpolines", "Duchas", "No lo se, necesito consejo");

function ompleEnquesta()
	{
	var oOpcions = document.getElementById("opcions");
	var oSubOpcions = document.getElementById("subopcions");
	for(var i=0;i<aOpcions.length;i++)
		{
		//[ Afegim una nova linia a les opcions ]//
		var oRow = document.createElement("div");
		oRow.innerHTML = aOpcions[i];
		oRow.id = "opt_"+i;
		
		oRow.className = "opt";
	  
	  oRow.onclick = function()
	  	{
			var oOpcions = document.getElementById("opcions").getElementsByTagName('div');
			for(var i=0;i<oOpcions.length;i++)
				{
				oOpcions[i].className = 'opt';
				}
			this.className = 'optselected';


			idp = this.id.replace("opt_", "");
			var oSubOpcions = document.getElementById("subopcions").getElementsByTagName('div');
			for(var i=0;i<oSubOpcions.length;i++)
				{
				if(oSubOpcions[i].className == 'subopcions')
					{
					oSubOpcions[i].style.display = 'none';
					}
				}
			document.getElementById("sub_"+idp).style.display = 'block';
	  	}
	  oOpcions.appendChild(oRow);
	  
		var oSub = document.createElement("div");
		oSub.id = 'sub_'+i;
		oSub.className = 'subopcions';
		oSub.style.display = 'none';
		oSubOpcions.appendChild(oSub);

	  for(var j=0;j<aSubopcions[i].length;j++)
	  	{
			var oRow = document.createElement("div");
			oRow.className = 'opcio';
			oRow.innerHTML = aSubopcions[i][j];

		  oRow.onclick = function()
		  	{
		  	if(this.className == 'opcioselected'){this.className = 'opcio';}
		  	else{this.className = 'opcioselected';}
		  	}
			
	  	oSub.appendChild(oRow);
	  	}
		}
	}

function enq_Send()
	{
	if(document.getElementById('chkAvis').checked==false)
		{
		alert("Es necesario leer y aceptar el aviso legal antes de continuar");
		return;
		}
	var gParams = '';
	for(var i=0;i<aOpcions.length;i++)
		{
		gParams += "&"+aOpcions[i]+"=";
		var oSubOpcions = document.getElementById("sub_"+i).getElementsByTagName('div');
		for(var j=0;j<oSubOpcions.length;j++)
			{
			if(oSubOpcions[j].className == 'opcioselected')
				{
				gParams += "|"+oSubOpcions[j].innerHTML;
				}
			}
		}
	document.getElementById("adds").value = gParams;
	document.getElementById("frmPre").submit();
	}



function showForm(obj)
	{
	var oOpcions = document.getElementById("opcions").getElementsByTagName('div');
	for(var i=0;i<oOpcions.length;i++)
		{
		oOpcions[i].className = 'opt';
		}
	obj.className = 'optselected';


	idp = obj.id.replace("opt_", "");
	var oSubOpcions = document.getElementById("subopcions").getElementsByTagName('div');
	for(var i=0;i<oSubOpcions.length;i++)
		{
		if(oSubOpcions[i].className == 'subopcions')
			{
			oSubOpcions[i].style.display = 'none';
			}
		}
	document.getElementById("sub_X").style.display = 'block';
	}


function showPage(idp, idm)
	{
	var capas = Array("empresa", "prd", "formulari", "5", "contactar");

	if(idp == 'mapa')
		{
		//document.getElementById("maps").style.display = 'block';
		for(var i=0; i<capas.length; i++)
			{
			document.getElementById("ctl_"+capas[i]).style.display = 'none';
			}
		Effect.BlindDown("maps");
		setTimeout("sma_maps_showMAP('"+idioma+"');", 5000)
		
		var v = document.getElementById("header").getElementsByTagName("div");
		for(var i=0;i<v.length;i++)
			{
			v[i].className = 'menu';
			}
		document.getElementById("menu_5").className = 'menuselected';
		
		return;
		}
	else
		{
		document.getElementById("maps").style.display = 'none';
		}

	for(var i=0; i<capas.length; i++)
		{
		if(capas[i]!='prd')
			{
			document.getElementById("menu_"+capas[i]).className = 'menu';
			}
		else
			{
			document.getElementById("menu_construccio").className = 'menu';
			document.getElementById("menu_piscinas").className = 'menu';
			document.getElementById("menu_xxx").className = 'menu';
			}
		document.getElementById("btn_"+capas[i]).style.display = 'none';
		document.getElementById("ctl_"+capas[i]).style.display = 'none';
		}

	document.getElementById("ctl_"+idp).style.display='block';
	document.getElementById("btn_"+idp).style.display = 'block';
	if(idp!='prd'){document.getElementById("menu_"+idp).className = 'menuselected';}
	else{document.getElementById(idm).className = 'menuselected';}
	}
	
function finestra (url,nomfinestra,parametres) 
	{
	w=window.open(url,nomfinestra,parametres);
	}


function mou(spin)
	{
	var velocidad = 56;
	if(document.getElementById('sma-gc-imatges'))
		{
		var aux = parseInt(document.getElementById('sma-gc-imatges').style.left.replace("px", ""));
		var max = document.getElementById('sma-gc-carrusel').offsetWidth;
		var w = document.getElementById('sma-gc-imatges').offsetWidth;
	
		aux = aux + (spin * velocidad);
		if(spin > 0 && aux > 0)
			{
			return;
			}
		else
			{
			if(spin < 0 && (aux + w) < max)
				{
				return;
				}	
			}
		if(spin<0){ document.getElementById('doe').style.backgroundImage = "url('images/doe0.png')"; }
		else{ document.getElementById('doe').style.backgroundImage = "url('images/doe1.png')"; }
		setTimeout('document.getElementById("doe").style.backgroundImage = "url(\'images/doe.png\')";', 200)

		document.getElementById('sma-gc-imatges').style.left =  aux + "px";
		}
	}

function activa(idp)
	{

	}
function canviaImatgeGran(srcImg, prdDes)
	{
	if(srcImg.indexOf("pixeltrans.gif")>=0)
		{
		document.getElementById('img_3').src = srcImg;
		document.getElementById('img_3').imatgeGran = srcImg;
		fadeSpinner();
		}
	else
		{
		document.getElementById('img_3').src = "http://shared.smawebsite.net/aspectratio.php?p=gestioclients/"+srcImg+"&w=350&h=300";
		document.getElementById('img_3').imatgeGran = 'http://extranet.smawebsite.net/'+srcImg;

		document.getElementById('img_3').onclick = function()
			{
			alertIMG(this.imatgeGran);
			}
		}
	if(prdDes)
		{
		$('prdDes').innerHTML = prdDes;
		}
	}
function showSpinner()
	{

	}
function fadeSpinner()
	{

	}

/************************************** ADD 30 Jun 08 **************************************/

function myObj(){}
myObj.prototype = new sma_oCategoria();
myProducts = new myObj();

function inicia()
	{
	setTimeout("loadBanner()", 1000);
	myProducts.setCategoria(0);
	myProducts.setDomini(domini);
	myProducts.setProxy("proxy.php");
	myProducts.setIdioma(idioma);
	myProducts.setProcessador("endLoading");
	myProducts.init();
	}

//[ PROCESSA EL FINAL DEL PROCESSAMENT DE DADES ]//
function endLoading(data)
	{
	var conexions = 0;
	myProducts = data;
	document.getElementById("debug").innerHTML += conexions;
	if(conexions == 0)
		{//[ Carreguem les categories principals ]//
		document.getElementById("menu_construccio").node = myProducts.vCategories[0];
		document.getElementById("menu_construccio").onclick = function()
			{
			b_loadCategoria(this.node);
			showPage("prd", "menu_construccio");
			}
		document.getElementById("img1").src = 'images/menu/1.png';
		document.getElementById("menu_piscinas").node = myProducts.vCategories[1];
		document.getElementById("menu_piscinas").onclick = function()
			{
			b_loadCategoria(this.node);
			showPage("prd", "menu_piscinas");
			}
		document.getElementById("img2").src = 'images/menu/2.png';
		document.getElementById("menu_xxx").node = myProducts.vCategories[2];
		document.getElementById("menu_xxx").onclick = function()
			{
			b_loadCategoria(this.node);
			showPage("prd", "menu_xxx");
			}
		document.getElementById("img3").src = 'images/menu/3.png';
		}
	}

function b_loadCategoria(node)
	{
	oContainer = document.getElementById("sma-gc-llistat-productes");
	oContainer.innerHTML = '';
	
	document.getElementById("prdTit").innerHTML = node.nom;

  for (i = 0; i < node.vCategories.length; i++)
  	{
		var oRow = document.createElement("div");
		oRow.id = "sma-ssid-"+node.vCategories[i].idCategoria;
		oRow.className = "sma-gc-row";

		var oNom = document.createElement("div");
		oNom.className = subcatClass;
  	oNom.style.cursor = "pointer";
		oNom.innerHTML = node.vCategories[i].nom;
    oNom.id = "sma-sid-"+node.vCategories[i].idCategoria;
  	oNom.node = node.vCategories[i];
  	oNom.onclick = function()
  		{
  		b_loadProductes(this.node);
  		};
		oRow.appendChild(oNom);

		var oSub = document.createElement("div");
		oSub.id = "subcats_"+node.vCategories[i].idCategoria;
		oSub.className = "subcats";
		oRow.appendChild(oSub);

    oContainer.appendChild(oRow);
	  }

	b_loadProductes(node.vCategories[0]);
	}

function b_loadProductes(node)
	{
	oContainer = document.getElementById("subcats_"+node.idCategoria);
	replegaSubMenus();

	for (i = 0; i < node.vProductes.length; i++)
		{
		document.getElementById("debug").innerHTML += "<br>"+node.vProductes[i].idProducte;
		
		var oNom = document.createElement("div");
		oNom.className = "sma-gc-nom2";
  	oNom.style.cursor = "pointer";
		oNom.innerHTML = node.vProductes[i].nom;
  	oNom.node = node.vProductes[i];
  	oNom.onclick = function()
  		{
  		b_loadProducteFinal(this.node);
			setAsDefault(this);
  		};
		if(i==0)
			{
			b_loadProducteFinal(node.vProductes[0]);
			setAsDefault(oNom);
			}
		oContainer.appendChild(oNom);
	  }
	oContainer.style.display = "block";
	}

function b_loadProducteFinal(node)
	{
	
	document.getElementById("prdNom").innerHTML = node.nom;
	document.getElementById("prdDes").innerHTML = node.descripcio;
	
	ompleCarrusel(node.vIMG);
	}

function ompleCarrusel(vImg)
	{
	var oCarr = document.getElementById("sma-gc-carrusel");
	oCarr.innerHTML = '';

	var oImgs = document.createElement("div");
	oImgs.className = "sma-gc-imatges";
	oImgs.id = "sma-gc-imatges";
	oImgs.style.width = ((57 * vImg.length))+"px";
	oImgs.style.left = "0px";
	oCarr.appendChild(oImgs);


 	var imatges = new Array;
  
  if(vImg.length > 0)
  	{
 		canviaImatgeGran(vImg[0].url, vImg[0].descripcio);
 		showSpinner();
 		}
 	else
 		{
 		//[ Eliminem les fletxes ]//
 		canviaImatgeGran("http://www.totpool.com/images/pixeltrans.gif");
 		}
  
  if(vImg.length > 1)
  	{
  	if(vImg.length > 4)
  		{
   		document.getElementById('left0').style.display = 'block';
   		document.getElementById('right0').style.display = 'block';
   		}
   	else
   		{
	   	document.getElementById('left0').style.display = 'none';
	   	document.getElementById('right0').style.display = 'none';
   		}

    for (var i=0; i<vImg.length; i++)
    	{
    	var aux = new Array;

			var oImg = document.createElement("div");
			oImg.className = "sma-gc-miniimatge";
			oImgs.appendChild(oImg);
			oImg.style.background = "url('http://shared.smawebsite.net/aspectratio.php?p=gestioclients/"+vImg[i].url+"&w=52&h=52')";

			oImg.style.backgroundRepeat = "no-repeat";
			oImg.style.backgroundPosition = "center center";
			oImg.tempUrl = vImg[i].url;
			oImg.tempDesc = vImg[i].descripcio;
			oImg.onclick = function ()
				{
				canviaImatgeGran(this.tempUrl, this.tempDesc);
				showSpinner();
				}
      }	
    }
	}

function replegaSubMenus()
	{
	var vAux = document.getElementById("sma-gc-llistat-productes").getElementsByTagName('div');
	for(var i=0;i<vAux.length;i++)
		{
		if(vAux[i].className == 'subcats')
			{
			vAux[i].innerHTML = "";
			vAux[i].style.display = "none";
			}
		}
	}
function setAsDefault(node)
	{
	var vAux = document.getElementById("sma-gc-llistat-productes").getElementsByTagName('div');
	for(var i=0;i<vAux.length;i++)
		{
		if(vAux[i].className == 'sma-gc-nom2selected'){vAux[i].className = "sma-gc-nom2";}
		}
	node.className = 'sma-gc-nom2selected';
	}
function loadBanner()
	{
	new Effect.SlideRightIn('banner', {duration: 1, queue: 'end'});
	}
function unLoadBanner()
	{
	new Effect.SlideLeftOut('banner', {duration: 1, queue: 'end'});
	}