//var sDomain = 'http://www.webkey4.nl/klant/vakanz/';
var sDomain = 'http://www.gezinsparken.nl/';
$(document).ready(function() {
	//initSlideshow();
	initLightbox();
	fancySelectbox();	
	slider();
	initTabs();
	zebraList();
	showPersonen();
	changeImage();
	disablePeriod();
	getPerioden();
});
$(window).load(function(){
	$('#loading').fadeOut(300,function(){
		$('#park_fotos #fotos').fadeIn(300);								   
	});
});
function initLightbox(){
	if( $('body').hasClass('albums') ){
		var nAlbums = $('.foto').size();
		//var test = '';
		for(var nI = 1; nI <= nAlbums; nI++){
			$("a[rel='lightbox-"+nI+"']").facebox();		
		}
		//alert(test);
	} else {
		$("a[rel='lightbox']").facebox();
	}
}
function initSlideshow() {
	$('#foto_container').cycle({
		fx:     'fade',
		timeout: 2000,
		speed:	 2500
	});
}
function fancySelectbox(){
	$('#select-land, #select-aankomst, #nPersonen, #sGevonden, #select-gezelschap').selectbox();
}
function initTabs(){
	var nCount = 65;
	$('#tabs ul li a, #tabs-boeken ul li a').each(function(){
		$(this).css('z-index',nCount);
		nCount--;								 
	});
	$('#tabs ul li a.active, #tabs-boeken ul li a.active').css('z-index',70);
}
function zebraList(){
	$('#boeken-content-middle ul.periods li:even').addClass('odd');	
}
function showPersonen(){
	
	//var oDiv = $('#persoon-1');
	var nOldAmount = parseInt($('#nPersonen_input').val());
	
	var oPersoon;
	var nY;
	
	$('#nPersonen_container ul li').click(function(){
		
		var nAmount = $(this).text() / 1;
		
		if(nAmount > nOldAmount){
			
			var nSize = nAmount - nOldAmount;
			
			for(var nI = nSize; nI > 0; nI--){
				
				//oPersoon = oDiv.clone(true);
				nY = nI + nOldAmount;
				
				oPersoon = '';
				oPersoon += '<div class="persoon" id="persoon-'+nY+'">';
				oPersoon += '<h4>Persoon '+nY+'</h4>';
				oPersoon += '<div class="column">';
				oPersoon += '<div class="entry">';
				oPersoon += '<label for="sVoorletters-'+nY+'">Voorletters</label>';
				oPersoon += '<div class="input">';
				oPersoon += '<input type="text" name="sVoorletters[]" id="sVoorletters-'+nY+'" class="text voorletters" />';
				oPersoon += '</div>';
				oPersoon += '</div>';
				oPersoon += '<div class="entry">';
				oPersoon += '<label for="sAchternaam-'+nY+'">Achternaam</label>';
				oPersoon += '<div class="input">';
				oPersoon += '<input type="text" name="sAchternaam[]" id="sAchternaam-'+nY+'" class="text achternaam" />';
				oPersoon += '</div>';
				oPersoon += '</div>';
				oPersoon += '</div>';
				oPersoon += '<div class="column" style="float: right;">';
				oPersoon += '<div class="entry">';
				oPersoon += '<label>Geslacht</label>';
				oPersoon += '<div class="radios">';
				oPersoon += '<div class="radio">';
				oPersoon += '<input type="radio" name="sGeslacht-'+nY+'" value="1" />';
				oPersoon += '</div>';
				oPersoon += '<span class="value">Man</span>';
				oPersoon += '<div class="radio">';
				oPersoon += '<input type="radio" name="sGeslacht-'+nY+'" value="0" />';
				oPersoon += '</div>';
				oPersoon += '<span class="value">Vrouw</span>';
				oPersoon += '</div>';
				oPersoon += '</div>';
				oPersoon += '<div class="entry">';
				oPersoon += '<label for="sGeboortedatum-'+nY+'">Geboortedatum</label>';
				oPersoon += '<div class="input">';
				oPersoon += '<input type="text" name="sGeboortedatum[]" id="sGeboortedatum-'+nY+'" class="text geboortedatum" />';
				oPersoon += '</div>';
				oPersoon += '</div>';
				oPersoon += '</div>';
			  	oPersoon += '</div>';
				
				/*oPersoon.attr('id','persoon-'+nY);
				oPersoon.find('h4').html('Persoon '+nY);
				oPersoon.find('.voorletters').attr('id','sVoorletters-'+nY);
				oPersoon.find('.voorletters').parent().prev('label').attr('for','sVoorletters-'+nY);
				oPersoon.find('.achternaam').attr('id','sAchternaam-'+nY);
				oPersoon.find('.achternaam').parent().prev('label').attr('for','sAchternaam-'+nY);
				oPersoon.find('input[type=radio]').attr('name','sGeslacht-'+nY);
				oPersoon.find('.geboortedatum').attr('id','sGeboortedatum-'+nY);
				oPersoon.find('.geboortedatum').parent().prev('label').attr('for','sGeboortedatum-'+nY);
				oPersoon.find(':input').each(function(){
													  
					switch(this.type) {
						case 'password':
						case 'select-multiple':
						case 'select-one':
						case 'text':
						case 'textarea':
							$(this).val('');
						break;
						case 'checkbox':
						case 'radio':
							this.checked = false;
					}
					
				});*/
				
				$('#persoon-'+nOldAmount).after(oPersoon);
				
			}
			nOldAmount = nAmount;
			
		} else if(nAmount < nOldAmount){
			
			var nSize = nOldAmount - nAmount;
			
			for(var nI = 0; nI < nSize; nI++){
				
				var nY = nOldAmount - nI;
				$('#persoon-'+nY).remove();	
				
			}
			nOldAmount = nAmount;
		}
	});
}
function changeImage(){
	$('#thumbs .thumb').click(function(){
		var sSrc = $(this).children('img').attr('src').replace('_thumb','_normal');
		$('#foto_groot img').attr('src',sSrc);
	});
}
function plaatsBoeking() {
	if($('#sVoorwaarden').is(':checked')){
		$('#melding_voorwaarden').hide();
		$('form#send-boeking').trigger('submit');
		return false;
	} else {
		$('#melding_voorwaarden').show();
	}
}
function disablePeriod(){
	$('#boeken-content-middle ul.periods li.vol span:not(.price,.date)').animate({opacity: 0.5},0);
	$('#boeken-content-middle ul.periods li.vol span.date').css('color','#aac5d8');
	$('#boeken-content-middle ul.periods li.vol input.checkbox').attr('disabled', true);	
}

function getPerioden(){
	$('#select-land_container ul li').click(function(){
				
		var sLand = $(this).text();
		
		$.ajax({
			type: 'POST',
			url: sDomain+'inc/beschikbaarheid.inc.php',
			data: 'land=' + sLand,
			success: function(result){
				
				$('#select-aankomst').html(result);

				$('#select-aankomst_input, #select-aankomst_container').remove();
				
				$('#select-aankomst').selectbox();
				
			}
		});
	});
}


function nieuwsbrief() {	
	$('#nieuwsbriefformulier').validate({
		rules: {
			sNaam: 'required',
			sAdres: 'required',
			sPostcode: 'required',
			sPlaats: 'required',
			sTelefoon: 'required',
			sGekomen: 'required',
			sEmail: {
				required: true,
				email: true
			}
		},
		messages: {
			sNaam: 'Vul a.u.b. uw naam in.',
			sAdres: 'Vul a.u.b. uw adres in.',
			sPostcode: 'Vul a.u.b. uw postcode in.',
			sPlaats: 'Vul a.u.b. uw plaats in.',
			sTelefoon: 'Vul a.u.b. uw telefoon in.',
			sGekomen: 'Vul a.u.b. in hoe u aan ons bent gekomen.',
			sEmail: {
				required: 'Vul a.u.b. uw e-mailadres in.',
				email: 'Vul a.u.b. een geldig e-mailadres in.'
			}
		},
		errorContainer: '#errors',
		errorLabelContainer: '#errors ul',
		wrapper: 'li',
		submitHandler: function(form) {
			form.submit();
		}
	});	
}