$(document).ready(function() {

	var images = new Array();
	images[0]='/images/content/back/1.jpg';
	images[1]='/images/content/back/2.jpg';
	images[2]='/images/content/back/3.jpg';
	images[3]='/images/content/back/4.jpg';
	images[4]='/images/content/back/5.jpg';
	randomNumber=Math.floor(Math.random()*5);
	
	//  Initialize Backgound Stretcher
	/*$(document).bgStretcher({
		//images: ['/images/content/back/1.jpg', '/images/content/back/2.jpg', '/images/content/back/3.jpg', '/images/content/back/4.jpg', '/images/content/back/5.jpg'], imageWidth: 1600, imageHeight: 900, slideShowSpeed: 5000, nextSlideDelay: 10000, resizeAnimate:true
	}); */
	
	//  Initialize Backgound Stretcher
	$(document).bgStretcher({
	images: [images[randomNumber]], imageWidth: 1600, imageHeight: 900
	});


	
	var showOrHide=true
	$('.button-reservation a').click (function () {
	
		doReservation('informatie of reserveringsaanvraag', '', '');
		
	});
	
	$('#date-from').datepicker();
	$('#date-to').datepicker();
	
	/* $('#nav li.courses').mouseenter(function() {
		$(this).find('ul').slideDown('fast',  function() {
			return false;
		});
		return false;
	});
	
	$('#nav li.courses').mouseleave(function() {
		$(this).find('ul').slideUp('fast',  function() {
			return false;
		});
		return false;
	}); */
	
	$('#nav li.courses').hover( 
		  function () { 
			$(this).find('ul').slideDown('fast',  function() {
			return false;
		});
	  },  
	  function () { 
		$(this).find('ul').slideUp('fast',  function() {
			return false;
		});
	  });
	  
	   $('#arrangement1').click (function () {
		doReservation('Route du Soleil arrangement', '', '')
	  });
	  
	  $('#arrangement2').click (function () {
		doReservation('Mei vakantie arrangement', '', '')
	  });
	  
	   $('#do-course').click (function () {
		doReservation('cursus geven op Chateau Melay', '', '')
	  });
	  
	  
	  function doReservation(subject, datefrom, dateto) {
	  
		$('.reservation-box').slideToggle('fast',  function() {
			if (showOrHide==true) {
		$('.button-reservation li').addClass('active');
		showOrHide=false;
			} else {
		$('.button-reservation li').removeClass('active');
		showOrHide=true;
		}
		
		$('#subject-email').val(subject);
		$('#date-from').val(datefrom);
		$('#date-to').val(dateto);
		
		});
	  }

});