/* ----------------------------------- Fonctions générales ----------------------------------------------------- */
// Fonction qui retourne la taille de la page affichée avec la résolution d'ecran et le scrolling
function LAY_TaillePage()
{
	var xScroll, yScroll;
	if (window.innerHeight && window.scrollMaxY) 
	{	
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	}
	else if (document.body.scrollHeight > document.body.offsetHeight)
	{
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	}
	else 
	{
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	var windowWidth, windowHeight;
	if (self.innerHeight) 
	{
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight) 
	{
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	}
	else if (document.body) 
	{
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}
	// Hauteur totale < Hauteur fen. visualisation
	if(yScroll < windowHeight)
	{
		pageHeight = windowHeight;
	}
	else
	{ 
		pageHeight = yScroll;
	}
	// Largeur totale < Largeur fen. visualisation
	if(xScroll < windowWidth)
	{	
		pageWidth = windowWidth;
	}
	else 
	{
		pageWidth = xScroll;
	}
	var posScroll;
	if (self.pageYOffset) 
	{
		posScroll = self.pageYOffset;
	} 
	else if (document.documentElement.scrollTop)
	{
		posScroll = document.documentElement.scrollTop;
	} 
	else if (document.body) 
	{
		posScroll = document.body.scrollTop;
	}
	arrayTaillePage = new Array(pageWidth,pageHeight,windowWidth,windowHeight,posScroll);
//	alert("Taille page:"+pageWidth+"x"+pageHeight+"\nTaille fenetre:"+windowWidth+"x"+windowHeight);
	return arrayTaillePage;
}
// Masquage des fenetres layer
function LAY_cache_fenetre()
{
	var corps = document.getElementsByTagName('body').item(0);
	if (document.getElementById("container") && document.getElementById("fen_ville"))
		LAY_fondnoir(corps,100,2);
	else if (document.getElementById("container") && document.getElementById("fen_tourisme"))
		LAY_fondnoir(corps,100,2);
	else if (document.getElementById("fondnoir"))
		corps.removeChild(document.getElementById('fondnoir'));
	if (document.getElementById("fenetre"))
		corps.removeChild(document.getElementById("fenetre"));
	if (document.getElementById("fen_ville") && (!document.getElementById("container")))
	{
		corps.removeChild(document.getElementById("fen_ville"));
		LAY_ajout_lien_photos("ph_loc");
		clearTimeout(slide_timeout);
		diapo_en_cours = false;
	}
	if (document.getElementById("fen_tourisme") && (!document.getElementById("container")))
	{
		corps.removeChild(document.getElementById("fen_tourisme"));
		LAY_ajout_lien_photos("ph_loc");
		clearTimeout(slide_timeout);
		diapo_en_cours = false;
	}
	if (document.getElementById("deconnexion"))
	{	
		corps.removeChild(document.getElementById('deconnexion'));
		document.location.href = "http://www.gites-montagne.com";
	}

	if (document.getElementById("container"))
	{
		corps.removeChild(document.getElementById('container'));
		if (document.getElementById('legende')) 
			corps.removeChild(document.getElementById('legende')); 
		clearTimeout(slide_timeout);
		diapo_en_cours = false;
	}
}
// Creation du fond noir
function LAY_fondnoir(lebody,hauteur,zindex)
{
	if (!document.getElementById('fondnoir')) 
	{
		var fond = document.createElement('a');
		fond.setAttribute('id', 'fondnoir');
		fond.style.width = '100%';
		fond.style.height = hauteur+'px';
		if (zindex < 3) // Cas d'un sur-fond
			fond.onclick = function() { LAY_cache_fenetre(); return false; }
		else
			fond.onclick = "";
		fond.style.zIndex = zindex;
		lebody.appendChild(fond);
	}
	else
	{
		fond = document.getElementById('fondnoir');
		if (fond.style.zIndex != zindex)
			fond.style.zIndex = zindex;
		if (zindex < 3) // Cas d'un sur-fond
			fond.onclick = function() { LAY_cache_fenetre(); return false; }
		else
			fond.onclick = "";
	}
}
// Creation du bouton de fermeture
function LAY_boutonferme(fenetre,haut,droite)
{
	if (!document.getElementById('ferme')) 
	{
		var ferme = document.createElement('a');
		ferme.setAttribute('id', 'ferme');
		ferme.onclick = function() { LAY_cache_fenetre(); return false; }
		ferme.style.top = haut + 'px';
		ferme.style.right = droite + 'px';
		ferme.style.zIndex = 6;
		ferme.style.display = "block";
		fenetre.appendChild(ferme);
	}
}
/* ----------------------------------- Fonctions de création des layers ----------------------------------------------------- */
// Creation d'une fenetre de conversion des coordonnées GPS
function LAY_new_conversiongps()
{
	var le_body = document.getElementsByTagName('body').item(0);
	var page = LAY_TaillePage();
	LAY_fondnoir(le_body,page[1],2);
	if (!document.getElementById('fenetre')) 
	{
		var fenetre = document.createElement('div');
		fenetre.setAttribute('id', 'fenetre');
		fenetre.style.width = '560px';
		fenetre.style.top = '80px';
		fenetre.style.left = parseInt((page[2]-560) / 2) + 'px';
		fenetre.style.zIndex = 3;
		fenetre.style.position = "absolute";
		le_body.appendChild(fenetre);
	}
	else
		fenetre = document.getElementById('fenetre');

	fen  = '<div class="encadre"><div class="titre">Conversion de coordonnée GPS - Format d\'entrée = 23°45\'67.87" Est</div>';
	fen += '<div class="contenu"><form name="form"><table style="width:540px;"><tr>';
	fen += '<td style="width:270px;">Degrés (°): </td><td style="width:270px;"><input type="text" class="fondgris" name="deg" /></td></tr><tr>';
	fen += '<td>Minutes (\'): </td><td><input type="text" class="fondgris" name="min" /></td></tr><tr>';
	fen += '<td>Secondes ("): </td><td><input type="text" class="fondgris" name="sec" /></td></tr><tr>';
	fen += '<tr><td><input type="radio" name="opcdn" checked="checked" onclick="document.form.cdn.value = 1" />Nord';
	fen += '<input type="radio" name="opcdn" onclick="document.form.cdn.value = -1" />Sud';
	fen += '<input type="radio" name="opcdn" onclick="document.form.cdn.value = 1" />Est';
	fen += '<input type="radio" name="opcdn" onclick="document.form.cdn.value = -1" />Ouest';
	fen += '<input type="hidden" name="cdn" value="1" /></td><td>';
	fen += '<input type="button" value="Convertir" ';
	fen += 'onclick="javascript:document.getElementById(\'div_res_conv\').style.display = \'block\'; ';
	fen += 'document.form.decimal.value = (parseInt(parseInt(document.form.cdn.value) * (parseInt(document.form.deg.value) + (((60 * parseInt(document.form.min.value)) + parseFloat(document.form.sec.value)) / 3600)) * 1000000) / 1000000)"';
	fen += ' /></td></tr></table>';
	fen += '<div id="div_res_conv" style="display:none">Valeur convertie : <input type="text" name="decimal"/>';
	fen += '<input type="button" value="Copier vers Latitude" onclick="javascript:document.maj_location.Latitude.value = document.form.decimal.value; LAY_cache_fenetre();" />';
	fen += '<input type="button" value="Copier vers Longitude" onclick="javascript:document.maj_location.Longitude.value = document.form.decimal.value; LAY_cache_fenetre();" />';
	fen += '</div></form></div></div>';

	fenetre.innerHTML = fen;
	fenetre.style.display = "block";
	LAY_boutonferme(fenetre,20,20);
}
// Creation d'une fenetre de placement GPS d'une annonce
function LAY_new_placement(latitude,longitude)
{
	var le_body = document.getElementsByTagName('body').item(0);
	var page = LAY_TaillePage();
	LAY_fondnoir(le_body,page[1],2);
	if (!document.getElementById('fenetre')) 
	{
		var fenetre = document.createElement('div');
		fenetre.setAttribute('id', 'fenetre');
		fenetre.style.width = '560px';
		fenetre.style.top = '20px';
		fenetre.style.left = parseInt((page[2]-560) / 2) + 'px';
		fenetre.style.zIndex = 3;
		fenetre.style.position = "absolute";
		le_body.appendChild(fenetre);
	}
	else
		fenetre = document.getElementById('fenetre');

	fen  = '<div class="encadre"><div class="titre">Placement de votre annonce ...</div>';
	fen += '<div class="contenu">';
	fen += '<div id="map" style="width:526px; height:400px;" align="left"></div>';
	fen += '<form name="loc_gmap"><input type="hidden" name="lat" /><input type="hidden" name="lng" /></form>';
	fen += '<p align="center"><input type="button" value="Valider le placement" onclick="document.maj_location.Latitude.value = document.loc_gmap.lat.value; document.maj_location.Longitude.value = document.loc_gmap.lng.value; LAY_cache_fenetre();" /></p>';
	fen += '</div></div>';
	fenetre.innerHTML = fen;
	fenetre.style.display = "block";
	LAY_boutonferme(fenetre,14,15);
	ggl_carte_place_location(latitude,longitude);
}
// Creation d'une fenetre de visualisation des details d'une ville
function LAY_new_ville(contenu)
{
	var le_body = document.getElementsByTagName('body').item(0);
	var page = LAY_TaillePage();
	LAY_fondnoir(le_body,page[1],2);
	if (!document.getElementById('fen_ville')) 
	{
		var fenetre = document.createElement('div');
		fenetre.setAttribute('id', 'fen_ville');
		fenetre.style.zIndex = 3;
		fenetre.style.position = "absolute";
		le_body.appendChild(fenetre);

	}
	else
		fenetre = document.getElementById('fen_ville');
	fenetre.style.width = '830px';
	fenetre.style.left = parseInt((page[2]-830) / 2) + 'px';
	fenetre.style.top = page[4] + 40 + 'px';
	fenetre.innerHTML = contenu;
	fenetre.style.display = "block";
	LAY_boutonferme(fenetre,20,20);
	LAY_ajout_lien_photos("ph_vil");
}
// Creation d'une fenetre de visualisation des details d'une ville
function LAY_new_tourisme(contenu)
{
	var le_body = document.getElementsByTagName('body').item(0);
	var page = LAY_TaillePage();
	LAY_fondnoir(le_body,page[1],2);
	if (!document.getElementById('fen_tourisme')) 
	{
		var fenetre = document.createElement('div');
		fenetre.setAttribute('id', 'fen_tourisme');
		fenetre.style.zIndex = 3;
		fenetre.style.position = "absolute";
		le_body.appendChild(fenetre);

	}
	else
		fenetre = document.getElementById('fen_tourisme');
	fenetre.style.width = '830px';
	fenetre.style.left = parseInt((page[2]-830) / 2) + 'px';
	fenetre.style.top = page[4] + 40 + 'px';
	fenetre.innerHTML = contenu;
	fenetre.style.display = "block";
	LAY_boutonferme(fenetre,20,20);
	LAY_ajout_lien_photos("ph_tou");
}
// Creation d'une fenetre d'avertissement
function LAY_new_avertissement(message)
{
	var le_body = document.getElementsByTagName('body').item(0);
	var page = LAY_TaillePage();
	LAY_fondnoir(le_body,page[1],2);
	if (!document.getElementById('fenetre')) 
	{
		var fenetre = document.createElement('div');
		fenetre.setAttribute('id', 'fenetre');
		fenetre.style.width = '415px';
		fenetre.style.top = parseInt((page[3]-200)/2) + 'px';
		fenetre.style.left = parseInt((page[2]-400) / 2) + 'px';
		fenetre.style.zIndex = 3;
		fenetre.style.position = "absolute";
		le_body.appendChild(fenetre);
	}
	else
		fenetre = document.getElementById('fenetre');
	fen  = '<div class="boite"><div class="titre">Avertissement ...</div>';
	fen += '<div class="contenu">' + message ;
	fen += '<br /><br /><a href="#" onclick="avert = false; LAY_cache_fenetre();">Fermer</a></div>';
	fenetre.innerHTML = fen;
	fenetre.style.display = "block";
	window.setTimeout(LAY_cache_fenetre, 5000);	
}
// Creation d'une fenetre d'avertissement
function LAY_new_info_classement()
{
	var le_body = document.getElementsByTagName('body').item(0);
	var page = LAY_TaillePage();
	LAY_fondnoir(le_body,page[1],2);
	if (!document.getElementById('fenetre')) 
	{
		var fenetre = document.createElement('div');
		fenetre.setAttribute('id', 'fenetre');
		fenetre.style.width = '560px';
		fenetre.style.top = parseInt(page[4] + 40) + 'px';
		fenetre.style.left = parseInt((page[2]-400) / 2) + 'px';
		fenetre.style.zIndex = 3;
		fenetre.style.position = "absolute";
		le_body.appendChild(fenetre);
	}
	else
		fenetre = document.getElementById('fenetre');

	fen  = '<div class="encadre"><div class="titre">Classement des meublés de tourisme</div>';
	fen += '<div class="contenu">';
	fen += '<table style="width:520px;">';
	fen += '<tr><td style="width:70px;" class="normal">1 étoile</td>';
	fen += '<td style="width:90px;"><img src="../ressources_communes/images/autres/etoile.gif" /></td>';
	fen += '<td style="width:360px;" class="normal"><b>Catégorie Normale : </b><br />Equipement simple et en bon état. <br />Chauffage et sanitaire complet, literie impeccable, cuisine ou coin cuisine.</td>';
	fen += '</tr><tr><td class="normal">2 étoiles</td>';
	fen += '<td><img src="../ressources_communes/images/autres/etoile.gif" /><img src="../ressources_communes/images/autres/etoile.gif" /></td>';
	fen += '<td class="normal"><b>Catégorie Confortable : </b><br />Mobilier en excellent état.<br />Salle d\'eau avec douche ou baignoire. Salle ou coin séjour.<br />Prise d\'antenne TV et Four.</td>';
	fen += '</tr><tr><td class="normal">3 étoiles</td>';
	fen += '<td><img src="../ressources_communes/images/autres/etoile.gif" /><img src="../ressources_communes/images/autres/etoile.gif" /><img src="../ressources_communes/images/autres/etoile.gif" /></td>';
	fen += '<td class="normal"><b>Catégorie Très Confortable : </b><br />Téléphone, Télévision et Lave-Vaisselle selon capacité</td>';
	fen += '</tr><tr><td class="normal">4 étoiles</td>';
	fen += '<td><img src="../ressources_communes/images/autres/etoile.gif" /><img src="../ressources_communes/images/autres/etoile.gif" /><img src="../ressources_communes/images/autres/etoile.gif" /><img src="../ressources_communes/images/autres/etoile.gif" /></td>';
	fen += '<td class="normal"><b>Catégorie Luxe : </b><br />Spacieux avec mobilier et décoration de grande qualité.<br />Lave-Linge et Sèche-Linge selon capacité.</td>';
	fen += '</tr><tr><td class="normal">5 étoiles</td>';
	fen += '<td><img src="../ressources_communes/images/autres/etoile.gif" /><img src="../ressources_communes/images/autres/etoile.gif" /><img src="../ressources_communes/images/autres/etoile.gif" /><img src="../ressources_communes/images/autres/etoile.gif" /><img src="../ressources_communes/images/autres/etoile.gif" /></td>';
	fen += '<td class="normal"><b>Catégorie Super-Luxe : </b><br />Intérieur chaleureux et très bien décoré.<br />Chaine Hi-Fi, Magnétoscope.<br />Equipements de loisirs, remise en forme ou de sport attachés au logement (tennis, piscine, jacuzzi, ...)</td>';
	fen += '</tr></table>';
	fen += '<p class="normal_centre"><a href="../informations/JO_classement.pdf" target="_blank">Description officielle et complète des catégories. (necessite Adobe Acrobat Reader)</a></p>';
	fenetre.innerHTML = fen;
	fenetre.style.display = "block";
	// Création du bouton "fermer"
	LAY_boutonferme(fenetre,20,20);
}
// Creation d'une fenetre de visualisation d'une video
function LAY_new_video(site,id,titre)
{
	var le_body = document.getElementsByTagName('body').item(0);
	var page = LAY_TaillePage();
	LAY_fondnoir(le_body,page[1],2);
	if (!document.getElementById('fenetre')) 
	{
		var fenetre = document.createElement('div');
		fenetre.setAttribute('id', 'fenetre');
		fenetre.style.width = '554px';
		fenetre.style.top = parseInt((page[3]-500) / 2) + 'px';
		fenetre.style.left = parseInt((page[2]-544) / 2) + 'px';
		fenetre.style.zIndex = 3;
		fenetre.style.position = "absolute";
		le_body.appendChild(fenetre);

	}
	else
		fenetre = document.getElementById('fenetre');
	fen  = '<div class="encadre"><div class="titre">' + titre + '</div>';
	fen += '<div class="contenu">';
	if (site == "youtube")
	{
		fen += '<object width="525" height="400" style="margin-top:10px;" data="http://www.youtube.com/v/' + id + '" type="application/x-shockwave-flash">';
		fen += '<param name="flashVars" value="hl=fr&fs=1&autoplay=1"></param>';
		fen += '<param name="movie" value="http://www.youtube.com/v/' + id + '"></param>';
		fen += '<param name="allowFullScreen" value="true"></param>';
		fen += '<param name="allowScriptAccess" value="always"></param>';
		fen += '</object>';
	}
	else if (site == "dailymotion")
	{
		fen += '<object width="525" height="400" style="margin-top:10px;" data="http://www.dailymotion.com/swf/' + id + '_video?autoPlay=1" type="application/x-shockwave-flash">';
		fen += '<param name="movie" value="http://www.dailymotion.com/swf/' + id + '_video?autoPlay=1"></param>';
		fen += '<param name="allowFullScreen" value="true"></param>';
		fen += '<param name="allowScriptAccess" value="always"></param>';
		fen += '</object>';
	}

	fen += '</div>';
	fenetre.innerHTML = fen;
	fenetre.style.display = "block";
	LAY_boutonferme(fenetre,15,15);
}

// Creation de la fenetre de gestion de l'upload
function LAY_new_upload(reponse)
{
	var le_body = document.getElementsByTagName('body').item(0);
	var page = LAY_TaillePage();
	if (!document.getElementById('upload_wd')) 
	{
		LAY_fondnoir(le_body,page[1],2);
		// Creation du statut
		var fenetre = document.createElement('div');
		fenetre.setAttribute('id', 'upload_wd');
		fenetre.style.width = '415px';
		fenetre.style.height = '300px';
		fenetre.style.zIndex = 3;
		fenetre.style.position = "absolute";
		le_body.appendChild(fenetre);
	}
	else
		var fenetre = document.getElementById('upload_wd');
	// Centrage de la fenetre
	fenetre.style.top  = ((page[3] - parseInt(fenetre.style.height)) / 2) + 'px';
	fenetre.style.left = ((page[0] - parseInt(fenetre.style.width )) / 2) + 'px';	
	var validite = reponse.indexOf("undefined");
	if ((validite != -1 || isNaN(parseInt(reponse))) && flag == false)
	{
		var encours = 0;
		var total = 1;
		var titre = "Téléchargement de votre fichier en cours ...";
	}
	else if (validite == -1)
	{
		var pos_sep  = reponse.indexOf("|");
		var encours  = reponse.substr(0,pos_sep);
		var total    = reponse.substring(pos_sep + 1);
		flag 	 = true;
		var titre = "Téléchargement de votre fichier en cours ...";
	}
	else
	{
		var encours = 1;
		var total = 1;
		var titre = "Conversion de votre fichier en cours ...";
	}	
	// Calcul
	var pourcent = (encours / total);
	var largeur_1  = parseInt(390 * pourcent);
	var largeur_2  = parseInt(390 - largeur_1);
	datemt = new Date();
	var tmstamp    = datemt.getTime();
	var tps_total_ms = ((tmstamp - debut) / pourcent);
	var tps_reste_ms = (tps_total_ms - (tmstamp - debut));
	var tps_reste_mn = Math.floor(tps_reste_ms / 60000);
	var tps_reste_s  = Math.floor((tps_reste_ms - (tps_reste_mn * 60000)) / 1000);
	// Affichage des infos
	var txt_fen  = '<div class="boite"><div class="titre"></div>';
	txt_fen += '<div class="contenu">';
	txt_fen += '<p align="center" class="arial_16">' + titre + '</p>';
	txt_fen += '<table style="width:390px; height:20px;" align="center"><tr>';
	txt_fen += '<td style="background-color:#00FEFE; width:' + largeur_1 + 'px;"></td>';
	txt_fen += '<td style="width:' + largeur_2 + 'px;"></td>';
	txt_fen += '</tr></table>';
	if (isFinite(tps_reste_ms) && (pourcent != 1))
	{
		txt_fen += '<p class="normal_centre">Temps restant estimé : ';
		if (tps_reste_mn != 0)
			txt_fen += tps_reste_mn + "m ";
		txt_fen += tps_reste_s + "s</p>";
	}
	txt_fen += "</div></div>";
	fenetre.innerHTML = txt_fen;
	fenetre.style.display = "block";
}

// Création de la fenetre d'affichage des photos
function LAY_new_photo(a)
{
	
	var id_photo = (a.getAttribute('class')) ? new String(a.getAttribute('class').match(new RegExp(relSerie+"[0-9]+$"))) : '';
	position_courante = parseInt(id_photo.substring(6)) + 1;
	var titre = a.getAttribute('title');
	lienImage = a.getAttribute('href');
	var page = LAY_TaillePage();
	var corps = document.getElementsByTagName('body').item(0);
	// Creation du fond ou sur-fond
	if (document.getElementById("fen_ville") || document.getElementById("fen_tourisme"))
		LAY_fondnoir(corps,page[1],4);
	else
		LAY_fondnoir(corps,page[1],2);	
	if (!document.getElementById('container')) 
	{
		//Création du container
		var container = document.createElement('div');
		container.setAttribute('id', 'container');
		corps.appendChild(container);
		//Positionnement
		container.style.top = page[4] + margin_top + 'px';
		container.style.left = (page[2] / 2) + 'px';
	}
	else
	{
		var container = document.getElementById('container');
		corps.removeChild(document.getElementById('legende'));
	}
	container.style.width = '200px';
	container.style.zIndex = 5;
	var inhtml  = '<table cellpadding="0" cellspacing="0" border="0" margin="0" padding="0" id="table_image">';
	inhtml += '<tr height="15"><td background="../ressources_communes/images/boites/haut-gauche.gif" width="15"></td>';
	inhtml += '<td background="../ressources_communes/images/boites/haut.gif"></td>';
	inhtml += '<td background="../ressources_communes/images/boites/haut-droite.gif" width="15"></td>';
	inhtml += '</tr><tr>';
	inhtml += '<td background="../ressources_communes/images/boites/gauche.gif" width="15"></td>';
	inhtml += '<td bgcolor="#FCFCFC" id="td_image"><img id="obj_image" style="display:none;" /></td>';
	inhtml += '<td background="../ressources_communes/images/boites/droite.gif" width="15"></td>';
	inhtml += '</tr><tr height="15">';
	inhtml += '<td background="../ressources_communes/images/boites/gauche.gif" width="15"></td>';
	inhtml += '<td bgcolor="#FCFCFC"></td>';
	inhtml += '<td background="../ressources_communes/images/boites/droite.gif" width="15"></td>';
	inhtml += '</tr><tr height="15">';
	inhtml += '<td background="../ressources_communes/images/boites/bas-gauche.gif" width="15"></td>';
	inhtml += '<td background="../ressources_communes/images/boites/bas.gif"></td>';
	inhtml += '<td background="../ressources_communes/images/boites/bas-droite.gif" width="15"></td>';
	inhtml += '</tr></table>';
	container.innerHTML = inhtml;
	container.style.top = page[4] + margin_top + 'px';
	container.style.left = parseInt((page[2] - parseInt(container.style.width))/2)+'px';
	// Création du bouton "fermer"
	LAY_boutonferme(container,20,20);
	// Création de la legende
	var legende = document.createElement('div');
	legende.setAttribute('id', 'legende');
	legende.innerHTML = '<span class="arial_16"><strong>Image '+ position_courante +' sur ' + nb_images + ' : '+titre+'</strong></span>';
	corps.appendChild(legende);
	// Création du bouton d'agrandissement
	var loupe = document.createElement('a');
	loupe.setAttribute('id', 'agrd');
	loupe.setAttribute('title', 'Agrandir la photo');
	loupe.onclick = function()	{	LAY_changeTaille(1);	}
	legende.appendChild(loupe);
	// Création des boutons de gestion du diaporama
	clearTimeout(slide_timeout);
	if (nb_images > 1)
	{
		// Création du bouton retour
		var prec = document.createElement('a');
		prec.setAttribute('id', 'prec');
		prec.setAttribute('title', 'Image précedente');
		prec.onclick = function()	{	LAY_navigue_images(-1);	}
		legende.appendChild(prec);

		// Création du bouton suivant
		var suiv = document.createElement('a');
		suiv.setAttribute('id', 'suiv');
		suiv.setAttribute('title', 'Image suivante');
		suiv.onclick = function()	{	LAY_navigue_images(1);	}
		legende.appendChild(suiv);

		// Création du bouton diaporama
		var diap = document.createElement('a');
		if (!diapo_en_cours) {
			diap.setAttribute('id', 'diap_deb');
			diap.setAttribute('title', 'Débuter le diaporama');
		}
		else {
			diap.setAttribute('id', 'diap_fin');
			diap.setAttribute('title', 'Arrêter le diaporama');
		}
		diap.onclick = function()	{	LAY_diaporama();	}
		legende.appendChild(diap);

		// Mise en route tempo. si diaporama
		if (diapo_en_cours) { slide_timeout = window.setTimeout("LAY_navigue_images(1)", slide_timeout_value); }
	}
	legende.style.zIndex = 5;
	// Affichage de l'image
	img = new Image();
	img.src = lienImage;
	if (!img.complete)	// L'image n'est pas encore téléchargée
	{
		img.onload = function()	{	LAY_change_image();	}
	}
	else				// L'image a déjà été téléchargée
		LAY_change_image();
}

// Creation de la fenetre des villes de la zone
function LAY_new_villecarte(titre,contenu)
{
	var le_body = document.getElementsByTagName('body').item(0);
	var page = LAY_TaillePage();
	if (!document.getElementById('fenetre')) 
	{
		var fenetre = document.createElement('div');
		fenetre.setAttribute('id', 'fenetre');
		fenetre.style.width = '415px';
		fenetre.style.top = parseInt((page[3]-200)/2) + 'px';
		fenetre.style.left = Math.max(600,600 + parseInt((page[2] - 1030)/2)) + 'px';
		fenetre.style.zIndex = 2;
		fenetre.style.position = "absolute";
		le_body.appendChild(fenetre);
	}
	else
		var fenetre = document.getElementById('fenetre');
	fen  = '<div class="boite"><div class="titre">' + titre + '</div>';
	fen += '<div class="contenu">' + contenu + '</div>';
	fenetre.innerHTML = fen;
	fenetre.style.display = "block";

}
// Creation de la fenetre de deconnexion
function LAY_deconnexion()
{
	var le_body = document.getElementsByTagName('body').item(0);
	var page = LAY_TaillePage();
	LAY_fondnoir(le_body,page[1],2);
	var fenetre = document.createElement('div');
	fenetre.setAttribute('id', 'deconnexion');
	fenetre.style.width = '415px';
	fenetre.style.top = parseInt((page[3]-200)/2) + 'px';
	fenetre.style.left = parseInt((page[2]-400) / 2) + 'px';
	fenetre.style.zIndex = 3;
	fenetre.style.position = "absolute";
	fenetre.onclick = function() { LAY_cache_fenetre(); return false; }
	le_body.appendChild(fenetre);
	fen  = '<div class="boite"><div class="titre">Deconnexion réussie ...</div>';
	fen += '<div class="contenu"><table align="center"><tr><td><img src="http://www.gites-montagne.com/ressources_communes/images/attention.gif" /></td><td>Vous n\'êtes plus identifié avec cet ordinateur.</td></tr></table></div>';
	fenetre.innerHTML = fen;
	fenetre.style.display = "block";
	window.setTimeout(LAY_cache_fenetre, 3000);	
}
/* ----------------------------------- Fonctions de gestion de l'affichage des photos diaporama ----------------------------------------------------- */
// Creation des liens pour l'affichage des photos
function LAY_ajout_lien_photos(rel)
{
	relSerie = rel;
	nb_images = 0;
	var lien_a = document.getElementsByTagName('a');
	var a ="";
	for (i = 0; i < lien_a.length; i++) 
	{
		var b = lien_a[i];
		if (b.href != a.href) // Cas de Google Chrome
		{
			a = lien_a[i];
			var rel_attr = new String(a.getAttribute('rel'));
			if (rel_attr.match(rel)) 
			{
				a.setAttribute('class', rel + nb_images);
				a.onclick = function () 
				{
					LAY_new_photo(this,rel);
					return false;
				}
				lien_img[nb_images + 1] = a;
				nb_images++;
			}
		}
	}
}

// Fonction de navigation entre les images pour la fenetre photo
function LAY_navigue_images(sens)
{
	position_courante = parseInt(position_courante);
	if ((!sens) || (sens == 1))
	{
		position_courante = (position_courante + 1 > nb_images) ? 1 : position_courante + 1;
	}
	else
		position_courante = (position_courante - 1 < 1) ? nb_images : parseInt(position_courante) - 1;
	LAY_new_photo(lien_img[position_courante]);
}

// Gestion du diaporama
function LAY_diaporama() 
{
	if (!diapo_en_cours)
	{
		diapo_en_cours = true;
		document.getElementById('diap_deb').setAttribute('id', 'diap_fin'); 
		document.getElementById('diap_fin').setAttribute('title', 'Arrêter le diaporama');
		slide_timeout = window.setTimeout("LAY_navigue_images(1)", slide_timeout_value/4);
	}
	else 
	{
		diapo_en_cours = false;
		document.getElementById('diap_fin').setAttribute('id', 'diap_deb'); 
		document.getElementById('diap_deb').setAttribute('title', 'Débuter le diaporama');
		clearTimeout(slide_timeout);
	}
}

// Gestion du Zoom sur une photo
function LAY_changeTaille(a)
{	
	var obj_image = document.getElementById('obj_image');
	var container = document.getElementById('container');
	var legende   = document.getElementById('legende');
	var ferme   = document.getElementById('ferme');
	var td_image   = document.getElementById('td_image');
	var table_image   = document.getElementById('table_image');
	var page = LAY_TaillePage();

	if (a == 0)
	{
		// Restauration de la position dans la page
		document.body.scrollTop = scrollTop;
		document.body.scrollLeft = scrollLeft;	
		// Affichage des boutons de diaporama
		if (document.getElementById('prec'))
			document.getElementById('prec').style.display = "block";
		if (document.getElementById('suiv'))
			document.getElementById('suiv').style.display = "block";
		if (document.getElementById('diap_deb'))
			document.getElementById('diap_deb').style.display = "block";
		if (document.getElementById('diap_fin'))
			document.getElementById('diap_fin').style.display = "block";
		var btn = document.getElementById('redc');
		btn.id = 'agrd'; 
		btn.title = 'Agrandir la photo';
		btn.onclick = function() {	LAY_changeTaille(1);	}
		LAY_change_image();
		scrollTop = scrollLeft = 0;
		largeurPage = 0;
	}
	else
	{
		// Sauvegarde de la position dans la page
		scrollTop = document.body.scrollTop;
		scrollLeft = document.body.scrollLeft;
		largeurPage = page[2];
		// Arret du diaporama
		clearTimeout(slide_timeout);
		diapo_en_cours = false;
		// Masquage des boutons de navigation si nb photo > 1
		if (document.getElementById('prec'))
			document.getElementById('prec').style.display = "none";
		if (document.getElementById('suiv'))
			document.getElementById('suiv').style.display = "none";
		if (document.getElementById('diap_deb'))
			document.getElementById('diap_deb').style.display = "none";
		if (document.getElementById('diap_fin'))
		{
			document.getElementById('diap_fin').setAttribute('id', 'diap_deb'); 
			document.getElementById('diap_deb').setAttribute('title', 'Débuter le diaporama');
		}
		var btn = document.getElementById('agrd');
		btn.id = 'redc'; 
		btn.title = 'Réduire la photo';
		btn.onclick = function() {	LAY_changeTaille(0);	}
		obj_image.onclick = function() {	LAY_changeTaille(0);	}
		// Redimensionnement de la photo
		obj_image.height = img.height;
		obj_image.width = img.width;
		container.style.width = Math.max(obj_image.width + 30, 300) + "px";
		container.style.height = obj_image.height + 30 + 'px';
		container.style.top = page[4] + margin_top + 'px';
		legende.style.top = page[4] + margin_top + (parseInt(obj_image.height + 15))+'px';
		legende.style.width = parseInt(parseInt(container.style.width) - 20) + 'px';
		td_image.height = obj_image.height;
		td_image.width = obj_image.width;
		table_image.height = obj_image.height + 30 + "px;";
		table_image.width = obj_image.width + 30 + "px;";
		if (img.width > page[2])
		{
			container.style.left = 0 + 'px'
			legende.style.left = 0 + 'px';
		}
		else
		{
			container.style.left = parseInt((page[2] - parseInt(container.style.width)) / 2) + 'px';
			legende.style.left = 15 + parseInt(container.style.left) + 'px';
		}
	}
}

// Affichage d'une image à la taille adaptée à l'écran de l'utilisateur
function LAY_change_image()
{
	var obj_image = document.getElementById('obj_image');
	var container = document.getElementById('container');
	var legende   = document.getElementById('legende');
	var td_image   = document.getElementById('td_image');
	var table_image   = document.getElementById('table_image');
	// Redimensionnement de la photo
	obj_image.src = lienImage;
	obj_image.style.display = "block";
	obj_image.height = Math.min(img.height,screen.height - 300);
	obj_image.width = ((obj_image.height * img.width) / img.height);
	td_image.height = obj_image.height;
	td_image.width = obj_image.width;
	table_image.height = obj_image.height + 30 + "px;";
	table_image.width = obj_image.width + 30 + "px;";
	obj_image.onclick = function() { LAY_cache_fenetre(); return false; }
	container.style.width = Math.max(obj_image.width + 30, 300) + "px";
	container.style.height = obj_image.height + 30 + 'px';
	var page = LAY_TaillePage();
	container.style.top = page[4] + margin_top + 'px';
	if (largeurPage != 0)
	{
		container.style.left = parseInt((largeurPage - parseInt(container.style.width)) / 2) + 'px';
		legende.style.left = 15 + parseInt(container.style.left) + 'px';
	}
	else
	{
		container.style.left = parseInt((page[2] - parseInt(container.style.width))/2)+'px';
		legende.style.left = 15 + parseInt(container.style.left) + 'px';
	}
	legende.style.top = page[4] + margin_top + (parseInt(obj_image.height + 15)) + 'px';
	legende.style.width = parseInt(parseInt(container.style.width) - 20) + 'px';
}