// JavaScript Document

var alreadyAsked = false;
function loadPage(url){
	window.location='#'+url;
	alreadyAsked = true;
}


$(function(){  
	var count=0;
	$(window).bind('hashchange', function(){
		var hash = location.hash;
		url = hash.replace("#","");
		if(url==""){return}
		if(count>0 && alreadyAsked==false){
			if(url==''){
				var pathname = window.location.pathname;
				pathname= pathname.replace(/\//, "");
				pathname= pathname.replace(/.html/, "");
				if(pathname==''){
					url='home';
				}else{
					url=pathname;	
				}
			}
			if(url!=='reserveren_stap2' && url!=='reserveren_stap3' && url!=='reserveren_stap4' && url!=='reserveren_succes' && url!=='reserveren_decline' && url!=='reserveren_exception' && url!=='reserveren_cancel'){
				$('#flashHeader').externalInterface({method:'sendPage', args:url});
			}else if(url=='reserveren_succes' || url=='reserveren_decline' || url=='reserveren_exception' || url=='reserveren_cancel'){
				$('#flashHeader').externalInterface({method:'sendPage', args:'reserveren'});
			}
		}
		count++;
		alreadyAsked=false;
		$('#content').load('pages/'+url+'.php');	
		$("#fotoSlide").easySlider({
			auto: true,
			continuous: true,
			pause:4000
		});
	})

	$(window).trigger('hashchange');
  
  	$('a[rel*=external]').click( function() {
 		window.open(this.href);
  		return false;
   	});
	
	$("#fotoSlide").easySlider({
		auto: true,
		continuous: true,
		pause:4000
	});
  
});

var HB_checkFieldTimer = new Array();
var HB_fieldObject = new Array();
var request = new Array();

var nieuweWaarde = new Array();
var validatie =  new Array();
var message =  new Array();
var correctmessage =  new Array();

//Contact form check
	
function HB_requestCheckFormField(){
	type = $(this).attr('id');
	HB_checkFieldTimer[type] = clearTimeout(HB_checkFieldTimer[type]);
	HB_fieldObject[type] = $(this);
	HB_checkFieldTimer[type] = setTimeout(HB_checkFormField,10); // time delay if needed
}

function HB_checkFormField(tag){
	type = HB_fieldObject[type].attr('id');
	waarde = HB_fieldObject[type].val();
	//alert(waarde);
	//alert(type);
	request[type] = $.ajax({
	   type: "POST",
	   url: 'js/formCheck/formCheck.php?waarde='+waarde+'&type='+type,
	   data: "type="+type+"&waarde="+waarde,
	   success: function(code){
		    eval(code);				
			HB_fieldObject[type].val(nieuweWaarde[type]);		
			if(validatie[type]==1){
				HB_fieldObject[type].css({border:"1px solid #ccc"});
				$('#'+type+'_msg p').html("<br />"+correctmessage[type]);
				$('#'+type+'_msg p').css({fontSize:"10px", color:"#FF6600", paddingTop:"10px"});
			}else{
				HB_fieldObject[type].css({border:"1px solid #990000"});
				$('#'+type+'_msg p').html("<br />"+message[type]);
				$('#'+type+'_msg p').css({fontSize:"10px", color:"#990000", paddingTop:"10px"});
			}			
		}
	});
}

function HB_setDatum(datum){
	type='reserveren_datum';
	waarde=datum;
	request[type] = $.ajax({
	   type: "POST",
	   url: 'js/formCheck/formCheck.php?waarde='+waarde+'&type='+type,
	   data: "type="+type+"&waarde="+waarde,
	   success: function(code){
		    eval(code);				
			if(validatie[type]==1){
				$('#RES_1_2').css({display:'block'});
				if(waarde=='18 juni 2011'){
					$('#reserveren_18juni2011').css({background:'#56647F', opacity:'1'});
					$('#reserveren_19juni2011').css({background:'#3A4354', opacity:'0.3'});
				}else if(waarde=='19 juni 2011'){
					$('#reserveren_19juni2011').css({background:'#56647F', opacity:'1'});
					$('#reserveren_18juni2011').css({background:'#3A4354', opacity:'0.3'});
				}
			}		
		}
	});
}

function HB_setVoorwaarden(){
	type='reserveren_voorwaarden';
	waarde = $('#voorwaarden input[type=checkbox]:checked').val() != undefined;
	waarde = $('#voorwaarden input[type=checkbox]:checked').val() == undefined;
	request[type] = $.ajax({
	   type: "POST",
	   url: 'js/formCheck/formCheck.php?waarde='+waarde+'&type='+type,
	   data: "type="+type+"&waarde="+waarde,
	   success: function(code){
		    eval(code);	
		}
	});
}

function voorwaarden(status){
	if(status=='open'){
		
		$('body').append('<div title="Klik hier om te sluiten" id="voorwaardenContainer"></div><div id="voorwaardenContent"></div><div id="voorwaardenSluiten">Sluiten</div>');
		$('#voorwaardenContainer').click(function(){
			voorwaarden();
		});
		$('#voorwaardenSluiten').click(function(){
			voorwaarden();
		});
		$('#voorwaardenContent').load('pages/voorwaarden.php');
	}else{
		$('#voorwaardenContainer').remove();
		$('#voorwaardenContent').remove();
		$('#voorwaardenSluiten').remove();
	}
}