var alfa=100;
var seleccio1="0"; //guarda l'estat del combo1
var seleccio2="0"; //guarda l'estat del combo2
var ampliada=false;
var estat="showall";
var release=0; //id release oberta
var posrelease=0; //posició de la release seleccionada a dins de la taula de releases per a moure a anterior i posterior
var posimatge=0; //posició de la imatge seleccionada a dins de la taula d'imatges per a moure a anterior i posterior
var imatges=new Array(); //estructura que guarda les rutes de les imatges de la release que s'ha carregat
var releases=new Array(); //estructura que guarda les ids de les releases de la cerca que s'ha realitzat
var imggoback=new Array(2);

function llistareleases() {
	var x=document.getElementById("esquerra").getElementsByTagName("img");
	releases=null;
	releases=new Array();
	for (i=0;i<x.length;i++) {
		releases[i]=x[i].id.substr(3);
	}
}

function llistaimatges() {
	var x=document.getElementById("esquerra").getElementsByTagName("img");
	imatges=null;
	imatges=new Array();
	for (i=0;i<x.length;i++) {
		imatges[i]=x[i].src;
	}
}

function comprovarPrevNextRelease() {
	if (posrelease==0) {
		document.getElementById("bprevrel").style.visibility="hidden";
	}
	if (posrelease==(releases.length-1)) {
		document.getElementById("bnextrel").style.visibility="hidden";
	}
	if (posrelease>0) {
		document.getElementById("bprevrel").style.visibility="visible";
	}
	if (posrelease<(releases.length-1)) {
		document.getElementById("bnextrel").style.visibility="visible";
	}	
}

function comprovarPrevNextImage() {
	if (posimatge==0) {
		document.getElementById("bprevimg").style.visibility="hidden";
	}
	if (posimatge==(imatges.length-1)) {
		document.getElementById("bnextimg").style.visibility="hidden";
	}
	if (posimatge>0) {
		document.getElementById("bprevimg").style.visibility="visible";
	}
	if (posimatge<(imatges.length-1)) {
		document.getElementById("bnextimg").style.visibility="visible";
	}	
}
//////////////////////////////////////AJAX//////////////////////////////////////
function creaAjax(){
         var objetoAjax=false;
         try {
          /*Para navegadores distintos a internet explorer*/
          objetoAjax = new ActiveXObject("Msxml2.XMLHTTP");
         } catch (e) {
          try {
                   /*Para explorer*/
                   objetoAjax = new ActiveXObject("Microsoft.XMLHTTP");
                   }
                   catch (E) {
                   objetoAjax = false;
          }
         }

         if (!objetoAjax && typeof XMLHttpRequest!='undefined') {
          objetoAjax = new XMLHttpRequest();
         }
         return objetoAjax;
}
function FAjax (url,capa,valores,metodo) {
        var ajax=creaAjax();
        var capaContenedora = document.getElementById(capa);
		/*Creamos y ejecutamos la instancia si el metodo elegido es POST*/
		if(metodo.toUpperCase()=='POST'){
        	ajax.open ('POST', url, true);
        	ajax.onreadystatechange = function() {
         		if (ajax.readyState==1) {
 	               //capaContenedora.innerHTML="<span class=\"resaltar\">Loading.......</span>";
         		}
         		else if (ajax.readyState==4){
                   if(ajax.status==200) {
                        document.getElementById(capa).innerHTML=ajax.responseText;
                   }
                   else if(ajax.status==404) {
	                   //capaContenedora.innerHTML = "<span class=\"resaltar\">La direcció no existeix</span>";
					}
                    else {
                       //capaContenedora.innerHTML = "<span class=\"resaltar\">Error: "+ajax.status+"</span>";
                    }
                 }
         }
         ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
         ajax.send(valores);
         return;
	}
	/*Creamos y ejecutamos la instancia si el metodo elegido es GET*/
	if (metodo.toUpperCase()=='GET') {
        ajax.open ('GET', url, true);
        ajax.onreadystatechange = function() {
         	if (ajax.readyState==1) {
            	//capaContenedora.innerHTML="<span class=\"resaltar\">LOADING.......</span>";
         	}
			else if (ajax.readyState==4) {
            	if(ajax.status==200) {
					document.getElementById(capa).innerHTML=ajax.responseText;
					if (capa=="esquerra") {
						//alert("url: "+url.substr(13,9));
						if (url.substr(13,9)=="idrelease") {
							llistaimatges();
						}
						else {
							llistareleases();
						}
					}
				}
            	else if(ajax.status==404) {
                	//capaContenedora.innerHTML = "<span class=\"resaltar\">La direcció no existeix</span>";
				}
            	else {
					//capaContenedora.innerHTML = "<span class=\"resaltar\">Error: "+ajax.status+"</span>";
            	}
			}
      }
      ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
      ajax.send(null);
      return
	}
}
//////////////////////////////////////AJAX//////////////////////////////////////
function precargaimg() {
	imggoback[0]=new Image();
	imggoback[0].src="back.gif";
	imggoback[1]=new Image();
	imggoback[1].src="back_hover.gif";	
}
function init() {
	seleccio1="0";
	seleccio2="0";
	estat="showall";
	FAjax("dreta.php","dreta","","get");
	FAjax("esquerra.php","esquerra","","get");
	document.getElementById("combo2").style.display="none";
	document.getElementById("combo2").selectedIndex=0;
	document.getElementById("dreta").scrollTop=0; //scroll adalt de tot
	document.getElementById("divsort2").innerHTML="<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0' width='580' height='50'><param name='movie' value='sort2.swf?var1=Data' /><param name='quality' value='high' /><param name='wmode' value='transparent' /><embed src='sort2.swf?var1=Data' width='580' height='50' quality='high' pluginspage='http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' wmode='transparent'/></object>";
}
function maininit() {
	precargaimg();
	init();
	if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
 		var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
	}
	if (ieversion<=6) {
  		alert("Your web browser can not display the web page properly. Use another browser or upgrade to Internet Explorer 7.x or higher");
	}
}
function entragoback() {
	document.getElementById("backimg").src=imggoback[1].src;
}
function surtgoback() {
	document.getElementById("backimg").src=imggoback[0].src;
}
function entragoback1() {
	document.getElementById("backimg1").src=imggoback[1].src;
}
function surtgoback1() {
	document.getElementById("backimg1").src=imggoback[0].src;
}
function selecciorelease(id,posicio) {
	document.getElementById("ampliada").style.visibility="hidden";
	posrelease=posicio;
	/*
	if ((estat=="showall")||(estat=="orderby")||(estat=="release")) {
		var capa=document.getElementById("dretisima");
		var contingut=document.getElementById("dreta").innerHTML;
		document.getElementById("dreta").innerHTML="";
		if (estat!="release") {
			capa.innerHTML="<br />"+contingut; //canvi de columnes
		}
		
		var elements = capa.getElementsByTagName("span");
		for (var m=0;m<elements.length;m++) {
			if (elements[m].id.substr(0,5)=="titol") {
				elements[m].style.color="#999999";
			}
		}
	}
	*/
	FAjax("dreta.php?idrelease="+id+"&posrelease="+posrelease+"&totalreleases="+releases.length,"dreta","","get");
	FAjax("esquerra.php?idrelease="+id,"esquerra","","get");
	/*
	if ((estat=="showall")||(estat=="orderby")||(estat=="release")) {
		var objectiu = document.getElementById("titol"+id);
		objectiu.style.color="#000000";
	}
	*/
	release=id;
	estat="release";
	/*
	comprovarPrevNextRelease();
	alert("posrelease: "+posrelease);
	*/
	/*
	if (posrelease==0) {
		document.getElementById("bprevrel").style.visibility="hidden";
	}
	if (posrelease==(releases.length-1)) {
		document.getElementById("bnextrel").style.visibility="hidden";
	}
	if (posrelease>0) {
		document.getElementById("bprevrel").style.visibility="visible";
	}
	if (posrelease<(releases.length-1)) {
		document.getElementById("bnextrel").style.visibility="visible";
	}
	*/
}
function minitext(id) {
	//var textselec=document.getElementById("parraf"+id);
	//textselec.style.display="";
	//document.location.href="#parraf"+id;
}
function tancaminitext(id) { //substitueix per estil invisible
	/*
	var textselec=document.getElementById("parraf"+id);
	textselec.style.display="none";
	*/
}
function iniciarreduccioalfa(id) {
	minitext(id);
	var imatgex=document.getElementById("img"+id);
	imatgex.style.opacity=.50;
	//imatgex.filters.alpha.opacity=50; //IE
	imatgex.style.filter='alpha(opacity=50)'; //IE
}
function iniciaraugmentalfa(id) {
	tancaminitext(id);
	var imatgex=document.getElementById("img"+id);
	imatgex.style.opacity=1;
	//imatgex.filters.alpha.opacity=100; //IE
	imatgex.style.filter='alpha(opacity=100)'; //IE
}
function acciocombo1(valor) {
	//document.getElementById("dretisima").innerHTML="";
	seleccio1=valor;
	document.getElementById("ampliada").style.visibility="hidden";
	if (valor=="0") {
		init();
	}
	else {
		document.getElementById("combo2").style.display="";
		FAjax("dreta.php","dreta","","get");
		FAjax("esquerra.php","esquerra","","get");
		estat="orderby";
		document.getElementById("dreta").scrollTop=0; //scroll adalt de tot
	}
}
function acciocombo2(valor) {
	document.getElementById("ampliada").style.visibility="hidden";
	//document.getElementById("dretisima").innerHTML="";
	if (seleccio1=="1") {
		seleccio2=valor;
		estat="orderby";
		if (valor=="0") {
			FAjax("dreta.php","dreta","","get");
			FAjax("esquerra.php","esquerra","","get");
			document.getElementById("divsort2").innerHTML="<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0' width='580' height='50'><param name='movie' value='sort2.swf?var1=Data' /><param name='quality' value='high' /><param name='wmode' value='transparent' /><embed src='sort2.swf?var1=Data' width='580' height='50' quality='high' pluginspage='http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' wmode='transparent'/></object>";
		}
		else {
			FAjax("dreta.php?idkeyword="+valor,"dreta","","get");
			FAjax("esquerra.php?idkeyword="+valor,"esquerra","","get");
			var combo=document.getElementById("combo2");
			document.getElementById("divsort2").innerHTML="<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0' width='580' height='50'><param name='movie' value='sort2.swf?var1="+escape(combo.options[combo.selectedIndex].text)+"' /><param name='quality' value='high' /><param name='wmode' value='transparent' /><embed src='sort2.swf?var1="+escape(combo.options[combo.selectedIndex].text)+"' width='580' height='50' quality='high' pluginspage='http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' wmode='transparent'/></object>";
		}
		//document.getElementById("dreta").scrollTop=0; //scroll adalt de tot
	}
}
function imatgeanterior() {
	if (estat=="imatge") {
		if (posimatge>0) {
			posimatge--;
			var imatgeampliacio=document.getElementById("imgampliada");
			var img = new Image();
		    img.src =imatges[posimatge]; //imatges porta la ruta completa de la imatge
			var raspecte=(img.width/img.height);
			imatgeampliacio.src=img.src;
			comprovarPrevNextImage();
			/*
			if (posimatge>0){
				document.getElementById("bprevimg").style.visibility="visible";
			}
			else {
				document.getElementById("bprevimg").style.visibility="hidden";
			}
			*/
			/*
			if (raspecte>=1) { //imatge ampla
				imatgeampliacio.width=590;
				imatgeampliacio.height=(590/raspecte);
				if (imatgeampliacio.height>330) {
					imatgeampliacio.height=330;
					imatgeampliacio.width=(330*raspecte);
				}
			}
			else { //imatge alta
				imatgeampliacio.height=330;
				imatgeampliacio.width=(330*raspecte);
				if (imatgeampliacio.width>590) {
					imatgeampliacio.width=590;
					imatgeampliacio.height=(590/raspecte);
				}
			}
			*/
		}
		/*
		else {
			document.getElementById("bprevimg").style.visibility="hidden";
		}
		*/
	}
}
function imatgeposterior() {
	if (estat=="imatge") {
		if (posimatge<(imatges.length-1)) {
			posimatge++;
			var imatgeampliacio=document.getElementById("imgampliada");
			var img = new Image();
		    img.src =imatges[posimatge]; //imatges porta la ruta completa de la imatge
			var raspecte=(img.width/img.height);
			imatgeampliacio.src=img.src;
			comprovarPrevNextImage();
			/*
			if (posimatge>0){
				document.getElementById("bprevimg").style.visibility="visible";
			}
			else {
				document.getElementById("bprevimg").style.visibility="hidden";
			}
			*/
			/*
			if (raspecte>=1) { //imatge ampla
				imatgeampliacio.width=590;
				imatgeampliacio.height=(590/raspecte);
				if (imatgeampliacio.height>330) {
					imatgeampliacio.height=330;
					imatgeampliacio.width=(330*raspecte);
				}
			}
			else { //imatge alta
				imatgeampliacio.height=330;
				imatgeampliacio.width=(330*raspecte);
				if (imatgeampliacio.width>590) {
					imatgeampliacio.width=590;
					imatgeampliacio.height=(590/raspecte);
				}
			}
			*/
		}
		else {
			document.getElementById("bnextimg").style.visibility="hidden";
		}
	}
}
function releaseanterior() {
	if (estat=="release") {
		if (posrelease>0) {
			posrelease--;
			release=releases[posrelease];
			selecciorelease(releases[posrelease],posrelease);
			//comprovarPrevNextRelease();
			/*
			if (posrelease<releases.length-1){
				document.getElementById("bnextrel").style.visibility="visible";
			}
			else {
				document.getElementById("bnextrel").style.visibility="hidden";
			}
			*/
		}
		/*
		else {
			document.getElementById("bprevrel").style.visibility="hidden";
		}
		*/
	}
}
function releaseposterior() {
	if (estat=="release") {
		if (posrelease<(releases.length-1)) {
			posrelease++;
			release=releases[posrelease];
			selecciorelease(releases[posrelease],posrelease);
			//comprovarPrevNextRelease();
			/*
			if (posrelease>0){
				document.getElementById("bprevrel").style.visibility="visible";
			}
			*/
		}
		/*
		else {
			document.getElementById("bnextrel").style.visibility="hidden";
		}
		*/
	}
}
function ampliarimatge(ruta,enllas,posicio) {
	posimatge=posicio;
	estat="imatge";
	document.getElementById("esquerra").innerHTML="<br /><br /><br /><br />";
	var imatgeampliacio=document.getElementById("imgampliada");
	var img = new Image();
    img.src ="./imatges/"+ruta;
	var raspecte=(img.width/img.height);
	imatgeampliacio.src="./imatges/"+ruta;
	comprovarPrevNextImage();
	/*
	if (posimatge==0) {
		document.getElementById("bprevimg").style.visibility="hidden";
	}
	if (posimatge==(imatges.length-1)) {
		document.getElementById("bnextimg").style.visibility="hidden";
	}
	if (posimatge>0) {
		document.getElementById("bprevimg").style.visibility="visible";
	}
	if (posimatge<(imatges.length-1)) {
		document.getElementById("bnextimg").style.visibility="visible";
	}
	*/
	/*
	if (raspecte>=1) { //imatge ampla
		imatgeampliacio.width=590;
		imatgeampliacio.height=(590/raspecte);
		if (imatgeampliacio.height>330) {
			imatgeampliacio.height=330;
			imatgeampliacio.width=(330*raspecte);
		}
	}
	else { //imatge alta
		imatgeampliacio.height=330;
		imatgeampliacio.width=(330*raspecte);
		if (imatgeampliacio.width>590) {
			imatgeampliacio.width=590;
			imatgeampliacio.height=(590/raspecte);
		}
	}
	*/
	document.getElementById("ampliada").style.visibility="visible";
	document.getElementById("controlimg").style.display=""; //mostra control navegació imatges(1)
	document.getElementById("controlsimg").style.display=""; //mostra control navegació imatges(2)
	if (enllas!=false) {
		var esepopup=window.open(enllas,enllas,'',false);
	}
}
function reduirimatge() {
	var imatgeampliacio=document.getElementById("imgampliada");
	document.getElementById("ampliada").style.visibility="hidden";
	imatgeampliacio.src="";
}
function goback() {
	//tornar a l'estat anterior
	switch (estat) {
		case ("showall"):
			break;
		case ("orderby"):
			document.getElementById("combo1").value="0";
			init();
			break;
		case ("release"):
			if (seleccio1=="0") {
				init();
			}
			else {
				document.getElementById("combo1").value="1";
				acciocombo2(seleccio2);
			}
			//document.getElementById("dretisima").innerHTML="";
			break;
		case ("imatge"):
			reduirimatge();
			selecciorelease(release,posrelease);
			break;
	}
	
}
function clicentag(id) {
	seleccio1="1";
	document.getElementById("combo1").value="1";
	if (document.getElementById("combo2").style.display=="none") {
		document.getElementById("combo2").style.display="";
	}
	document.getElementById("combo2").value=id;
	acciocombo2(id);
}
function orderbydate() {
	//acciocombo1(0);
	seleccio1="1";
	document.getElementById("combo1").value="1";
	if (document.getElementById("combo2").style.display=="none") {
		document.getElementById("combo2").style.display="";
	}
	document.getElementById("combo2").value="0";
	acciocombo2(0);
}