Event.observe(window, 'load', startMap);

function startMap() {
	
	//Observe su punto mappa
	var myPoint = document.getElementsByClassName('pointBullet');
		for (i=0; i < myPoint.length ; i++  ) {
			Event.observe(myPoint[i], 'mouseover' , mapSkills.Over.bindAsEventListener(mapSkills,myPoint[i].id));
			Event.observe(myPoint[i], 'mouseout' , mapSkills.Out.bindAsEventListener(mapSkills,myPoint[i].id));
		}

	//Observe su elemento lista
	var myList = document.getElementsByClassName('elementList');
		for (i=0; i < myList.length ; i++  ) {
			Event.observe(myList[i], 'mouseover' , listSkills.Over.bindAsEventListener(listSkills,myList[i].id));
			Event.observe(myList[i], 'mouseout' , listSkills.Out.bindAsEventListener(listSkills,myList[i].id));
		}
}

var mapSkills = {

	Over: function(event,idPunto) {
			var myPoint = idPunto.split("_")[1];
			var myList = $("List_"+myPoint);

			//Accendo la label del punto
			$("Label_"+myPoint).style.visibility='visible';
			
			//Accendo la voce in Lista Località
			if (myList){
				myList.removeClassName("OFF");
				myList.addClassName("ON");
			}
		},
	
	Out: function(event,idPunto) {
			var myPoint = idPunto.split("_")[1];
			var myList = $("List_"+myPoint);
			
			//Spengo la label del punto
			$("Label_"+myPoint).style.visibility='hidden';
			
			//Spengo la voce in Lista Località
			if (myList){
				myList.removeClassName("ON");
				myList.addClassName("OFF");
			}
		}	
}//mapSkills

var listSkills = {

	Over: function(event,idLista) {
			var myList = idLista.split("_")[1];
			var myPoint = $("Label_"+myList);
			
			//Accendo la voce in Lista Località
			$("List_"+myList).removeClassName("OFF");
			$("List_"+myList).addClassName("ON");

			//Accendo la label del punto
			if (myPoint){
				myPoint.style.visibility='visible';
			}
		},
	
	Out: function(event,idLista) {
			var myList = idLista.split("_")[1];
			var myPoint = $("Label_"+myList);

			//Spengo la voce in Lista Località
			$("List_"+myList).removeClassName("ON");
			$("List_"+myList).addClassName("OFF");

			//Accendo la label del punto
			if (myPoint){
				myPoint.style.visibility='hidden';
			}
		}	
}//listSkills