$(document).ready(function() {

	////////////////
	// Top teaser //
	////////////////
	
	var nbSlides = $("#topTeaser ul li").length;
	var slideWidth = 690;
	var activeSlide = 0;
	var slideSpeed = 1000;
	var teaserWidth = nbSlides*slideWidth;
	var isAuto=true;
	
	$("#topTeaser ul").width(teaserWidth);
	
	$("#topTeaser div.next a").click(function() {
		isAuto=false;
		activeSlide = ( (activeSlide+1) < nbSlides ) ? activeSlide+1 : activeSlide;
		teaserSlide();
		return false;
	});
	
	$("#topTeaser div.prev a").click(function() {
		isAuto=false;
		activeSlide = ( (activeSlide-1) >= 0 ) ? activeSlide-1 : activeSlide;
		teaserSlide()
		return false;
	});
	
	function teaserSlide()
		{
			var slidePos = $("#topTeaser ul li:eq("+activeSlide+")").position(); 
			$("#topTeaser ul").animate({ left: 0-slidePos.left }, slideSpeed);
		}
	function autoSlide()
	{
		if (isAuto)
		{
			activeSlide = ( (activeSlide+1) < nbSlides ) ? activeSlide+1 : 0;
			teaserSlide();
			foo=setTimeout(autoSlide,5000);
		}
	}
	
	/////////////////
	// Reservation //
	/////////////////
	
	$("a#reservationBtn").click(function() {
		$("div#reservationForm").fadeTo("slow", 1.0);
		return false;
	});
	
	var speed = 200;
	var $this = $("div.formSelect");
	var nbOptions = $("ul li", $this).length;
	var itemHeight = $("ul li", $this).height();
	var clicked = 0;
	var sens="";
	$("div.arrows div.top a").click(function() {
		if (sens=="") sens="1";
		if (sens=="1") moveDown($this); else moveUp($this);
		return false;
	});

	
	$("div.arrows div.down a").click(function() {
		if (sens=="") sens="2";
		if (sens=="2") moveDown($this); else moveUp($this);
		return false;
	});
	function moveUp(o){
			if(clicked-1 >= 0)
			{
				clicked--;
				var pos = 0-clicked*itemHeight;
				$("input#places", o).val(clicked+1);
				$("ul", o).animate({
					top: pos+"px"
				}, speed);
			}

	}
	function moveDown(o){
	nbOptions=$("input#dispo", o).val();
			if(clicked+1 < nbOptions)
			{
				clicked++;
				var pos = 0-clicked*itemHeight;
				$("input#places", o).val(clicked+1);
				$("ul", o).animate({
					top: pos+"px"
				}, speed);
			}


	}
	
	//////////
	// Misc //
	//////////
	
	
	if ($("#topTeaser")) foo=setTimeout(autoSlide,5000);
});