function changeScaleEvent(){

     var myMap = eGV.getMap();
     var scale = myMap.getScale();

     var layerBase = myMap.baseLayer.params.LAYERS;
    // alert(layerBase);

    if( layerBase != "sat250m,sat250m" && layerBase != "orto25m , orto25m"){
    	if (scale < 50000){
    		newBaseLayer = myMap.getConnection("capesICC").olLayer;
       	myMap.setBaseLayer(newBaseLayer);
    	}else{
    		newBaseLayer = myMap.getConnection("capesBaseMDE").olLayer;
       	myMap.setBaseLayer(newBaseLayer);
    	}

    }

}

function layerAdded(){
	//we must enhance this function to get points of 'especies' on the top of the map
	if (eGV.getMap().getConnection('especies')){
		eGV.getMap().raiseLayer(eGV.getMap().getConnection('especies').olLayer,1000);

	}

}

function modifyExtent(strValue){

	var value = strValue.split(";");
	if (value[0] != '-1'){
		var id_feature = value[0];
		loadLlistEspecies(id_feature);
		var myMap = eGV.getMap();
		var bounds = new OpenLayers.Bounds(parseInt(value[1]),parseInt(value[4]),parseInt(value[3]),parseInt(value[2]));
		myMap.zoomToExtent(bounds);

	}else{
		return true;
	}
}
function enableElement(value, element){
	if (value != -1){
		$(element).disabled = false;
	}else{
		$(element).disabled = true;
	}
}
function clearInnerHTML(obj) {
	while(obj.firstChild) obj.removeChild(obj.firstChild);
}
function changeLlenyoses(value)
{
	if(value!=-1 )
	{

			loadInfoLLenyosa(value);
			//zoom to total extent
			var myMap = eGV.getMap();
			var bounds = new OpenLayers.Bounds(258000,4485000,536000,4752000);
    	myMap.zoomToExtent(bounds, true);


			var divTabContent2 = document.getElementById('divTabContent2')
			clearInnerHTML(divTabContent2);
			var divLinksInfo = document.createElement("div");
			divLinksInfo.id = "linksInfo";
			var divImgInfo = document.createElement("div");
			divImgInfo.id ="imgInfo";
			var divImgDescripcio = document.createElement("div");
			divImgDescripcio.id = "imgDescripcio";
			var divImgSrc = document.createElement("div");
			divImgSrc.id = "imgSrc";
			var divGrDesc = document.createElement("div");
			divGrDesc.id = "grafiquesDescripcio";
			divImgInfo.appendChild(divImgDescripcio);
			divImgInfo.appendChild(divImgSrc);
			divImgInfo.appendChild(divGrDesc);

			divTabContent2.appendChild(divLinksInfo);
			divTabContent2.appendChild(divImgInfo);


			var myMap = eGV.getMap();
			var especiesConnection = myMap.getConnection("especies");
			especiesConnection.olLayer.mergeNewParams({"id_especie" : + value});
			especiesConnection.redraw();

	}

}
function  loadHelp()
{
	 var XHR = OpenLayers.Request.POST ({
	    url: serverURL+"/ftp/llenyoses/sections/"+ca.helpFile,
	    data: "petici? ajax per a la bbdd",
	    headers: { "Content-Type": "text/html" },
	    success: loadHelpCallback,
		failure: function(){this.serverFailure()}
	  });
}
function loadHelpCallback(XHR)
{
	var divTabContent2 = document.getElementById('divTabContent2');
	var divHelpContent = document.createElement('div');
	divHelpContent.id = "divHelpContent";

	divHelpContent.innerHTML = XHR.responseText;
	divTabContent2.appendChild(divHelpContent);

}
function  loadFitxes(ruta)
{
	 var XHR = OpenLayers.Request.POST ({
	    url: serverURL+"/ftp/llenyoses/fitxes_html/"+ruta+".HTML",
	    data: "petici? ajax per a la bbdd",
	    headers: { "Content-Type": "text/html" },
	    success: loadFitxesCallback,
		failure: function(){this.serverFailure()}
	  });
}
function loadFitxesCallback(XHR)
{
	var imgSrc = document.getElementById('imgSrc');
	var imgDescripcio = document.getElementById('imgDescripcio');
	var grafiquesDescripcio = document.getElementById('grafiquesDescripcio');
	clearInnerHTML(imgDescripcio);
	clearInnerHTML(imgSrc);
	clearInnerHTML(grafiquesDescripcio);
	imgSrc.innerHTML = XHR.responseText;
	showInfo();
}
function  loadLlistEspecies(value)
{
	 var XHR = OpenLayers.Request.POST ({
	    url: "php/ajaxllenyoses.php",
	    data: "petici? ajax per a la bbdd",
	    params: {op: 'llistespecies', id_feature : value},
	    headers: { "Content-Type": "text/plain" },
	    callback: loadLlistEspeciesCallback
	  });
}
function  loadInfoLLenyosa(value)
{
	 var XHR = OpenLayers.Request.POST ({
	    url: "php/ajaxllenyoses.php",
	    data: "petici? ajax per a la bbdd",
	    params: {op: 'especie', id_especie : value},
	    headers: { "Content-Type": "text/plain" },
	    callback: loadInfoLlenyosaCallback

	  });
}
function serverFailure()
{
	//alert(ca.notfound);
	var pictureDescription = document.getElementById("imgDescripcio");
	clearInnerHTML(pictureDescription);
	var pictureSrc = document.getElementById("imgSrc");
	clearInnerHTML(pictureSrc);
	var p = document.createElement("h4");
	p.appendChild(document.createTextNode(ca.notfound));
	pictureSrc.appendChild(p);

}
function changeLanguage(value)
{
	 var XHR = OpenLayers.Request.POST ({
	    url: "php/ajaxllenyoses.php",
	    data: "petici? ajax per a la bbdd",
	    params: {op: 'viewall',lang : value},
	    headers: { "Content-Type": "text/plain" },
	    callback: changeLanguageCallback
	  });
	  var language = value;
	  function changeLanguageCallback(XHR)
	  {

		 var buffer = "Tria un element;|";

	     buffer += XHR.responseText;


			for (i = $('llenyosa').options.length-1; i >= 0; i--)
			{
				$('llenyosa').remove(i);
			}

		  	var records = buffer.split("|");
		  	for (i=0; i<records.length; i++) {
	          var record = records[i].split(";");
	          var option = new Element('option');
	          option.setProperty("value", record[1]);
			        //alert(language);


			option.appendText(record[0]);

	   		$('llenyosa').adopt(option);
	    	}
	 }

}

function changePicture(src,tipus)
{
	var pictureContainer = document.getElementById("imgSrc");
	clearInnerHTML(pictureContainer);
	var picture = document.createElement("img");
	var p = document.createElement("p");
	picture.src = src;
	pictureContainer.appendChild(picture);
	var pictureDescription = document.getElementById("imgDescripcio");
	var grafiquesDescription = document.getElementById("grafiquesDescripcio");
	clearInnerHTML(pictureDescription);
	clearInnerHTML(grafiquesDescription);
	switch(tipus)
	{
		case 1:
		p.innerHTML = ca.orientacio;
		break
		case 2:
		p.innerHTML = ca.precipitacio;
		break
		case 3:
		p.innerHTML = ca.tipusboscus;
		break
		case 4:
		p.innerHTML = ca.altitud;
		break
		case 5:
		p.innerHTML = ca.temperatura ;
		break
		case 6:
		p.innerHTML = ca.litologia;
		break
		case 7:
		p.innerHTML = ca.pendent;
		break
		case 8:
		p.innerHTML = ca.recobrimentarbori;
		break
		case 9:
		p.innerHTML = ca.recobrimentarbostiu;
		break
		case 10:
		p.innerHTML  = ca.paissatge;
		break
		case 11:
		p.innerHTML  = ca.variaciotopo;
		break
		default:

	}
	pictureDescription.appendChild(p);
	var pg = document.createElement("p");
	pg.innerHTML = ca.grafiques;
	grafiquesDescription.appendChild(pg);

}
function loadInfoLlenyosaCallback(XHR) {

   	 var buffer = XHR.responseText;
	 var values = buffer.split(";");
	 var ruta = values[0];
	 //alert(document.getElementById('language').value);
	 var llenyosa = values[1];
	 if(document.getElementById('language').value==1)
	 {
	 	llenyosa = values[1];
	 }
	 else if(document.getElementById('language').value==2)
	 {
	 	llenyosa = values[2];
	 }

	 //var llenyosa = values[2];
	 //alert(llenyosa);
	 clearInnerHTML(document.getElementById("divTitleLegend"));
	 clearInnerHTML(document.getElementById("divTitleLlenyosa"));
	 clearInnerHTML(document.getElementById("imgDescripcio"));

	 var b = document.createElement("b");
	 document.getElementById("divTitleLegend").appendChild(document.createTextNode(llenyosa));
	 b.appendChild(document.createTextNode(llenyosa));
	 document.getElementById("divTitleLlenyosa").appendChild(b);
	 var imgInfoContent = document.getElementById("imgSrc");
	 var linkInfoContent = document.getElementById("linksInfo");
	 clearInnerHTML(imgInfoContent);
	 clearInnerHTML(linkInfoContent);
	 /* var tableInfo = document.createElement("table");
	 tableInfo.id = "tableInfo";
	 divTabContent2.appendChild(tableInfo);

	 var trInfo = document.createElement("tr");
	 var tdLinks = document.createElement("td");
	 var tdImg = document.createElement("td");
	 tdImg.rowSpan = "2";

	 tableInfo.appendChild(trInfo);

	 tableInfo.appendChild(trInfo);
	 */
	 //alert(ruta);
	 var sbr = document.createElement("br");

	 var imgInfo = document.createElement("img");

	 var orientaciosrc = "img/fitxes/"+ruta+"_archivos/image001.gif";
	 var precipitaciosrc = "img/fitxes/"+ruta+"_archivos/image003.gif";
	 var tipusboscussrc = "img/fitxes/"+ruta+"_archivos/image004.gif";
	 var altitudsrc = "img/fitxes/"+ruta+"_archivos/image005.gif";
	 var amplitudsrc = "img/fitxes/"+ruta+"_archivos/image006.gif";
	 var litologiasrc = "img/fitxes/"+ruta+"_archivos/image007.gif";
	 var pendentsrc = "img/fitxes/"+ruta+"_archivos/image008.gif";
	 var arborisrc = "img/fitxes/"+ruta+"_archivos/image009.gif";
	 var arbustiusrc = "img/fitxes/"+ruta+"_archivos/image010.gif";
	 var paisatgesrc = "img/fitxes/"+ruta+"_archivos/image011.gif";
	 var topograficasrc  = "img/fitxes/"+ruta+"_archivos/image012.gif";
	 var pFitxa  = document.createElement("p");
	 var pOrientacio = document.createElement("p");
	 var pPrecipitacio = document.createElement("p");
	 var pTipusBoscus = document.createElement("p");
	 var pAltitud = document.createElement("p");
	 var pAmplitud = document.createElement("p");
	 var pLitologia = document.createElement("p");
	 var pPendent = document.createElement("p");
	 var pArbori = document.createElement("p");
	 var pArbustiu = document.createElement("p");
	 var pPaisatge = document.createElement("p");
	 var pTopografica = document.createElement("p");

	 var linkFitxa = document.createElement("a");
	 var linkOrientacio = document.createElement("a");
	 var linkPrecipitacio = document.createElement("a");
	 var linkTipusBoscus = document.createElement("a");
	 var linkAltitud  = document.createElement("a");
	 var linkAmplitud  = document.createElement("a");
	 var linkLitologia  = document.createElement("a");
	 var linkPendent = document.createElement("a");
	 var linkArbori = document.createElement("a");
	 var linkArbustiu = document.createElement("a");
	 var linkPaisatge = document.createElement("a");
	 var linkTopografica = document.createElement("a");

	 linkFitxa.href  = "javascript: loadFitxes(\""+ruta+"\");";
	 linkOrientacio.href = "javascript: changePicture(\""+orientaciosrc+"\",1);";
	 linkPrecipitacio.href = "javascript: changePicture(\""+precipitaciosrc+"\",2);";
	 linkTipusBoscus.href = "javascript: changePicture(\""+tipusboscussrc+"\",3);";
	 linkAltitud.href = "javascript: changePicture(\""+altitudsrc+"\",4);";
	 linkAmplitud.href = "javascript: changePicture(\""+amplitudsrc+"\",5);";
	 linkLitologia.href = "javascript: changePicture(\""+litologiasrc+"\",6);";
	 linkPendent.href = "javascript: changePicture(\""+pendentsrc+"\",7);";
	 linkArbori.href = "javascript: changePicture(\""+arborisrc+"\",8);";
	 linkArbustiu.href = "javascript: changePicture(\""+arbustiusrc+"\",9);";
	 linkPaisatge.href = "javascript: changePicture(\""+paisatgesrc+"\",10);";
	 linkTopografica.href = "javascript: changePicture(\""+topograficasrc+"\",11);";

	 pFitxa.appendChild(linkFitxa);
	 pOrientacio.appendChild(linkOrientacio);
	 pPrecipitacio.appendChild(linkPrecipitacio);
	 pTipusBoscus.appendChild(linkTipusBoscus);
	 pAltitud.appendChild(linkAltitud);
	 pAmplitud.appendChild(linkAmplitud);
	 pLitologia.appendChild(linkLitologia);
	 pPendent.appendChild(linkPendent);
	 pArbori.appendChild(linkArbori);
	 pArbustiu.appendChild(linkArbustiu);
	 pPaisatge.appendChild(linkPaisatge);
	 pTopografica.appendChild(linkTopografica);

	 //FITXA
	 linkFitxa.appendChild(document.createTextNode("Fitxa"));
	 linkInfoContent.appendChild(pFitxa);
	 //ORIENTACIO
	 linkOrientacio.appendChild( document.createTextNode("Orientació"));
	 linkInfoContent.appendChild(pOrientacio);
	 //PRECIPITACIO
	 linkPrecipitacio.appendChild( document.createTextNode("Precipitació"));
	 linkInfoContent.appendChild(pPrecipitacio);
	 //TIPUS BOSCUS
	 linkTipusBoscus.appendChild( document.createTextNode("Tipus de boscos"));
	 linkInfoContent.appendChild(pTipusBoscus);


	 //TIPUS ALTITUD
	 linkAltitud.appendChild( document.createTextNode("Altitud"));
	 linkInfoContent.appendChild(pAltitud);

	 //TIPUS AMPLITUD
	 linkAmplitud.appendChild( document.createTextNode("Amplitud tèrmica"));
	 linkInfoContent.appendChild(pAmplitud);

	  //TIPUS LITOLOGIA
	  /*
	 linkLitologia.appendChild( document.createTextNode("Litologia"));
	 linkInfoContent.appendChild(pLitologia);
	 */
	  //TIPUS PENDENT
	 linkPendent.appendChild( document.createTextNode("Pendent"));
	 linkInfoContent.appendChild(pPendent);

	  //TIPUS RECOBRIMENT ARBORI
	 linkArbori.appendChild( document.createTextNode("Recobriment arbori"));
	 linkInfoContent.appendChild(pArbori);

	 //TIPUS RECOBRIMENT ARBUSTIU
	 linkArbustiu.appendChild( document.createTextNode("Recobriment arbustiu"));
	 linkInfoContent.appendChild(pArbustiu);


	 //TIPUS RECOBRIMENT ARBUSTIU
	 linkPaisatge.appendChild( document.createTextNode("Diversitat del paisatge"));
	 linkInfoContent.appendChild(pPaisatge);


	 //TIPUS RECOBRIMENT ARBUSTIU
	 linkTopografica.appendChild( document.createTextNode("Variació topográfica"));
	 linkInfoContent.appendChild(pTopografica);

	 imgInfoContent.appendChild(imgInfo);
	 //alert(ruta);
	 //changePicture(orientaciosrc,1);
	 loadFitxes(ruta);


}

function loadFeatures(value){
	//alert(value);
	  var XHR = OpenLayers.Request.POST ({
	    url: "php/ajaxllenyoses.php",
	    data: "petici? ajax per a la bbdd",
	    params: {op: 'feature', id_feature : value},
	    headers: { "Content-Type": "text/plain" },
	    callback: loadFeaturesCallback
	  });
}

function loadFeaturesCallback(XHR) {
	 //var buffer = "Tria una opció;;;;;|";
	 var buffer ="";
     buffer += XHR.responseText;


		for (i = $('nom_feature').options.length-1; i >= 0; i--)
		{
			$('nom_feature').remove(i);
		}

	  var records = buffer.split("|");
	  for (i=0; i<records.length; i++) {
          var record = records[i].split(";");
          var option = new Element('option');
          option.setProperty("value", record[1]+";"+record[2]+";"+record[3]+";"+record[4]+";"+record[5]);
   				option.appendText(record[0]);
   				$('nom_feature').adopt(option);
    }
}


function loadPois(value){
    if(value!=0){
        var XHR = new OpenLayers.Request.POST ({
                url: "php/ajax.php",
                data: "ajax request to database",
                params: {op: 'pois', id : value},
                headers: { "Content-Type": "text/plain" },
                callback: loadPoisCallback});
    }else{
        var combo = document.getElementById("pois_combo");
        combo.value=0;
    }
}
function loadLlistEspeciesCallback(XHR) {

  	var buffer = XHR.responseText;
	var divLlistEspecies = document.getElementById("idLlistEspecies");
	clearInnerHTML(divLlistEspecies);

	if (buffer){
            var records = buffer.split("|");
            		for (i = 0; i < records.length; i++)
		{
		 //var record = records[i].split(";");

		 var record = records[i].split(";");
		 var link = document.createElement("a");
		 link.href = "javascript: changeLlenyoses("+record[2]+");";
		 link.id = "linkLlenyosa";
		 var text;

		 //alert(record[0]);
		 //alert("prueba");
		 //alert(document.getElementById('language').value);
		 if(document.getElementById('language').value==1 || document.getElementById('language').value==0 )
		 {
		 	 //alert(record[0]);
		 	 text = document.createTextNode(record[0]);
			 //alert(text);
		 }
		 else if(document.getElementById('language').value==2)
		 {
		 	//alert(record[1]);
		 	 text = document.createTextNode(record[1]);
			 //alert(text);
		 }

		 link.appendChild(text);
		 divLlistEspecies.appendChild(link);
		 var br = document.createElement("br");
		 divLlistEspecies.appendChild(br);
		 //alert(records[i]);

		 //alert(record[0]);
		}
        }else{
            var textNotFound = document.createTextNode(ca.llenyosaNotFound);
            divLlistEspecies.appendChild(textNotFound);
        }



}

function loadPoisCallback(response) {
    json = new OpenLayers.Format.JSON();
    var pois = json.read(response.responseText);
    var combo = document.getElementById("pois_combo");

    for(i = combo.options.length-1; i > 0; i--)
        combo.remove(i);

    for(i=0; i < pois.length; i++){
        var option = document.createElement("option");
        option.value = pois[i].id;
        option.text = pois[i].name;
        try {
            combo.add(option,null);
        }catch(error) {
            combo.add(option);
        }
    }
    combo.disabled = false;
}

function centerPoi(poiId){
    loadLocalization(poiId);
}



//these two methods are for obtaining the poi's coordinates from the database using ajax
function loadLocalization(value){
    if(value != 0){
        var XHR = new OpenLayers.Request.POST ({
                url: "php/ajax.php",
                data: "ajax request to database",
                params: {op: 'localization', id : value},
                headers: { "Content-Type": "text/plain" },
                callback: loadLocalizationCallback});
    }else return;

}

function loadLocalizationCallback(response) {
    var json = new OpenLayers.Format.JSON();
    var localization = json.read(response.responseText);
    if(localization){
        MI.showHideLayer(localization.layer_name, true);
        MI.bringPoint2Center(localization.x, localization.y);
    }
}