$(document).ready(function() {
	
	// Intro
	
	if( !$.cookie("intro") )
		{
			setTimeout('window.location.replace("http://www.hotel-mozart.be")',7000);
			
			$.cookie("intro", "true");
			$("a#intro").fancybox().trigger('click');
			$("a#intro").fancybox({
				'transitionIn'	:	'elastic',
				'transitionOut'	:	'elastic',
				'speedIn'		:	600, 
				'speedOut'		:	200, 
				'overlayShow'	:	true
			});
		}
	
	// Form validation
	
	$("#bookingForm").validate({
		rules: {
			lastname: "required", 
			firstname: "required", 
			tel: {
				required: true, 
				number: true
			},
			mail: {
				required: true,
				email: true
			},
			address: "required", 
			zipcode: {
				required: true,
				number: true
			},
			town: "required", 
			country: "required", 
			checkBookDates: "required"
		},
		
		messages: {
			checkBookDates: {
		   	required: $("input#checkBookDatesMessage").val(),
		   }
		}
	});
	
	// Slider
	var nbSlides = $("div#slides ul li").length;
	$("div#slides ul li:eq(0)").show().addClass("active");
	
	function slider()
		{
			var currentSlide = $("div#slides ul li.active").index();
			var newSlide = ( (currentSlide+1) < nbSlides) ? currentSlide+1 : 0;
			$("div#slides ul li.active").fadeTo(2000, 0).removeClass("active");
			$("div#slides ul li:eq("+newSlide+")").fadeTo(2000, 1.0, function() { $(this).addClass("active"); });
		}
	
	setInterval(function() {
		slider();
	}, 3000);
	
	// Img gallery
	$("a.fancybox").fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'speedIn'		:	600, 
		'speedOut'		:	200, 
		'overlayShow'	:	false
	});
	
	// Contact form
	$("form#contactform").validate({
		rules: {
			name: "required", 
			firstname: "required", 
			email: {
				required: true, 
				email: true	
			},
			subject: "required", 
			message: {
				required: true,
				rangelength: [20, 500]
			}
		}
	});
	
	// Calendar
	
	$this = $(".roomCalendar table.JBCalendar");
	$roomId = $("input[name=roomId]").val();
	$events = $("input[name=bookigDates]").val();
	$nbRooms = $("input[name=nbRooms]").val();
	$lang = $("input[name=selectedlang]").val();
	
	$("thead tr td.prevMonth a", $this).live("click", function(){
		var $eventDate = $(this).attr("class");
		loadCal($events, $eventDate);
		return false;
	});
	
	$("thead tr td.nextMonth a", $this).live("click", function(){
		var $eventDate = $(this).attr("class");
		loadCal($events, $eventDate);	
		return false;
	});
	
	function loadCal($events, $eventDate)
		{
			$.ajax({
				type: "POST",
				url: "data/php/calendar.php",
				data: "calendar_ajax=true&roomId=" + $roomId + "&nbRooms=" + $nbRooms + "&events=" + $events + "&date=" + $eventDate + "&lang=" + $lang,
				success: function(data)
					{
						$('.roomCalendar').html(data);
						var nbBooked = $("#bookingDates input").length;
						for(var i=0; i<nbBooked; i++)
							{
								var bookDate = $("#bookingDates input:eq("+i+")").val();
								$("a#"+bookDate).parent().addClass('selectedDate');
							}
					}
     		});
		}
	
	$(".bookingDateSelector").live("click", function() {
		
		var timestamp = $(this).attr("id");
		if( $("input." + timestamp).length == 0 )
			{
				$(this).parent().addClass("selectedDate");
				$("#bookingDates").append('<input type="hidden" name="bookDates[]" value="' + timestamp + '" class="' + timestamp + '"/>');
				$("input#checkBookDates").val('true')
			}
		
		return false;
	});
	
	$(".selectedDate a").live("click", function() {
		
		// alert( $("#calendarCheck input").length );
		
		var timestamp = $(this).attr("id");
		$(this).parent().removeClass("selectedDate");
		$("#bookingDates ."+timestamp+"").remove();
		
		if( $("#bookingDates input").length == 0 )
			{
				$("input#checkBookDates").val("");
			}
		
		return false;
	});
	
});