window.addEvent('load', function(){
	
	////////////// Javascript utilise sur la HOME ou dans les CATEGORIES "the hotel" et "news" (sauf fadeIn et fadeOut utilises aussi dans the rooms //////////////
	
	if($("single_vignettes"))
	{
		tab_vignettes = $$("#single_vignettes li");
		var nbVignette = tab_vignettes.length;
		for(i=0;i<nbVignette;i++)
		{
			tab_vignettes[i].addEvent("click", afficherImage);
			tab_vignettes[i].addEvent("mouseenter", rollover);
			tab_vignettes[i].addEvent("mouseleave", rollout);
		}
	}
	
	//////////////////////////// Javascript utilise sur toutes les CATEGORIES //////////////////////////////
	
	function afficherImage(event)
	{
		id = this.get("id").split("-")[1];
		
		//appeler le flash en lui transmettant le bon identifiant afin que celui-ci affiche l'image à la place du slideshow
		if($('SlideshowPlayer_not_ie'))
		{
			var s = $('SlideshowPlayer_not_ie');
		}
		else if($('SlideshowPlayer'))
		{
			var s = $('SlideshowPlayer');
		}
		if(s)
		{
			s.gotoImage(id);
		}
		
	}

	if(is_category || is_page_vignette)
	{
		$$("#cat li").addEvent("click", afficherImage);
		$$("#cat li").addEvent("click", surbrillance);
		$$("#cat li").addEvent("mouseenter", rollover);
		$$("#cat li").addEvent("mouseleave", rollout);
	}

	//////////////////////////// Javascript utilise sur la CATEGORIE "the rooms" //////////////////////////////

	/*
	if(is_page_vignette){
				
		var myVerticalSlide = new Fx.Slide('amenities_content');
		$('amenities_button').addEvent('click', function(e){
	
			e.stop();
			myVerticalSlide.toggle();
			
		});
		myVerticalSlide.hide();
	}
	*/
	
	function surbrillance(event)
	{
		var el = this;
		
		current_li = el.getParent().getElement("li[class*=actif]");
		if(current_li)
		{
			current_li.removeClass('actif');
		}		
		
		el.addClass('actif');
	}
	
	function rollover(event)
	{
		var el = this;
		
		current_li = el.getParent().getElement("li[class*=over]");
		if(current_li)
		{
			current_li.removeClass('over');
		}		
		
		el.addClass('over');
	}
	
	function rollout()
	{
		var el = this;
		current_li = el.getParent().getElement("li[class*=over]");
		if(current_li)
		{
			current_li.removeClass('over');
		}		
	}
	
	if(is_page_vignette)
	{
		$("onglet1").addEvent("click", function (){switchOnglet(1);});
		$("onglet2").addEvent("click", function (){switchOnglet(2);});
	}

	//fonction permettant de changer d'onglet dans la page the rooms
	function switchOnglet(id)
	{
		liste_onglets_contents = $$("div[id^=content_rooms-]");
		liste_onglets_contents.setStyle("display", "none");
		
		liste_onglets = $$("a[id^=onglet]");
		liste_onglets.removeClass("actif");
		
		$("content_rooms-"+id).setStyle("display", "");
		$("onglet"+id).addClass("actif");
	}
	
	//////////////////////////// Javascript utilise sur la page CONTACT //////////////////////////////
	
	if($("jfk_button")){
				
		var myVerticalSlide = new Fx.Slide('jfk_content');
		$('jfk_button').setStyle("cursor", "pointer");
		$('jfk_button').addEvent('click', function(e){
	
			e.stop();
			myVerticalSlide.toggle();
			
		});
		myVerticalSlide.hide();
		
		var myVerticalSlide2 = new Fx.Slide('newark_content');
		$('newark_button').setStyle("cursor", "pointer");
		$('newark_button').addEvent('click', function(e){
	
			e.stop();
			myVerticalSlide2.toggle();
			
		});
		myVerticalSlide2.hide();
		
		var myVerticalSlide3 = new Fx.Slide('laguardia_content');
		$('laguardia_button').setStyle("cursor", "pointer");
		$('laguardia_button').addEvent('click', function(e){
	
			e.stop();
			myVerticalSlide3.toggle();
			
		});
		myVerticalSlide3.hide();
	}
	
});
	
function active_vignette(id)
{
	current_li = $("vig-"+id).getParent().getElement("li[class*=actif]");
	if(current_li)
	{
		current_li.removeClass('actif');
	}		
	
	$("vig-"+id).addClass('actif');
	scrollTo($("vig-"+id).getPosition().x, $("vig-"+id).getPosition().y)
}