// ---------------------------------------------------
// Function manage DIV fiche_detail_hotel close & open
// ---------------------------------------------------
$(document).ready(function(){
	
	// Les liens cachés par défaut
	$("#fiche_detail_hotel").hide();
	$("#btn_hide_deschotel").hide();
	
	// Lien : NOM DE L'HOTEL
	show_desc("#btn_hotel_name", '#btn_show_deschotel');
	
	// Lien : AFFICHER LES DETAILS DE L'HOTEL
	show_desc("#btn_show_deschotel", '#btn_show_deschotel');
	
	// Lien : EN SAVOIR PLUS
	show_desc("#btn_savoir_show_deschotel", '#btn_show_deschotel');
	
	// Lien : MASQUER LES DETAILS DE L'HOTEL
	$("#btn_hide_deschotel").click(function(){
  		$("#fiche_detail_hotel").slideToggle("slow,");
  		$("#btn_hide_deschotel").slideToggle("slow,");
  		$("#btn_show_deschotel").html("Afficher les détails de l'hôtel"); 
 	});
	
	// Appel ajax description hotel
	$("#descbyajax a").click(function(event){ 	// on selectionne tous les liens et on définit une action quand on clique dessus
	  page = ($(this).attr("href")); // on recuperer l' adresse du lien             
	  SendDataAjax(page);
	  urlimage = $(this).find('input:last').val();
	  //alert(urlimage);
	  PrintImages(false,urlimage);
	  event.preventDefault();
	  //return false; // on desactive le lien
   });
	
	if ($("#descbyajax").html() != ""){
		PrintImages(true,'');
	}
});


/**
 * CONTENU HTML DE LA DESCRIPTION DE L'HOTEL
 * 
 * @param String data
 */
function insertintodiv(data){ // pour remplacer le contenu du div contenu
	$("#insert_desc_hotel_byajax").html(data); // on met dans le div le r�sultat de la requete ajax
}


// Fonction send data to ajax
function SendDataAjax(page){ 
  	$.ajax({  // ajax
  		url: page, // url de la page a charger
  		cache: false, // pas de mise en cache
  		success:function(html){ // si la result ok
  			insertintodiv(html);	    // on execute la fonction afficher(donnees)
  		},
  		error:function(XMLHttpRequest, textStatus, errorThrows){ // erreur durant la requete
  		}
  	});
}

//Fonction send data to ajax
function PrintImages(ParDefaut, mypage){ 
	if(ParDefaut){
		$.ajax({ 
			   type: "GET", 
			   url: $("#descbyajax a:first").find('input:last').val(), 
			   beforeSend: function(){
				   $("#pic_large_view").html('<div><img src="'+$("#UrlImageChargement").val()+'/loading_lw.gif"/></div>');
			   },		   
			   error:function(XMLHttpRequest, ajaxOptions, thrownError){
				   $("#pic_large_view").html(XMLHttpRequest.statusText);
			   },
			   success: function(msg){ 
				   $("#pic_large_view").html(msg);
			   }
		});
		//alert($("#descbyajax a:first").find('input:last').val());
	}else{
		$.ajax({ 
			   type: "GET", 
			   url: mypage, 
			   beforeSend: function(){
				   $("#pic_large_view").html('<div><img src="'+$("#UrlImageChargement").val()+'/loading_lw.gif"/></div>');
			   },		   
			   error:function(XMLHttpRequest, ajaxOptions, thrownError){
				   $("#pic_large_view").html(XMLHttpRequest.statusText);
			   },
			   success: function(msg){ 
				   $("#pic_large_view").html(msg);
			   }
		});
	}
	
}


/**
 * AFFICHER LA DESCRIPTION DE L'HOTEL
 * 
 * @param String id_btn_lien_href = ID du lien qui permet d'ouvrir la description
 * @param String lien_change_nom = Le lien href dont le texte va changer
 */
function show_desc(id_btn_lien_href, lien_change_nom){
	// Change le texte du 1er lien 'Afficher...'
	$(id_btn_lien_href).click(function(){
		if($(lien_change_nom).text() == "Masquer les détails de l'hôtel"){
			$(lien_change_nom).text("Afficher les détails de l'hôtel"); 
		}else{
			$(lien_change_nom).text("Masquer les détails de l'hôtel"); 
			
		}
		// Cache les details de l'hotel
		$("#fiche_detail_hotel").slideToggle("slow,");
		// Cache le 2eme lien du bas 'Masquer...'
		$("#btn_hide_deschotel").slideToggle("slow,");
	});
}