var i = 0;
boucle = null;


//****************************************************************************************************
// DESCRIPTION : Cette procédure effectue l'action associée à un clique sur une case de la carte
// PARAMETRES : id de la case
// RETOUR : aucun.
//****************************************************************************************************
function js_clique_case(id_case, coordonnees)
{
   // Explosion es coordonnees
   var tab_coords = coordonnees.split(",");

   // Détermination des valeurs
   var div_left = tab_coords[0];
   var div_top = tab_coords[1];

   // Position de la carte par l'angle haut gauche
   var x_carte = js_position_element(document.getElementById("carte_mayenne"))[0];
   var y_carte = js_position_element(document.getElementById("carte_mayenne"))[1];

   // Attribution des valeurs au div
	document.getElementById("icone_hotel").style.left = (parseFloat(div_left)+parseFloat(x_carte))+"px";
	document.getElementById("icone_hotel").style.top = (parseFloat(div_top)+(parseFloat(y_carte)))+"px";
   document.getElementById("icone_hotel").style.opacity = 0;
   document.getElementById("icone_hotel").style.filter = 'alpha(opacity=' + 0 + ')';
   document.getElementById("icone_hotel").style.display = "block";

   // Lancement de l'effet
   i = 0;
   clearInterval(boucle);
   var coef = (navigator.appName == "Netscape") ? 50 : 5;
   boucle = setInterval("js_local_transparence()",coef);
}

//****************************************************************************************************
// DESCRIPTION : Effet de transparence sur l'hôtel
// PARAMETRES : aucun
// RETOUR : aucun.
//****************************************************************************************************
function js_local_transparence()
{
   if(i == 10)
   {
      clearInterval(boucle);
   }
   document.getElementById("icone_hotel").style.opacity = (i/10);
   document.getElementById("icone_hotel").style.filter = 'alpha(opacity=' + (i*10) + ')';
   i++;
}

//**********************************************************************************************************************************
// DESCRIPTION : Cette procédure permet de récupérer la position d'un élément sur la page
// PARAMETRES : objet
// RETOUR : tableau(pos x, pos y)
//**********************************************************************************************************************************
function js_position_element(obj)
{
	var curleft = curtop = 0;
	if (obj.offsetParent)
	{
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent)
		{
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}

	return [curleft,curtop];
}