var proxy = "proxy.php";
var mapLoaded = false;

window.onresize = function()
	{
	resizeContenidor();
	}
function resizeContenidor()
	{
	var wW = document.documentElement.clientWidth;
	var hW = document.documentElement.clientHeight;
	var wC = document.getElementById("contenidor").offsetWidth;
	var hC = document.getElementById("contenidor").offsetHeight;
	
	if(wW < wC)
		{
		document.getElementById("contenidor").style.left = "0px";
		document.getElementById("contenidor").style.marginLeft = "0px";
		document.getElementById("contenidor").style.top = "0px";
		document.getElementById("contenidor").style.marginTop = "0px";
		}
	else
		{
		document.getElementById("contenidor").style.left = "50%";
		document.getElementById("contenidor").style.marginLeft = "-492.5px";
		document.getElementById("contenidor").style.top = "50%";
		document.getElementById("contenidor").style.marginTop = "-295px";
		}
	}

function showPage(idp, idm)
	{
	var vApartats = document.getElementById("contenidor").getElementsByTagName("div");
	
	for(var i=0; i<vApartats.length; i++)
		{
		if(vApartats[i].className == 'menuSelected')
			{
			vApartats[i].className = 'menu';
			}
		if(vApartats[i].className == 'central')
			{
			vApartats[i].style.display = 'none';
			}
		}
	if(idp == 0)	
		{
		document.getElementById("botonera1").style.display = 'block';
		document.getElementById("path").style.display = 'block';
		}
	else
		{
		document.getElementById("botonera1").style.display = 'block';
		document.getElementById("path").style.display = 'block';
		}
	document.getElementById("ctl_"+idp).style.display='block';
	document.getElementById("menu_"+idm).className = 'menuSelected';
	}
	
function finestra (url,nomfinestra,parametres) 
	{
	w=window.open(url,nomfinestra,parametres);
	}

function setSelectedIMG(obj, src, nom, descripcio)
	{
	src = src.replace("&w=95&h=39", "&w=340&h=228");
	var vAux = document.getElementById('modulX').getElementsByTagName("div");
	
	for(var i=0; i<vAux.length; i++)
		{
		if(vAux[i].className == 'miniIMGselected')
			{
			vAux[i].className = 'miniIMG';
			}
		}
	obj.className = 'miniIMGselected';
	document.getElementById('bigIMG').style.backgroundImage = 'url("'+src+'")';
	document.getElementById('prdImgNom').innerHTML = nom;
	document.getElementById('prdImgDes').innerHTML = descripcio;
	}

function zoomer(obj)
	{
	var urlIMG = obj.style.backgroundImage.replace("url(", "").replace(")", "").replace("aspectratio.php?p=", "").replace("&w=200&h=150", "");
	urlIMG = urlIMG.replace('"', '');
	urlIMG = urlIMG.replace('"', '');
	urlIMG = urlIMG.replace('gestioclients/images/productes', 'img/prd');
	alertIMG(urlIMG, "");
	}

function showMap()
	{
	if(mapLoaded == false)
		{
		sma_maps_showMAP(idioma, true);
		mapLoaded = true;
		}
	}

/* GESTI� DE PRODUCTES */

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

function inicia()
	{
	centre.setCategoria(catInicial);
	centre.setDomini(domini);
	centre.setProxy(proxy);
	centre.setIdioma(idioma);
	centre.setProcessador("endLoading");
	centre.init();
	}

function endLoading(data)
	{
	var conexions = 0;
	centre = data;
	if(conexions == 0)
		{
		setNode(centre);
		}
	}

function goFirst()
	{
	document.getElementById("path").innerHTML = '';
	setNode(centre)
	}
	
function setNode(node)
	{
	hideExtendedPrd();
	setPath(node);

	setProductes(node);
	setCategories(node);
	}

function setCategories(node)
	{
	var vBot = document.getElementById("contenidor").getElementsByTagName("div");
	var sw = 0;
	for(var i=0;i<vBot.length; i++)
		{
		if(vBot[i].className == 'menu' || vBot[i].className == 'menuSelected' && vBot[i].innerHTML == '')
			{
			sw++;
			}
		}
	sw++;

	var vCAT = node.vCategories;
	var container = document.getElementById("botonera1");
	var sw = -1;
	
	for(var i=0;i<vCAT.length; i++)
		{
		var obj = document.createElement("div");
		obj.className = 'categoria'
		obj.id = 'cat_'+i;
		obj.innerHTML = "&gt; "+vCAT[i].nom;
		obj.node = vCAT[i];
		obj.onclick = function()
			{
			selectCat(this);
			setNode(this.node);
			}
		if(vCAT[i].defecte == 1)
			{
			obj.className = 'categoriaSelected';
			setNode(vCAT[i]);
			}
		container.appendChild(obj);
		}
	}



function setProductes(node)
	{
	var vBot = document.getElementById("contenidor").getElementsByTagName("div");
	var sw = 0;
	for(var i=0;i<vBot.length; i++)
		{
		if(vBot[i].className == 'menu' || vBot[i].className == 'menuSelected' && vBot[i].innerHTML == '')
			{
			sw++;
			}
		}
	sw++;
	var vAux = Array();
	var container = document.getElementById("botonera3");
	container.innerHTML = '';
	var vPRD = node.vProductes;

	for(var i=0;i<vPRD.length; i++)
		{
		var obj = document.createElement("div");
		obj.className = 'menu'
		obj.id = 'menu_'+sw;
		var ximg = document.createElement("div");
		ximg.className = 'shot';
		ximg.style.backgroundImage = 'url("http://shared.dertochip.com/aspectratio.php?p=gestioclients/'+vPRD[i].url+'&w=70&h=59")';
		obj.appendChild(ximg);

		var xtxt = document.createElement("span");
		xtxt.innerHTML = vPRD[i].nom;
		obj.appendChild(xtxt);
		
		obj.node = vPRD[i];
		obj.onclick = function()
			{
			//showPage(0, this.id.replace("menu_", ""));
			selectProducte(this);
			loadProducte(this.node);
			}
		container.appendChild(obj);
//		if(vPRD[i].defecte == 1)
		if(i == 0)
			{
			selectProducte(obj);
			loadProducte(obj.node);
			}
		sw++;
		}

	}

function loadProducte(producte)
	{
	document.getElementById("prdDes").innerHTML = htmlentities(producte.descripcio);
	document.getElementById("myPrdDesc").innerHTML = htmlentities(producte.descripcio);
	document.getElementById("prdNom").innerHTML = producte.nom;
	document.getElementById("myPrdName").innerHTML = producte.nom;
	document.getElementById("prdPreu").innerHTML = producte.preu;
	document.getElementById("myPrdPreu").innerHTML = producte.preu;
	if (producte.oferta > 0) {
		document.getElementById("myPrdOffer").innerHTML = producte.oferta;
		document.getElementById('prdOffer').style.display = 'block';
	} else {
		document.getElementById('prdOffer').style.display = 'none';
	}
	document.getElementById('bigIMG').style.backgroundImage = 'url("http://shared.dertochip.com/aspectratio.php?p=gestioclients/'+producte.url+'&w=200&h=150")';
	document.getElementById('myPrdImg').src = 'http://shared.dertochip.com/aspectratio.php?p=gestioclients/'+producte.url+'&w=200&h=150';
	document.getElementById("prdImgNom").innerHTML = "";
	document.getElementById("prdImgDes").innerHTML = "";
	loadImages(producte.vIMG, 0);
	}

function loadImages(vIMG, from)
	{
	var contenidor = document.getElementById('modulX');
	contenidor.innerHTML = '';

	document.getElementById('plusButton').style.display = 'none';
	
	if(vIMG.length>1)
		{
		for(var i=from; i<vIMG.length && i<(from + 5); i++)
			{
			var div = document.createElement("div");
			div.className = "miniIMG"
			
			var img = document.createElement("img");
			img.src = "http://shared.dertochip.com/aspectratio.php?p=gestioclients/"+vIMG[i].url+"&w=95&h=39";
			img.node = vIMG[i];
			img.onclick = function()
				{
				setSelectedIMG(this.parentNode, this.src, this.node.nom, htmlentities(this.node.descripcio));
				}
			if(i == 0)
				{
				setSelectedIMG(div, img.src, vIMG[i].nom, vIMG[i].descripcio);
				}
			if(vIMG.length > 5)
				{
				document.getElementById('plusButton').style.display = 'block';
				document.getElementById('plusButton').node = vIMG;
				if(vIMG.length > (from + 5))
					{
					document.getElementById('plusButton').next = (from + 5);
					}
				else
					{
					document.getElementById('plusButton').next = 0;
					}
				document.getElementById('plusButton').onclick = function()
					{
					loadImages(this.node, this.next);
					}
				}
			div.appendChild(img);
			contenidor.appendChild(div);
			}
		}
	}

function setPath(node)
	{
	var container = document.getElementById("path");
	container.innerHTML = '<div class="path0">'+document.getElementById('menu_2').innerHTML+ " &gt;</div>";
	var vObj = Array();
	var i=0;
	
	while(node.parentNode)
		{
		vObj[i] = document.createElement("div");
		vObj[i].className = 'path';
		vObj[i].innerHTML = node.nom+" &gt;";
		vObj[i].node = node;
		vObj[i].onclick = function()
			{
			setNode(this.node);
			}
		node = node.parentNode;
		i++;
		}

	for(var j=(i-1); j>=0; j--)
		{
		container.appendChild(vObj[j]);
		}
	}

function showPrdAmpli()
	{
	//document.getElementById("myExtendedPrd").style.display = 'block';
	var options = {};
	$("#myExtendedPrd").show("drop", options, 500);
	}

function selectProducte(obj)
	{
	var v = document.getElementById("botonera3").getElementsByTagName("div");
	for(var i=0; i<v.length; i++)
		{
		if(v[i].className == 'menuSelected')
			{
			v[i].className = 'menu';
			}
		}
	obj.className = 'menuSelected';
	}

function selectCat(obj)
	{
	var v = document.getElementById("botonera1").getElementsByTagName("div");
	for(var i=0; i<v.length; i++)
		{
		if(v[i].className == 'categoriaSelected')
			{
			v[i].className = 'categoria';
			}
		}
	obj.className = 'categoriaSelected';
	}

function transferMe(from, to){
	var options = { to: "#"+to, className: 'ui-effects-transfer' };
	$("#"+from).effect('transfer', options, 500, changeBigImg(from, to));
}
	
function changeBigImg(from, to){
	setTimeout(function(){
		$("#"+to).attr("src", $("#"+from).attr("src").replace("m.jpg", ".jpg"));
	}, 500);

};

function hideExtendedPrd(){
	if(document.getElementById("myExtendedPrd").style.display != 'none'){
		var options = {};
		$("#myExtendedPrd").hide("drop", options, 500);
	}
}
function loadExt(objID, objID2){
	var options = {};
	// $("#"+objID).show("drop", options, 500);
        $("#"+objID).show();
}

function hideExt(objID, objID2){
	var options = {};
	//$("#"+objID).hide("drop", options, 500);
        $("#"+objID).hide();
}

function htmlentities(str){
	return str.replace(/__/g, "&");
}

function moveExts(dir) {
    var actualLeft = parseFloat($(".innOffers:visible").css("marginLeft").replace("px"));
    
    if (dir>0 && ((((-1) * actualLeft/191)+5) > $(".innOffers:visible").children('.oferta').length)) {
        return;
    }
    
    if (dir<0 && (actualLeft + 191) > 0 ) {
        return;
    }
    
    $(".innOffers:visible").animate({marginLeft : (actualLeft - (191 * dir)) + "px"});
}