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=90&h=60", "&w=340&h=200");
	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()
	{
	var urlIMG = document.getElementById('bigIMG').style.backgroundImage.replace("url(", "").replace(")", "").replace("aspectratio.php?p=", "").replace("&w=340&h=228", "");
	urlIMG = urlIMG.replace('"', '');
	urlIMG = urlIMG.replace('/gestioclients/images/productes/', '/img/prd/');
	urlIMG = urlIMG.substr(0, urlIMG.indexOf("&"));
	alertIMG(urlIMG, "");
	}

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

/* GESTIÓ DE PRODUCTES */

function myObj(){}
myObj.prototype = new sma_oCategoria();
var 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)
	{
	//document.getElementById("botonera1").innerHTML = '';
	setPath(node);

	setCategories(node);
	setProductes(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("botonera2");
	
	for(var i=0;i<vCAT.length; i++)
		{
		var obj = document.createElement("div");
		obj.className = 'categoria'
		obj.id = 'cat_'+sw;
		obj.innerHTML = vCAT[i].nom;
		obj.node = vCAT[i];
		obj.onclick = function()
			{
			setNode(this.node);
			}
		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("botonera2");
	var vPRD = node.vProductes;

	for(var i=0;i<vPRD.length; i++)
		{
		var obj = document.createElement("div");
		obj.className = 'menu';
		obj.id = 'menu_'+sw;
		obj.innerHTML = vPRD[i].nom;
		obj.node = vPRD[i];
	
		obj.onclick = function()
			{
			if(this.node.idProducte == 1809 || this.node.idProducte == 1708){// Imatges
				showPage(2, this.id.replace("menu_", ""));
				loadImagesImages(this.node.vIMG, this.node.nom);
			} else {
				if(this.node.idProducte == 1709 || this.node.idProducte == 1718){//[ Links
					showPage(2, this.id.replace("menu_", ""));
					loadImagesLinks(this.node.vIMG, this.node.nom);
				} else {
					showPage(0, this.id.replace("menu_", ""));
					loadProducte(this.node);
				}
			}
		}
		container.appendChild(obj);
		sw++;
		}

	var obj = document.createElement("div");
	obj.className = 'menu'
	obj.id = 'menu_'+sw;
	obj.innerHTML = vLang[1];
	obj.onclick = function()
		{
		showPage(1, this.id.replace("menu_", ""));
		}
	container.appendChild(obj);
	sw++;
	
	var obj = document.createElement("div");
	obj.className = 'menu'
	obj.id = 'menu_'+sw;
	obj.innerHTML = vLang[0];
	obj.onclick = function()
		{
		showPage(3, this.id.replace("menu_", ""));
		}
	container.appendChild(obj);
	
	if(vPRD.length>0)
		{
		showPage(0, 1);
		loadProducte(vPRD[0]);
		}
	}

function loadProducte(producte)
	{
	document.getElementById("prdDes").innerHTML = producte.descripcio;
	document.getElementById("prdNom").innerHTML = producte.nom;
	document.getElementById('bigIMG').style.backgroundImage = 'url("http://shared.smawebsite.net/aspectratio.php?p=gestioclients/'+producte.url+'&w=340&h=231")';
	document.getElementById("prdImgNom").innerHTML = "";
	document.getElementById("prdImgDes").innerHTML = "";
	loadImages(producte.vIMG, 0);
	}

function loadImagesImages(vIMG, nom){
	var contenidor = document.getElementById('ctl_2');
	contenidor.innerHTML = "<div id='titleLinks' class='modulB'>"+nom+"</div><br /><br />";
	for(var i=0; i<vIMG.length; i++)
		{
		var div = document.createElement("div");
		div.className = "miniIMG"
		
		var img = document.createElement("img");
		img.src = "http://shared.smawebsite.net/aspectratio.php?p=gestioclients/"+vIMG[i].url+"&w=90&h=60";
		img.myURL = "http://extranet.smawebsite.net/"+vIMG[i].url;
		img.node = vIMG[i];
		img.onclick = function(){
			alertIMG(this.myURL);
		}
		div.appendChild(img);

		if(vIMG[i].nom)
			{
			var nom = document.createElement("div");
			nom.className = "minititle"
			nom.innerHTML = vIMG[i].nom;
			div.appendChild(nom);
			}
		if(vIMG[i].descripcio)
			{
			var desc = document.createElement("div");
			desc.innerHTML = vIMG[i].descripcio;
			div.appendChild(desc);
			}

		contenidor.appendChild(div);
		}
}
function loadImagesLinks(v, nom){
	var contenidor = document.getElementById('ctl_2');
	contenidor.innerHTML = "<div id='titleLinks' class='modulB'>"+nom+"</div><br /><br />";

	for(var i=0; i<v.length; i++)
		{
		var div = document.createElement("div");
		div.className = "miniLNK";
		div.ln = v[i].ln;
		div.onclick = function(){
			window.open(this.ln)
		}
		
		div.innerHTML = "<table width=100%><tr><td><img src='http://extranet.smawebsite.net/"+v[i].url+"' /></td><td><div class='minititle'>"+v[i].nom+"</div>"+v[i].descripcio+"</td></tr></table>";

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

	document.getElementById('plusButton').style.display = 'none';

	for(var i=from; i<vIMG.length && i<(from + 6); i++)
		{
		var div = document.createElement("div");
		div.className = "miniIMG"
		
		var img = document.createElement("img");
		img.src = "http://shared.smawebsite.net/aspectratio.php?p=gestioclients/"+vIMG[i].url+"&w=90&h=60";
		img.node = vIMG[i];
		img.onclick = function()
			{
			setSelectedIMG(this.parentNode, this.src, this.node.nom, this.node.descripcio);
			}
		if(i == 0)
			{
			setSelectedIMG(div, img.src, vIMG[i].nom, vIMG[i].descripcio);
			}
		if(vIMG.length > 6)
			{
			document.getElementById('plusButton').style.display = 'block';
			document.getElementById('plusButton').node = vIMG;
			if(vIMG.length > (from + 6))
				{
				document.getElementById('plusButton').next = (from + 6);
				}
			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 = '';
	var vObj = Array();
	var i=0;
	
	while(node.parentNode)
		{
		vObj[i] = document.createElement("div");
		vObj[i].className = 'path';
		vObj[i].innerHTML = node.nom+" >";
		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 showNew(idNew){
	$(".notrans").hide();
	options = { to: "#centralNews", className: 'ui-effects-transfer' };
	$("#miniNew_"+idNew).show("transfer", options, 500, setTimeout('$("#new_'+idNew+'").show()', 500));
}