/* fonctions js des pages d'hotels pour la france */

/* fonction pour changer d'onglet actif */
function OngletClick( numOnglet )
{
	var i;
	for (i = 0; i < 4; i++)
	{
	   if( i != numOnglet) {
			document.getElementById('onglet'+i).className = "Onglet";
			document.getElementById('onglet'+i).style.backgroundImage = 'url(../images2006/hotels-france/onglet-normal.jpg)'; /* on remet l'image Onglet à tous les onglets */ 
			if (i != 2)/* traitement special pour l'onglet du googlemap, qui supporte mal les div cachees */
			{
			   document.getElementById('contenu'+i).style.display = "none";
			}
			else
			{
			   document.getElementById('contenu'+i).style.left = -10000 + "px";
			}
	   }
	   
	}
	document.getElementById('onglet'+numOnglet).className = "OngletSelectionne";
	document.getElementById('onglet'+numOnglet).style.backgroundImage = 'url(../images2006/hotels-france/onglet-clique.jpg)'; /* on met l'image OngletSelectionne a l'onglet selectionné */
	if (numOnglet != 2) /* traitement special pour l'onglet du googlemap, qui supporte mal les div cachees */
	{
		document.getElementById('contenu'+numOnglet).style.display = "block";
	}
	else
	{
		document.getElementById('contenu'+numOnglet).style.left = 0 + "px";
	}
	
	/* le contenu des onglets etant des div abolute, on recupere leur hauteur et on l'attribue a leur div parent (pour que la suite de la page ne remonte pas comme si ces div n'etaient pas dans le flux) */
	var hauteur = document.getElementById('contenu'+numOnglet).offsetHeight;
	document.getElementById('colonne_droite').style.height = hauteur+"px";	
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function rollover(num){ /*fonction pour faire le rollover des onglets*/
	var objet = document.getElementById('onglet'+num);
	if (objet.className == "Onglet"){	
		objet.style.backgroundImage = 'url(../images2006/hotels-france/onglet-over.jpg)';
	}
}

function rollout(num){/*fonction pour redonner son background a l'onglet apres le rollover*/
	var objet = document.getElementById('onglet'+num);
	if (objet.className == "Onglet"){/*on redefini explicitement backgroundimage, car remettre la classe Onglet ne suffit pas*/
		 objet.style.backgroundImage = 'url(../images2006/hotels-france/onglet-normal.jpg)'; /* on remet l'image des onglets normaux*/
	}
	else if (objet.className == "OngletSelectionne"){ 
		 objet.style.backgroundImage = 'url(../images2006/hotels-france/onglet-clique.jpg)'; /* on remet l'image de l'onglet selectionné*/
	}
}

function testok(){/*fonction pour le formulaire du calendrier*/
  if (_completeDiv.style.visibility=="hidden") {/*alert("oui");*/return true;}
  else {/*alert("non");*/timer=setTimeout("mainLoop()",200);clearTimeout(timer);return false;}
}

function noselect(){/* fonction pour que le texte des onglets ne soit pas selectionnable */
	if (typeof (event.preventDefault)!=undefined) {event.preventDefault();}
}

// Div caché pour afficher/masquer les détails des chambres
function show(i){
	if (document.getElementById('details_chambre'+ i).style.display=='none'){
		document.getElementById('details_chambre'+ i).style.display='';
		var hauteur = document.getElementById('contenu1').offsetHeight;
		document.getElementById('colonne_droite').style.height = hauteur+"px";	
	}
	else if (document.getElementById('details_chambre'+ i).style.display==''){
		document.getElementById('details_chambre'+ i).style.display='none';		
		var hauteur = document.getElementById('contenu1').offsetHeight;
		document.getElementById('colonne_droite').style.height = hauteur+"px";	
	}
	jQuery("#preview").remove(); // on cache les photos rollover pour ne pas qu'elles soient devant le div caché
}

function blinkMe(myElement,speed,nombre,cpt) {
	myTxt=document.getElementById(myElement);
	if (cpt>=nombre) {
		myTxt.style.visibility=="visible";
		return;
	}
	myTxt.style.visibility=(myTxt.style.visibility=="hidden")?"visible":"hidden";
	cpt++;
	setTimeout("blinkMe('"+myElement+"',"+speed+","+nombre+","+cpt+")",speed);
}

/* fonctions jquery pour le rollover des images */
/*this.screenshotPreview = function(){   
        xOffset = 10;
        yOffset = 30;
        $("a.screenshot").hover(function(e){
                this.t = this.title;
                this.title = "";       
                var c = (this.t != "") ? "<br/>" + this.t : "";
                $("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='url preview' />"+ c +"</p>");                                                                
                $("#screenshot")
                        .css("top",(e.pageY - xOffset) + "px")
                        .css("left",(e.pageX + yOffset) + "px")
                        .fadeIn("fast");                                               
    },
        function(){
                this.title = this.t;   
                $("#screenshot").remove();
    }); 
        $("a.screenshot").mousemove(function(e){
                $("#screenshot")
                        .css("top",(e.pageY - xOffset) + "px")
                        .css("left",(e.pageX + yOffset) + "px");
        });                    
};*/
this.imagePreview = function(){ 
	jQuery("a.preview").hover(function(e){
		var posX; var posY;
		this.t = this.title;
		this.title = "";       
		jQuery("body").append("<p id='preview'><img src='"+ this.t +"' /></p>");         
		if (e.pageX - jQuery(window).scrollLeft() + jQuery('#preview').width() + 40 >= jQuery(window).width() ) { 
			posX = e.pageX - jQuery('#preview').width() - 20 ;
		} else {
			posX = e.pageX + 20;
		}
		if (e.pageY - jQuery(window).scrollTop() + jQuery('#preview').height() + 30 >= jQuery(window).height() ) {
			posY = e.pageY - jQuery('#preview').height() - 30 ;
		} else {
			posY = e.pageY + 0;
		}
		jQuery("#preview")
			.css("top",(posY) + "px")
			.css("left",(posX) + "px")
			.css("z-index",10000)
			.fadeIn("fast");                                               
		},
        function(){
                this.title = this.t;   
                jQuery("#preview").remove();
    }); 
	jQuery("a.preview").mousemove(function(e){
		var posX; var posY;
		if (e.pageX - jQuery(window).scrollLeft() + jQuery('#preview').width() + 40 >= jQuery(window).width() ) {
			posX = e.pageX - jQuery('#preview').width() - 20 ;
		} else {
			posX = e.pageX + 20;
		}
		if (e.pageY - jQuery(window).scrollTop() + jQuery('#preview').height() + 30 >= jQuery(window).height() ) {
			posY = e.pageY - jQuery('#preview').height() - 30 ;
		} else {
			posY = e.pageY + 0;
		}
		jQuery("#preview")
			.css("top",(posY) + "px")
			.css("left",(posX) + "px")
			.css("z-index",10000);
	});                    
};
this.tooltip = function(){     
	jQuery("a.tooltip").hover(function(e){                                                                                        
    	var posX; var posY; 
		this.t = this.title;
        this.title = "";                                                                         
        jQuery("body").append("<p id='tooltip'>"+ this.t +"</p>");
		if (e.pageX - jQuery(window).scrollLeft() + jQuery('#tooltip').width() + 40 >= jQuery(window).width() ) { 
			posX = e.pageX - jQuery('#tooltip').width() - 20 ;
		} else {
			posX = e.pageX + 20;
		}
		if (e.pageY - jQuery(window).scrollTop() + jQuery('#tooltip').height() + 30 >= jQuery(window).height() ) {
			posY = e.pageY - jQuery('#tooltip').height() - 30 ;
		} else {
			posY = e.pageY + 0;
		}
        jQuery("#tooltip")
        	.css("top",(posY) + "px")
			.css("left",(posX) + "px")
            .fadeIn("fast");               
    	},
        function(){
                this.title = this.t;           
                jQuery("#tooltip").remove();
    }); 
    jQuery("a.tooltip").mousemove(function(e){
		var posX; var posY;
		if (e.pageX - jQuery(window).scrollLeft() + jQuery('#tooltip').width() + 40 >= jQuery(window).width() ) {
			posX = e.pageX - jQuery('#tooltip').width() - 20 ;
		} else {
			posX = e.pageX + 20;
		}
		if (e.pageY - jQuery(window).scrollTop() + jQuery('#tooltip').height() + 30 >= jQuery(window).height() ) {
			posY = e.pageY - jQuery('#tooltip').height() - 30 ;
		} else {
			posY = e.pageY + 0;
		}
        jQuery("#tooltip")
        	.css("top",(posY) + "px")
			.css("left",(posX) + "px");
	});                    
};

jQuery(document).ready(function(){
        tooltip();//active les tooltip simple
        imagePreview();//active les tooltip image preview
        //screenshotPreview();//active les tooltip lien avec preview
});

/* fin des fonctions jquery pour le rollover des images */