var idioma = 'ca';
var domini = "ciclismecamarles.com";
var left = 506;

function showPage(idp, final)
	{
	var move = final-left;
	left = final;
	
	new Effect.Move('move', {
  x: move, y: 0, duration: 1, 
  mode: "relative",
  transition: Effect.Transitions.spring
	});

	var oDiv = Array("1", "0", "2", "0", "3", "4", "5", "6");
	var vCtl = document.getElementById("central").getElementsByTagName("div");
	for(var i=0; i<vCtl.length; i++)
		{
		if(vCtl[i].className == 'ctl')
			{
			vCtl[i].style.display = 'none';
			}
		}
	
	var ctlId = 'ctl_'+oDiv[idp];
	Effect.Appear(ctlId);
	}
	
function finestra (url,nomfinestra,parametres) 
	{
	w = window.open(url,nomfinestra,parametres);
	}

/**************** PRODUCTES ****************/

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

function inicia()
	{
	sortides.setCategoria(0);
	sortides.setDomini(domini);
	sortides.setProxy("proxy.php");
	sortides.setIdioma(idioma);
	sortides.setProcessador("endLoading");
	sortides.init();
	}

function endLoading(data)
	{
	$("debug").innerHTML += conexions;
	var conexions = 0;
	sortides = data;
	
	if(conexions == 0)
		{
		Effect.Fade("spinner");

		$('btn_1').node = sortides.vCategories[0];
		$('btn_1').onclick = function()
			{
			$('sponsors').style.marginTop = '50px';
			showPage(1, 310);
			setSectionTitle("<strong>SORTIDES i CURSES</strong> · ");
			setCats(this.node.vCategories);
			}

		//[ Noticies ]//
		$('btn_3').node = sortides.vCategories[1];
		$('btn_3').onclick = function()
			{
			$('sponsors').style.marginTop = '50px';
			showPage(1, 506);
			setSectionTitle("<strong>NOTICIES</strong> · ");
			setCats(this.node.vCategories);
			}
		setCats(sortides.vCategories[1].vCategories);

		//[ Historia ]//
		$('btn_0').node = sortides.vCategories[2];
		$('btn_0').onclick = function()
			{
			$('sponsors').style.marginTop = '0px';
			showPage(1, 212);
			setSectionTitle("<strong>LA PENYA</strong>");
			$('options').innerHTML = '';
			setProducteFinal(this.node.vProductes[0]);
			}

		//[ Gimnas ]//
		$('btn_5').node = sortides.vCategories[3];
		$('btn_5').onclick = function()
			{
			$('sponsors').style.marginTop = '0px';
			showPage(1, 702);
			setSectionTitle("<strong>GIMNÀS</strong>");
			$('options').innerHTML = '';
			setProducteFinal(this.node.vProductes[0]);
			}

		//[ Imatges ]//
		$('btn_2').node = sortides.vCategories[4];
		$('btn_2').onclick = function()
			{
			$('sponsors').style.marginTop = '50px';
			showPage(1, 408);
			setSectionTitle("<strong>IMATGES</strong> · ");
			$('options').innerHTML = '';
			//setProducteFinal(this.node.vProductes[0]);
			setCats(this.node.vCategories);
			}

		//[ Links ]//
		$('btn_7').node = sortides.vCategories[5];
		$('btn_7').onclick = function()
			{
			$('sponsors').style.marginTop = '0px';
			showPage(7, 890);
			setSectionTitle("<strong>LINKS</strong>");
			$('options').innerHTML = '';
			setLinks(this.node.vProductes);
			}
		}
	}


function setCats(cats)
	{
	var sw = 0;
	$('options').innerHTML = '';
	for(var i=0;i<cats.length;i++)
		{
		var obj = document.createElement("div");
		obj.className = 'menu1';
		obj.innerHTML = cats[i].nom;
		obj.node = cats[i];
		obj.onclick = function ()
			{
			if($('option'+this.node.idCategoria).innerHTML.length == 0)
				{
				setProductes(this.node.vProductes, "option"+this.node.idCategoria, this.node.nom, sw);
/*
				if(this.node.idCategoria !=178 && this.node.idCategoria !=179 && this.node.idCategoria !=608 && this.node.idCategoria !=607 )
					{
					}
*/
				}
			else
				{
				$('option'+this.node.idCategoria).innerHTML = "";
				}
			}
		$('options').appendChild(obj);

		var obj = document.createElement("div");
		obj.id = 'option'+cats[i].idCategoria;
		obj.className = 'option';
		$('options').appendChild(obj);
//		if(cats[i].idCategoria == 178 || cats[i].idCategoria == 179 || cats[i].idCategoria == 608 || cats[i].idCategoria == 607)
		if(i==0)
			{
			setProductes(cats[i].vProductes, "option"+cats[i].idCategoria, cats[i].nom, sw);
			sw = 1;
			}
		}

	if(cats.length>0 && sw==0)
		{
		setProductes(cats[0].vProductes, "option"+cats[0].idCategoria, cats[0].nom, sw);
		}
	}

function setProductes(prod, place, title, sw)
	{
	//collapseMenu();
	var swx = 0;
	for(var i=0;i<prod.length;i++)
		{
		if(prod[i].defecte == 1)
			{
			swx = 1;
			}
		}


	for(var i=0;i<prod.length;i++)
		{
		var obj = document.createElement("div");
		obj.className = 'menu2';
		obj.innerHTML = prod[i].nom;
		obj.node = prod[i];
		obj.subtitle = title;
		obj.onclick = function ()
			{
			setSectionSubTitle(this.subtitle);
			uncheckAllButtons();
			this.className = 'menu2Selected';
			setProducteFinal(this.node);
			}

		if(prod[i].defecte == 1)
			{
			uncheckAllButtons();
			obj.className = 'menu2Selected';
			setProducteFinal(prod[i]);
			}
		if(i==0 && sw==0 && swx == 0)
			{
			uncheckAllButtons();
			obj.className = 'menu2Selected';
			}
		$(place).appendChild(obj);
		}

	if(prod.length>0 && sw==0 && swx==0)
		{
		setProducteFinal(prod[0]);
		}
	}
	
function setProducteFinal(obj)
	{
	$("prdName").innerHTML = obj.nom;
	$("prdDes").innerHTML = obj.descripcio;
	$("prdDesA").innerHTML = obj.descripcioAmpliada;
	loadImages(obj.vIMG);
	loadLinks(obj.vLINKS, (obj.vDOC.length + obj.vLINKS.length));
	loadPDFs(obj.vDOC);
	}

function setSectionTitle(title)
	{
	$("titleSection").innerHTML = title;
	}

function setSectionSubTitle(subtitle)
	{
	if($("titleSection").innerHTML.indexOf("·")>=0)
		{
		$("titleSection").innerHTML = $("titleSection").innerHTML.substr(0, $("titleSection").innerHTML.indexOf("·")+1);
		}
	$("titleSection").innerHTML += " "+subtitle;
	}

function collapseMenu()
	{
	var menu = document.getElementById("menu").getElementsByTagName("div");
	for(var i=0; i<menu.length; i++)
		{
		if(menu[i].className == 'option')
			{
			menu[i].innerHTML = '';
			}
		}
	}

function loadImages(imgs)
	{
	$("prdImgs1").innerHTML = "";
	$("prdImgs2").innerHTML = "";
	if(imgs.length > 0)
		{
		for(var i=0;i<imgs.length && i<4;i++)
			{
			var img = "<div class='objImg'><div class='prdImg' onClick='alertIMG(\"http://shared.dertochip.com/aspectratio.php?w=800&h=400&p=gestioclients/"+imgs[i].url+"\", \"\");'><img src='http://shared.dertochip.com/aspectratio.php?p=gestioclients/"+imgs[i].url+"&w=152&h=150' /></div><div class='prdNom'>"+imgs[i].nom+"</div><div class='prdDes'><i>"+imgs[i].descripcio+"</i></div></div>";
			$("prdImgs1").innerHTML += img;
			}
	
		for(i=4;i<imgs.length;i++)
			{
			var img = "<div class='objImg'><div class='prdImg' onClick='alertIMG(\"http://shared.dertochip.com/aspectratio.php?w=800&h=400&p=gestioclients/"+imgs[i].url+"\", \"\");'><img src='http://shared.dertochip.com/aspectratio.php?p=gestioclients/"+imgs[i].url+"&w=152&h=150' /></div><div class='prdNom'>"+imgs[i].nom+"</div><div class='prdDes'><i>"+imgs[i].descripcio+"</i></div></div>";
			$("prdImgs2").innerHTML += img;
			}
		}
	}

function loadLinks(lnk, mesinfo)
	{
	if(mesinfo>0){$("prdLnks").innerHTML = "Per a més informació:<br />";}
	else{$("prdLnks").innerHTML = "";}
			
	if(lnk.length > 0)
		{
		for(var i=0;i<lnk.length;i++)
			{
			$("prdLnks").innerHTML += "<a href='"+unescape(lnk[i].url)+"' target='new'>"+lnk[i].nom+"</a><br />";
			}
		}
	}

function loadPDFs(pdf)
	{
	$("prdPDFs").innerHTML = "";
	if(pdf.length > 0)
		{
		for(var i=0;i<pdf.length;i++)
			{
			$("prdPDFs").innerHTML += "<a href='"+pdf[i].url+"' target='new'>"+pdf[i].nom+"</a>";
			}
		}
	}

function setLinks(vPRD)
	{
	$('content_6').innerHTML = '';
	for(var i=0;i<vPRD.length; i++)
		{
		var obj = document.createElement("div");
		obj.className = 'oLink';

		var nom = document.createElement("div");
		nom.className = 'oLink_nom';
		nom.innerHTML = vPRD[i].nom;
		obj.appendChild(nom);
		var des = document.createElement("div");
		des.className = 'oLink_des';
		des.innerHTML = vPRD[i].descripcio;
		obj.appendChild(des);

		var lnks = document.createElement("div");
		lnks.className = 'oLink_lin';
		for(var j=0;j<vPRD[i].vLINKS.length;j++)
			{
			var lnk = document.createElement("a");
			lnk.href = str_replace("%2F", "/", str_replace("%3A", ":", vPRD[i].vLINKS[j].url));
			lnk.target = '_new';
			lnk.innerHTML = vPRD[i].vLINKS[j].nom;
			lnks.appendChild(lnk);
			var br = document.createElement("br");
			lnks.appendChild(br);
			}

		obj.appendChild(lnks);

		$('content_6').appendChild(obj);
		}
	}

function str_replace(a, b, str){
	while(str.indexOf(a) >= 0) {
		str = str.replace(a, b);
	}
	return str;
}


function uncheckAllButtons()
	{
	var vAux = $('options').getElementsByTagName("div");
	for(var i=0;i<vAux.length;i++)
		{
		if(vAux[i].className == 'menu2Selected')
			{
			vAux[i].className = 'menu2';
			}
		}
	}