function init(){
	
	//Per a cada enllac de l'imagemap, afegim la funcionalitat del tooltip
	var mapa = document.getElementById("cameres");
	var llista_arees = mapa.getElementsByTagName("AREA");
	for(var i=0; i<llista_arees.length; i++){
		//Modifiquem els areas...
		llista_arees[i].onmouseover = function() { cameraOver(this) };
		llista_arees[i].onmouseout = function() { cameraOut(this) };
		llista_arees[i].onfocus = function() { cameraOver(this) };
		llista_arees[i].onblur = function() { cameraOut(this) };		
	}	
	
	//Creem i afegim el div encarregat de mostrar el ToolTip
	var popupDiv = document.createElement('DIV');
	var divCameres = document.getElementById("mapa_cameres");
	popupDiv.id = "dataPopUp";
	popupDiv.visibility = 'hidden';
	divCameres.appendChild(popupDiv);
	
}

function selectCamera(obj) {
	var llistaCameres = document.getElementById("llistat_cameres");
	var cameraItems = llistaCameres.getElementsByTagName("LI");
	
	for (var i=0; i<cameraItems.length; i++) {
		var enllac = cameraItems[i].getElementsByTagName("A")[0];
		if (enllac==obj) { 
			obj.className = "seleccionada";
		} 
		else {
			enllac.className = "";
		}
	}
}


function cameraOver(obj) {
	var popupDiv = document.getElementById("dataPopUp");
	popupDiv.innerHTML = '<p><strong>' + obj.alt + '</strong></p>';
	popupDiv.style.visibility = 'visible';
}

function cameraOut(obj) {
	var popupDiv = document.getElementById("dataPopUp");
	popupDiv.style.visibility = 'hidden';
}