// JavaScript Document
wPlage = {
	initialize:function(idZone){
		if($('ListPlages') && $('ListZones')){
			this.originalTitre = $('titreCarte').innerHTML;
			this.setLink();
			if(idZone){
				this.getVilles(idZone);
				this.setImageCarte(idZone);
			}
		}
	},
	setLink:function(){
		var lesMontagnes = $('ListPlages').getElementsBySelector("li");
		//alert(lesMontagnes.length);
		for(cptMontagnes = 0;cptMontagnes<lesMontagnes.length;cptMontagnes++){
			var aLink = lesMontagnes[cptMontagnes].getElementsBySelector("a")[0];
			var idZone = aLink.id;
			aLink.observe('click',function(event){
			   var element = Event.element(event);
			   this.getVilles(element.id);
			   this.setImageCarte(element.id);
		   }.bind(this));
		}
	},
	getVilles:function(idZone){
	    var elSelect = searchElement("id_reg","select");
	    if(elSelect != null){
		if($(elSelect.id)){
			    switch (idZone){
				    case '12' : 
					     document.getElementById(elSelect.id).selectedIndex = 9;
					     changer_region('recherche_1',1);
					     break;
				    case '7' :
					    document.getElementById(elSelect.id).selectedIndex = 17;
					    changer_region('recherche_1',1);
					    break;
				    case '8' :
					    document.getElementById(elSelect.id).selectedIndex = 18;
					    changer_region('recherche_1',1);
					    break;
				    case '9' :
					    document.getElementById(elSelect.id).selectedIndex = 7;
					    changer_region('recherche_1',1);
					    break;
				    case '10' :
					    document.getElementById(elSelect.id).selectedIndex = 6;
					    changer_region('recherche_1',1);
					    break;
				    case '11' :
					    document.getElementById(elSelect.id).selectedIndex = 10;
					    changer_region('recherche_1',1);
					    break;
			    }
		    }
		}
		new Ajax.Request("/webservices/getVillesZoneGeo.aspx",{
			method:'get',
			parameters:'idZone='+idZone,
			onComplete:function(result){
				this.built(result.responseText);
			}.bind(this)
		});
	},
	built:function(dataPlage){
		var dataStation = eval('('+dataPlage+')');
		var allUl = $('ListZones').getElementsBySelector("ul");
		// on supprime les uls..
		for(cpt=0;cpt<allUl.length;cpt++){
			allUl[cpt].remove();
		}
		// ajoute le titre
		$('titreCarte').innerHTML = this.originalTitre+dataStation.nomZone;
		
		var ul = document.createElement("ul");
		
		// si des villes
		if(dataStation.total>0){
			villesNeige = dataStation.data;				
			for(cptVille = 0;cptVille<villesNeige.length;cptVille++){
				var li = document.createElement("li");
				var a = document.createElement("a");
				a.setAttribute("href",villesNeige[cptVille].url);
				var aText = document.createTextNode(villesNeige[cptVille].nom);
				a.appendChild(aText);
				li.appendChild(a);
				ul.appendChild(li);
			}
		}
		else{
			//-> Mis en place du text par défaut
			//alert(dataStation.defaultText);
			var li = document.createElement("li");
			var liText = document.createTextNode(dataStation.defaultText);
			li.appendChild(liText);
			ul.appendChild(li);
		}
		// ajout d'un div cleaner
		var divCleaner = document.createElement("div");
		divCleaner.setAttribute("class","clear");
		ul.appendChild(divCleaner);
		$('ListZones').appendChild(ul);
	},
	//-> modifie l'image de la carte
	setImageCarte:function(idZone){
		if($('cartePlage')){
			var carte = $('cartePlage').getElementsBySelector('img')[0];
			carte.setAttribute("src","/library/img/plages/"+idZone+".png");			
		}
	}
}