//fonction qui récupère les coordonnées d'un objet sur la page
//inTYPE = 'Top' ou 'Left' pour les coordonnées en ordonnée et en abscisse
getOffsetPosition = function(id_objet, inTYPE) {
	var iVal = 0;
	var oObj = document.getElementById(id_objet);
	var sType = 'oObj.offset' + inTYPE;
	while (oObj && oObj.tagName != 'BODY') {
		iVal += eval(sType);
		oObj = oObj.offsetParent;
	}
	return iVal;
}

//au chargement de la page on initialise les lieux sur la carte
window.onload = function() {
	//coordonnées de la carte (background du div "lieux")
	var carteTop = getOffsetPosition('lieux', 'Top');
	var carteLeft = getOffsetPosition('lieux', 'Left');

	//Quettehou
	document.getElementById('lieu_qu').style.top = (carteTop + 16) + 'px';
	document.getElementById('lieu_qu').style.left = (carteLeft + 155) + 'px';
	//Surtainville
	document.getElementById('lieu_su').style.top = (carteTop + 30) + 'px';
	document.getElementById('lieu_su').style.left = (carteLeft + 4) + 'px';
	//Houlgate
	document.getElementById('lieu_ho').style.top = (carteTop + 73) + 'px';
	document.getElementById('lieu_ho').style.left = (carteLeft + 280) + 'px';
	//Saint-Fromond
	document.getElementById('lieu_sf').style.top = (carteTop + 70) + 'px';
	document.getElementById('lieu_sf').style.left = (carteLeft + 120) + 'px';
	//Luc-sur-Mer
	document.getElementById('lieu_lm').style.top = (carteTop + 53) + 'px';
	document.getElementById('lieu_lm').style.left = (carteLeft + 188) + 'px';
	//Cerisy-la-Forêt
	document.getElementById('lieu_ce').style.top = (carteTop + 94) + 'px';
	document.getElementById('lieu_ce').style.left = (carteLeft + 73) + 'px';
	//Livry
	document.getElementById('lieu_li').style.top = (carteTop + 102) + 'px';
	document.getElementById('lieu_li').style.left = (carteLeft + 205) + 'px';
	//Barneville-Carteret
	document.getElementById('lieu_bc').style.top = (carteTop + 55) + 'px';
	document.getElementById('lieu_bc').style.left = (carteLeft + 13	) + 'px';
	//Saint-Lô
	document.getElementById('lieu_sl').style.top = (carteTop + 115) + 'px';
	document.getElementById('lieu_sl').style.left = (carteLeft + 100) + 'px';
	//Louvigny
	document.getElementById('lieu_lo').style.top = (carteTop + 97) + 'px';
	document.getElementById('lieu_lo').style.left = (carteLeft + 260) + 'px';
	//Bretteville-sur-Laize
	document.getElementById('lieu_bl').style.top = (carteTop + 119) + 'px';
	document.getElementById('lieu_bl').style.left = (carteLeft + 266) + 'px';
	//Hambye
	document.getElementById('lieu_hy').style.top = (carteTop + 144) + 'px';
	document.getElementById('lieu_hy').style.left = (carteLeft + 88) + 'px';
	//Vimoutiers
	document.getElementById('lieu_vi').style.top = (carteTop + 158) + 'px';
	document.getElementById('lieu_vi').style.left = (carteLeft + 310) + 'px';
	//Brécey
	document.getElementById('lieu_br').style.top = (carteTop + 183) + 'px';
	document.getElementById('lieu_br').style.left = (carteLeft + 163) + 'px';
}

//pour remettre le style d'un élément à son état initial
function raz(id_fils,id_lieu) {
	document.getElementById(id_fils).className = '';
	document.getElementById(id_lieu).className = '';
	document.getElementById(id_lieu).style.color = '';
}

//survol d'une date : met en surbrillance un ensemble et un lieu
function date_hover(id_ens, id_lieu) {
	document.getElementById(id_ens).className = 'ens_a';
	document.getElementById(id_lieu).className = 'lieu_a';
	document.getElementById(id_lieu).style.color = '#FF8800';
}
//survol d'un ensemble : met en surbrillance une date et un lieu
function ens_hover(id_date, id_lieu) {
	document.getElementById(id_date).className = 'date_a';
	document.getElementById(id_lieu).className = 'lieu_a';
	document.getElementById(id_lieu).style.color = '#FF8800';
}
//survol d'un lieu : met en surbrillance une date et un ensemble
function lieu_hover(id_ens, id_date) {
	document.getElementById(id_date).className = 'date_a';
	document.getElementById(id_ens).className = 'ens_a';
}

var a_effacer = "";
var a_effacer2 = "";
function affiche(id) {
	if (a_effacer != "") document.getElementById(a_effacer).style.display = 'none';
	if (a_effacer2 != "") document.getElementById(a_effacer2).style.display = 'none';
	document.getElementById(id).style.display = 'inline';
	a_effacer = id;
	a_effacer2 = "";
}
function affiche2(id, id2) {
	if (a_effacer != "") document.getElementById(a_effacer).style.display = 'none';
	document.getElementById(id).style.display = 'inline';
	document.getElementById(id2).style.display = 'inline';
	a_effacer = id;
	a_effacer2 = id2;
}