$().ready(function(){
	var slider = $("#slider");
	//var maxNumberOfResult = 10;

	//Le bouton de retour sur le texte de base
	var a = $('<a id="back" href="#">Retour</a>').click(function(){
		listeHotels.fadeOut('fast');
		slider.animate('.texteDisplayed', function(){$(this).removeClass('hotelsDisplayed')});
		return false;
	});

	//Les containers pour Ajax
	var loader = $('<img id="loader" width="16" height="16" alt="Chargement" src="/france-recuisinee/img/ajax-loader.gif"/>');
	var listeHotels = $('<div id="listeHotels"></div>');
	var restos = $('<div id="restos"></div>').prepend(listeHotels).prepend(loader).prepend(a);
	$("#carte").after(restos);
	slider.wrap("<div id='slider-wrapper'></div>");

	//Gestion de la carte
	$("#map a").click(function(){
		//var id = $(this)[0].id;
		var id = $(this).parent()[0].id;

		if (!slider.hasClass('hotelsDisplayed')) {
			slider.animate('.hotelsDisplayed', function(){$(this).removeClass('texteDisplayed'); updateHotels(id)});
		}
		else {
			updateHotels(id);
		}

		return false;
	});

	//Le bloc animation
	setInterval(fadeImg, 2500);

	function fadeImg() {
		$("#fader img:last-child").fadeOut('slow', function(){
			$(this).insertBefore("#fader img:first-child").css('display', 'block');
		});
	}

	//Fonction de mise à jour de la liste des hotels
	function updateHotels(region){
		listeHotels.load('/france-recuisinee/restos.php?region='+region, function(){
			//Disparition du loader
			loader.fadeOut();

			//On remplace les titres par des liens pour la navigation clavier
			listeHotels.children('h4').each(function(){
				var anchor = $('<a href="" title="Afficher les coordonnées" class="closedMenu">' + $(this).html() + '<\/a>').click(open);
				$(this).replaceWith(anchor);
			}) ;

			listeHotels.fadeIn('fast');
		});
	}

	//Apparition du loader
	$(listeHotels).ajaxStart(function() {
		loader.fadeIn();
		listeHotels.fadeOut('fast');
	});


	var running = false;

	//Ouverture menu en accordéon
	function open(){
		if (!running) {
			running = true;
			var trigger = $(this);
			trigger.removeClass('closedMenu');
			trigger.next('.adr').stop().slideDown(function(){
				trigger.unbind('click').click(close);
				trigger.attr('title', 'Masquer les coordonnées');
				trigger.addClass('openMenu');
				running = false;
				trigger.parent().children('.openMenu').not(trigger).click();
			})
		}
		return false;
	}

	//Fermeture menu en accordéon
	function close(){
		if (!running) {
			running = true;
			var trigger = $(this);
			trigger.removeClass('openMenu');
			trigger.next('.adr').stop().slideUp(function(){
				trigger.unbind('click').click(open);
				trigger.attr('title', 'Afficher les coordonnées');
				trigger.addClass('closedMenu');
				running = false;
			})
		}
		return false;
	}
})