function showrooms2(){
	$('#info').hide("slide", { direction: "left" }, 500, function(){
		$('#roomtype1.filled').show("slide", { direction: "right" }, 1000, function(){ 
			$('#roomtype2.filled').show("slide", { direction: "right" }, 1000,  function(){ 
				$('#roomtype3.filled').show("slide", { direction: "right" }, 1000,  function(){
					$('#roomtype4.filled').show("slide", { direction: "right" }, 1000);
				});
			}); 
		});
	});
}

function showrooms()
{
	$('#roomtype1', '#roomtype2', '#roomtype3', '#roomtype4').hide().removeClass('filled').unbind('click');
	$('#no_avail').hide();
	var item = $('#stay_kind').val(), nights = $('#nachten').val(), arrival = $('#aankomstdatum').val(), departure = $('#vertrek').val();
	var volwas = $('#volwas').val();
	$.post('jqfunctions.php?func=retrieve_availability', { item: item, nights: nights, arrival: arrival, departure: departure, volwas: volwas }, function(d) {
		var counter = 0;
		for (key in d)
		{
			var roomtype = d[key];
			var top = $('<div />').addClass('top')
				.append($('<h1 />').html(roomtype.title))
				.append($('<p class="description" />').html(roomtype.desc))
				.append($('<p class="available" />').html(roomtype.availablerooms+' kamer'+(roomtype.availablerooms==1?'':'s')+' beschikbaar'))
				.append($('<img />').attr('src',roomtype.image).attr('alt',roomtype.title))
			;
			var bottom = $('<div />').addClass('bottom').append($('<h2 />').addClass('price').html('&euro;&nbsp;' + roomtype.price)).append('Prijs voor gehele verblijf<br />(klik om te reserveren)');
			
			counter++;
			$('#roomtype' + counter).html('');
			$('#roomtype' + counter).append(top).append(bottom);
			$('#roomtype' + counter).append(top).append(bottom);
			$('#roomtype' + counter).data('roomtype_code', roomtype.roomtypecode);
			$('#roomtype' + counter).addClass('filled');
			if(roomtype.roomtypecode == 'LOFTS')
			{
				$('#roomtype' + counter).click(function() {
					showbooksplash(this,item,nights, arrival,departure,volwas,'LOFTS');
				});
			}
			if(roomtype.roomtypecode == 'LOFTM')
			{
				$('#roomtype' + counter).click(function() {
					showbooksplash(this,item,nights, arrival,departure,volwas,'LOFTM');
				});
			}
			if(roomtype.roomtypecode == 'LOFTL')
			{
				$('#roomtype' + counter).click(function() {
					showbooksplash(this,item,nights, arrival,departure,volwas,'LOFTL');
				});
			}
			if(roomtype.roomtypecode == 'PATIO')
			{
				$('#roomtype' + counter).click(function() {
					showbooksplash(this,item,nights, arrival,departure,volwas,'PATIO');
				});
			}
				
			if (counter == d.length)
			{
				for(i=counter+1; i<=4; i++)
				{
					$('#roomtype' + i).html('');
				}
				break; // klaar.
				
			} 
		}
		

		
		
		if (d.length <= 0)
		{
			$('.filled').removeClass('filled').hide();
			$('#selected_rate').html($('#stay_kind option:selected').text());
			$('#selected_arrival').html($('#aankomstdatum').val());			
			$('#selected_departure').html($('#vertrek').val());			
			$('#no_avail').show('slide', { direction: 'right' }, 1000);
		}
		showrooms2();
			
	}, 'json');
}

function showbooksplash(infodiv, item, nights, arrival, departure, volwas, c){
         $('#mask').css('width','1017px').css('height','521px');  
         $('#mask').fadeIn(1000);      
         $('#mask').fadeTo("slow",0.5);    

	 var winleft = $('#content').position();  
          
    //Set the popup window to center  
    $('#dialog').css('top',   '170px');  
	  $('#dialog').css('*top',   '230px');
    $('#dialog').css('left', winleft['left']+70);  
	  $('#dialog').css('height', '440px');
	  $('#dialog').css('width', '840px');
	  $('#dialog').css('overflow', 'auto');
            
 		$.post('reserveren.php', { 

				item: item,
				nights: nights,
				arrival: arrival,
				departure: departure,
				volwas: volwas,
				roomtype: c
				
			}, function(d) {
				
				 //transition effect 
				$('#dialog').html(d).find('#roominfo').html($(infodiv).find('.top').html()).find('p.available').remove();
	              $('#dialog').fadeIn(2000);   
	          //if mask is clicked  
	          $('#mask, span#close').click(function () {  
	              $('#mask').hide();  
	              $('#dialog').hide();  
	              $('#slider').hide();
	          });
			})
}

function showbooksplash1(item, nights, arrival, departure, volwas, c){
         $('#mask').css('width','1017px').css('height','521px');  
         $('#mask').fadeIn(1000);      
         $('#mask').fadeTo("slow",0.5);    

	 var winleft = $('#content').position();  
          
	//Set the popup window to center  
    $('#dialog').css('top',   '170px');  
	  $('#dialog').css('*top',   '230px');
    $('#dialog').css('left', winleft['left']+70);  
	  $('#dialog').css('height', '440px');
	  $('#dialog').css('width', '840px');
	  $('#dialog').css('overflow', 'auto');
            
 		$.post('reserveren.php', { 

				item: item,
				nights: nights,
				arrival: arrival,
				departure: departure,
				volwas: volwas,
				roomtype: c
				
			}, function(d) {
				
				 //transition effect 
				$('#dialog').html(d);
	              $('#dialog').fadeIn(2000);   

	          //if close button is clicked  
	          $('.window .close').click(function (e) {  
	              //Cancel the link behavior  
	              e.preventDefault();  
	              $('#mask, .window').hide();  
	          });       

	          //if mask is clicked  
	          $('#mask').click(function () {  
	              $('#mask').hide();  
	              $('#dialog').hide();  
	          });
			})
}

function showbooksplash2(item, nights, arrival, departure, volwas, c){
         $('#mask').css('width','1017px').css('height','521px');  
         $('#mask').fadeIn(1000);      
         $('#mask').fadeTo("slow",0.5);    

	 var winleft = $('#content').position();  
          
    //Set the popup window to center  
    $('#dialog').css('top',   '170px');  
	  $('#dialog').css('*top',   '230px');
    $('#dialog').css('left', winleft['left']+70);  
	  $('#dialog').css('height', '440px');
	  $('#dialog').css('width', '840px');
	  $('#dialog').css('overflow', 'auto');
            
 		$.post('reserveren.php', { 

				item: item,
				nights: nights,
				arrival: arrival,
				departure: departure,
				volwas: volwas,
				roomtype: c
				
			}, function(d) {
				
				 //transition effect 
				$('#dialog').html(d);
	              $('#dialog').fadeIn(2000);   

	          //if close button is clicked  
	          $('.window .close').click(function (e) {  
	              //Cancel the link behavior  
	              e.preventDefault();  
	              $('#mask, .window').hide();  
	          });       

	          //if mask is clicked  
	          $('#mask').click(function () {  
	              $('#mask').hide();  
	              $('#dialog').hide();  
	          });
			})
}

function showbooksplash3(item, nights, arrival, departure, volwas, c){
         $('#mask').css('width','1017px').css('height','521px');  
         $('#mask').fadeIn(1000);      
         $('#mask').fadeTo("slow",0.5);    

	 var winleft = $('#content').position();  
          
    //Set the popup window to center  
    $('#dialog').css('top',   '170px');  
	  $('#dialog').css('*top',   '230px');
    $('#dialog').css('left', winleft['left']+70);  
	  $('#dialog').css('height', '440px');
	  $('#dialog').css('width', '840px');
	  $('#dialog').css('overflow', 'auto');
            
 		$.post('reserveren.php', { 

				item: item,
				nights: nights,
				arrival: arrival,
				departure: departure,
				volwas: volwas,
				roomtype: c
				
			}, function(d) {
				
				 //transition effect 
				$('#dialog').html(d);
	              $('#dialog').fadeIn(2000);   

	          //if close button is clicked  
	          $('.window .close').click(function (e) {  
	              //Cancel the link behavior  
	              e.preventDefault();  
	              $('#mask, .window').hide();  
	          });       

	          //if mask is clicked  
	          $('#mask').click(function () {  
	              $('#mask').hide();  
	              $('#dialog').hide();  
	          });
			})
}

function showbooksplash4(item, nights, arrival, departure, volwas, c){
         $('#mask').css('width','1017px').css('height','521px');  
         $('#mask').fadeIn(1000);      
         $('#mask').fadeTo("slow",0.5);    

	 var winleft = $('#content').position();  
          
    //Set the popup window to center
    $('#dialog').css('top',   '170px');  
	  $('#dialog').css('*top',   '230px');
    $('#dialog').css('left', winleft['left']+70);  
	  $('#dialog').css('height', '440px');
	  $('#dialog').css('width', '840px');
	  $('#dialog').css('overflow', 'auto');
            
 		$.post('reserveren.php', { 

				item: item,
				nights: nights,
				arrival: arrival,
				departure: departure,
				volwas: volwas,
				roomtype: c
				
			}, function(d) {
				
				 //transition effect 
				$('#dialog').html(d);
	              $('#dialog').fadeIn(2000);   

	          //if close button is clicked  
	          $('.window .close').click(function (e) {  
	              //Cancel the link behavior  
	              e.preventDefault();  
	              $('#mask, .window').hide();  
	          });       

	          //if mask is clicked  
	          $('#mask').click(function () {  
	              $('#mask').hide();  
	              $('#dialog').hide();  
	          });
			})
}

function showrateinfo(code){
	if(code == 'RATE_LEKWKND')
	{
		$('#nachten').val('2');
		$('#nachten').attr("disabled",true);
	}
	else
		$('#nachten').attr("disabled",false);
		
	$.getJSON("jqfunctions.php", { func: "showrateinfo", rate: code }, function(data) {
 		 $('#filled').css('display','none');
 		 $('.filled').css('display','none');
		 $('#no_avail').css('display','none'); 
 		 $('#info').show();
 		 $('#rate_title').html(data.name);
 		 $('#rate_description_1').html(data.full);
 		 if (data.image)
			 $('#rate_description_commercial').html('<img src="http://www.dutchpancakes.nl/H2/admin/files/DHR/ratetypeimgs/'+data.image+'" width="200px">'+(data.commercial_description||''));
		 else
		 	 $('#rate_description_commercial').html(data.commercial_description||'');
 		 if (data.is_package){
 			 $('#nachten').val(data.package_nights);	
	 		 $('#nachten').attr("disabled", "disabled");
	 		 changedepdate();
	 		}	else if(code != 'RATE_LEKWKND'){
	 		 $('#nachten').removeAttr("disabled");
	 	  }

 });

	//change title, text 1 and text 2
}

function changedepdate(){
	
	var s = $('#aankomstdatum').val().split('-');

	var arrivalDate = new Date(s[2],eval(s[1])-1,s[0],0,0,0);
	
	if (new Date() > arrivalDate)
	{
		alert('Aankomstdatum kan niet in het verleden liggen.');
		return false;
	}
	var milliseconden = ($('#nachten').val() * 86400000) + 3660000;
	var departureDate = new Date();
	departureDate.setTime(arrivalDate.getTime() + milliseconden);

	var date = departureDate.getDate() + ""; // string van maken
	var month = (departureDate.getMonth()+1) + "";
	if (date.length <= 1) date = "0" + date;
	if (month.length <= 1) month = "0" + month;

	$('#vertrek').val(date + "-" + month + "-" + departureDate.getFullYear());
}

function changearrdate(){
	
	var s = $('#vertrek').val().split('-');
	
	var arrivalDate = new Date(s[2],eval(s[1])-1,s[0],0,0,0);
	
	if (new Date() > arrivalDate)
	{
		alert('Vertrekdatum kan niet in het verleden liggen.');
		return false;
	}
	var milliseconden = ($('#nachten').val() * 86400000) + 3660000;
	var departureDate = new Date();
	departureDate.setTime(arrivalDate.getTime() - milliseconden);

	var date = departureDate.getDate() + ""; // string van maken
	var month = (departureDate.getMonth()+1) + "";
	if (date.length <= 1) date = "0" + date;
	if (month.length <= 1) month = "0" + month;
	
	$('#aankomstdatum').val(date + "-" + month + "-" + departureDate.getFullYear());
}

function start_payment()
{
	var errors = 0;
	$('.unknown').hide();
	
	if ($('#frm_aanhef').val().length <= 0) { errors++; $('td:has(#frm_aanhef) ~ td:has(span) span').css('display', 'inline-block'); }
	if ($('#frm_firstname').val().length <= 0) { errors++; $('td:has(#frm_firstname) ~ td:has(span) span').css('display', 'inline-block'); }
	if ($('#frm_lastname').val().length <= 0) { errors++; $('td:has(#frm_lastname) ~ td:has(span) span').css('display', 'inline-block'); }
	if ($('#frm_address').val().length <= 0) { errors++; $('td:has(#frm_address) ~ td:has(span) span').css('display', 'inline-block'); }
	if ($('#frm_hno').val().length <= 0) { errors++; $('td:has(#frm_hno) ~ td:has(span) span').css('display', 'inline-block'); }
	if ($('#frm_zip').val().length <= 0) { errors++; $('td:has(#frm_zip) ~ td:has(span) span').css('display', 'inline-block'); }
	if ($('#frm_city').val().length <= 0) { errors++; $('td:has(#frm_city) ~ td:has(span) span').css('display', 'inline-block'); }
	if ($('#frm_emailprivate').val().length <= 0) { errors++; $('td:has(#frm_emailprivate) ~ td:has(span) span').css('display', 'inline-block'); }
	
	if (errors <= 0)
	{
		$('#frm_firstname').val($('#frm_firstname').val().substring(0,1).toUpperCase() + $('#frm_firstname').val().substring(1,$('#frm_firstname').val().length));
		$('#frm_lastname').val($('#frm_lastname').val().substring(0,1).toUpperCase() + $('#frm_lastname').val().substring(1,$('#frm_lastname').val().length));
		$('#frm_address').val($('#frm_address').val().substring(0,1).toUpperCase() + $('#frm_address').val().substring(1,$('#frm_address').val().length));
		$('#frm_city').val($('#frm_city').val().substring(0,1).toUpperCase() + $('#frm_city').val().substring(1,$('#frm_city').val().length));
		// afhandelen van extra's
		var extras = [ ];
		$('#extra_table tr').each(function(ndx, elm) {
			extras.push([ elm.id, $(elm).find('[name=count]').val(), $(elm).find('[name=start_date]').val(), $(elm).find('[name=end_date]').val() ].toString());
		});
		
		// opbouwen van post-set
		var post_set = { 'extras[]': extras };
		
		// invullen van de boeker-gegevens
		$('#userdata input[type=text], #userdata select').each(function(ndx, elm) {
			post_set[elm.name] = $(elm).val();
		});
		
		//opmerkingen meenemen
		var opmerkingen;
		if($('#frm_bron' == ''))
			opmerkingen = "Bron = geen.";
		else
			opmerkingen = "Bron = " + $('#frm_bron').val();
			
		opmerkingen = opmerkingen + "\n" + $('#opmerkingen').val();
		
		post_set['comments'] = opmerkingen;
		
		$.post('init_payment.php', post_set, function(d) {
			$('#userdata_step').slideUp(1000);
			$('#payment_step').html(d);
			$('#payment_step').slideDown(1000);
		});
	}
}

$(document).ready(function() {
	var temp=$('#stay_kind').val();
	showrateinfo (temp);
	$('.handle_datepicker').datepicker({ dateFormat: 'dd-mm-yy' });
	changedepdate();
	});