/****************************************
(c) 2011 Niels Kim, Studio BEN
Lay-out: Hotel Boschhuis
Bestand: functies.js
****************************************/

/* Resize achtergrondfoto */
$(window).load(function() {    
	var venster		= $(window),
	$achtergrond	= $("#bgfoto"),
	aspectRatio		= $achtergrond.width() / $achtergrond.height();

	function resizeAchtergrond() {
		if ((venster.width() / venster.height()) < aspectRatio) {
			$achtergrond.removeClass().addClass('bgfotoheight');
		} 
		else {
			$achtergrond.removeClass().addClass('bgfotowidth');
		}
	}
	venster.resize(function() {
		resizeAchtergrond();
	}).trigger("resize");
});
/* Eind resize achtergrondfoto */

/* Gewone mail */
$(document).ready(function(){
	/* Controle Javascript bij laden */
	$('#contact_form').show();
	$('#contact_js_error').hide();
	$('.contact_error').hide();
	
	/* Versturen mail */
	$("#cont_submit").click(function() {
		$('.contact_error').hide();

		var cspam = $("#cont_spam").val();
		var cnaam = $("#cont_naam").val();
		var cemail = $("#cont_email").val();
		var cbericht = $("#cont_bericht").val();
		if(cspam.length > 0 || cnaam.length < 3 || cemail.length < 3 || cemail.indexOf('.') == -1 || cemail.search('@') == -1 || cbericht.length < 3) {
			if(cspam.length > 0) {
				$("#cont_spam_error").slideDown();
			}
			if(cbericht.length < 3) {
				$("#cont_bericht_error").slideDown();
				$("#cont_bericht").focus();
			}
			if(cemail.length < 3 || cemail.indexOf('.') == -1 || cemail.search('@') == -1) {
				$("#cont_email_error").slideDown();
				$("#cont_email").focus();
			}
			if(cnaam.length < 3) {
				$("#cont_naam_error").slideDown();
				$("#cont_naam").focus();
			}
			return false;
		}

		var cgegevens = 'cnaam='+ cnaam + '&cemail=' + cemail + '&cbericht=' + cbericht;
		$.ajax({
			type: 'POST',
			url: 'plugins/mail/script_mail.php',
			data: cgegevens,
			success: function() {
				$('#contact_form').html('<div id="cont_uitkomst"></div>');
				$('#cont_uitkomst').html('<p>Uw bericht is succesvol verzonden. We zullen zo spoedig mogelijk reageren op uw mail.</p>').hide().fadeIn();
			}
		});
		return false;
	});
});

/* Reserveringsmail */
$(document).ready(function(){
	/* Controle Javascript bij laden */
	$('#reserveren_keuze').show();
	$('#reserveren_js_error').hide();
	$('.reserveren_error').hide();
	
	$('#rese_keuze_rest').click(function(){
		$('#rese_keuze_hotel').removeClass('rese_gemaaktekeuze');
		$('.toon_hotelrese').hide();
		$('#reserveren_form').show();
		$('.toon_restrese').show();
		$('#rese_keuze_rest').addClass('rese_gemaaktekeuze');
		$('#rese_typeform').val('1');
	});
	$('#rese_keuze_hotel').click(function(){
		$('#rese_keuze_rest').removeClass('rese_gemaaktekeuze');
		$('.toon_restrese').hide();
		$('#reserveren_form').show();
		$('.toon_hotelrese').show();
		$('#rese_keuze_hotel').addClass('rese_gemaaktekeuze');
		$('#rese_typeform').val('2');
	});
	
	/* Versturen mail */
	$("#rese_submit").click(function() {
		$('.reserveren_error').hide();

		/* Variabelen algemeen */
		var res_typeform = $('#rese_typeform').val();
		var res_spam = $("#rese_spam").val();
		var res_naam = $("#rese_naam").val();
		var res_telnr = $("#rese_telnr").val();
		var res_email = $("#rese_email").val();

		/* Variabelen restaurant */
		var res_restdatum = $("#rese_restdatum").val();
		var res_resttijd = $("#rese_resttijd").val();
		var res_restaantpers = $("#rese_restaantalpers").val();

		/* Variabelen hotel */
		var res_datumaankomst = $("#rese_datumaankomst").val();
		var res_datumvertrek = $("#rese_datumvertrek").val();
		var res_typekamer = $("input[name='rese_typekamer']:checked").val();
		var res_aantkamers = $("#rese_aantalkamers").val();
		var res_aantpers = $("#rese_aantalpers").val();
		var res_opmerkingen = $("#rese_opmerkingen").val();
		
		if(res_typeform == 1) { //type is restaurant
			if(res_spam.length > 0 || res_naam.length < 3 || res_telnr.length < 10 || res_email.length < 3 || res_email.indexOf('.') == -1 || res_email.search('@') == -1 || res_restdatum.length < 10 || res_restaantpers.length < 1) {
				if(res_spam.length > 0) {
					$("#rese_spam_error").slideDown();
				}
				if(res_restaantpers.length < 1) {
					$("#rese_restaantalpers_error").slideDown();
					$("#rese_restaantalpers").focus();
				}
				if(res_restdatum.length < 10) {
					$("#rese_restdatum_error").slideDown();
				}
				if(res_email.length < 3 || res_email.indexOf('.') == -1 || res_email.search('@') == -1) {
					$("#rese_email_error").slideDown();
					$("#rese_email").focus();
				}
				if(res_telnr.length < 3) {
					$("#rese_telnr_error").slideDown();
					$("#rese_telnr").focus();
				}
				if(res_naam.length < 3) {
					$("#rese_naam_error").slideDown();
					$("#rese_naam").focus();
				}
				return false;
			}
			
			var res_gegevens = 'res_naam=' + res_naam + '&res_telnr=' + res_telnr + '&res_email=' + res_email + '&res_restdatum=' + res_restdatum + '&res_resttijd=' + res_resttijd + '&res_restaantpers=' + res_restaantpers + '&res_opmerkingen=' + res_opmerkingen;
			$.ajax({
				type: 'POST',
				url: 'plugins/mail/script_reserveren_rest.php',
				data: res_gegevens,
				success: function() {
					$('#reserveren_keuze').hide();
					$('#reserveren_form').html('<div id="rese_uitkomst"></div>');
					$('#rese_uitkomst').html('<p>Uw reservering is succesvol verzonden. We zullen zo spoedig mogelijk reageren op uw reserveringsaanvraag, pas daarna is uw reservering definitief.</p>').hide().fadeIn();
				}
			});
			return false;
		}
		else if(res_typeform == 2) { //type is hotel
			if(res_spam.length > 0 || res_naam.length < 3 || res_telnr.length < 10 || res_email.length < 3 || res_email.indexOf('.') == -1 || res_email.search('@') == -1 || res_datumaankomst.length < 10 || res_datumvertrek.length < 10 || res_aantkamers.length < 1 || res_aantpers.length < 1) {
				if(res_spam.length > 0) {
					$("#rese_spam_error").slideDown();
				}
				if(res_aantpers.length < 1) {
					$("#rese_aantalpers_error").slideDown();
					$("#rese_aantalpers").focus();
				}
				if(res_aantkamers.length < 1) {
					$("#rese_aantalkamers_error").slideDown();
					$("#rese_aantalkamers").focus();
				}
				if(res_datumvertrek.length < 10) {
					$("#rese_datumvertrek_error").slideDown();
				}
				if(res_datumaankomst.length < 10) {
					$("#rese_datumaankomst_error").slideDown();
				}
				if(res_email.length < 3 || res_email.indexOf('.') == -1 || res_email.search('@') == -1) {
					$("#rese_email_error").slideDown();
					$("#rese_email").focus();
				}
				if(res_telnr.length < 3) {
					$("#rese_telnr_error").slideDown();
					$("#rese_telnr").focus();
				}
				if(res_naam.length < 3) {
					$("#rese_naam_error").slideDown();
					$("#rese_naam").focus();
				}
				return false;
			}
			
			var res_gegevens = 'res_naam=' + res_naam + '&res_telnr=' + res_telnr + '&res_email=' + res_email + '&res_datumaankomst=' + res_datumaankomst + '&res_datumvertrek=' + res_datumvertrek + '&res_typekamer=' + res_typekamer + '&res_aantkamers=' + res_aantkamers + '&res_aantpers=' + res_aantpers + '&res_opmerkingen=' + res_opmerkingen;
			$.ajax({
				type: 'POST',
				url: 'plugins/mail/script_reserveren.php',
				data: res_gegevens,
				success: function() {
					$('#reserveren_keuze').hide();
					$('#reserveren_form').html('<div id="rese_uitkomst"></div>');
					$('#rese_uitkomst').html('<p>Uw reservering is succesvol verzonden. We zullen zo spoedig mogelijk reageren op uw reserveringsaanvraag, pas daarna is uw reservering definitief.</p>').hide().fadeIn();
				}
			});
			return false;
		}
		else { //type klopt niet
			alert('Er gaat iets fout.');
			return false;
		}
	});
});

$(document).ready(function(){
	$("#rese_restdatum").datepicker({
		minDate: '+1D',
		maxDate: '+1Y',
		dateFormat: 'dd-mm-yy',
		showOn: 'both',
		buttonImage: '/images/calendar-day.png',
		buttonImageOnly: true
	});
	$("#rese_datumaankomst").datepicker({
		minDate: '+1D',
		maxDate: '+1Y',
		dateFormat: 'dd-mm-yy',
		showOn: 'both',
		buttonImage: '/images/calendar-day.png',
		buttonImageOnly: true
	});
	$("#rese_datumvertrek").datepicker({
		minDate: '+2D',
		maxDate: '+1Y',
		dateFormat: 'dd-mm-yy',
		showOn: 'both',
		buttonImage: '/images/calendar-day.png',
		buttonImageOnly: true
	});
	
	$("#sb_fotos ul li a").fancybox();
});
