var JavaScriptEnabled = false;
var numberOfYears = 10;

function performOnLoad(){
	toggleJavaScript();
	if(JavaScriptEnabled){
		setOptions('arrival_year',getYears());
		setOptions('departure_year',getYears());
	}
}


/*
** If JavaScript is disabled or blocked by the firewall
** the user can not submit the reservation. Therefor will the button not been displayed anymore
** and the messages what to do with the reservation changed accordingly.
** This is accomplished hiding the button and text to submit the form by default.
** Only when JavaScript can be used is the behavior of the web page changed.
*/
function toggleJavaScript(){
	var divJSText = document.getElementById("JSText");
	if(divJSText){
		divJSText.style.display = 'block';
	}
	divJSText = document.getElementById("noJSText");
	if(divJSText){
		divJSText.style.display = 'none';
	}

	var divJSYear = document.getElementById("JSYearArrival");
	if(divJSYear){
		divJSYear.style.display = 'block';
	}
	divJSYear = document.getElementById("JSYearDeparture");
	if(divJSYear){
		divJSYear.style.display = 'block';
	}
	divJSYear = document.getElementById("noJSYearArrival");
	if(divJSYear){
		divJSYear.style.display = 'none';
	}
	divJSYear = document.getElementById("noJSYearDeparture");
	if(divJSYear){
		divJSYear.style.display = 'none';
	}

	/* If the buttons on the page 'Reservations.html' will be displayed, will the years of selection have to be set dynamically. */
	var objJSRow = document.getElementById("JSRow");
	if(objJSRow){
		objJSRow.style.display = 'block';
		JavaScriptEnabled = true;
	}
	
	objJSRow = document.getElementById("JSEmptyRow");
	if(objJSRow){
		objJSRow.style.display = 'block';
	}

	var objJSMail = document.getElementById("JSMail");
	if(objJSMail){
		objJSMail.style.display = 'block';
	}
	objJSMail = document.getElementById("noJSMail");
	if(objJSMail){
		objJSMail.style.display = 'none';
	}
	var objJSVenues = document.getElementById("iconColumn");
	if(objJSVenues){
		objJSVenues.style.display = 'block';
	}
	var objJSVenuesHeader = document.getElementById("venuesHeader");
	if(objJSVenuesHeader){
		objJSVenuesHeader.style.display = 'block';
	}
	var objJSVenues = document.getElementById("imageColumn");
	if(objJSVenues){
		objJSVenues.style.display = 'block';
	}
	objJSVenues = document.getElementById("iconColumn_nojs");
	if(objJSVenues){
		objJSVenues.style.display = 'none';
	}
}

/*
** In the reservation page a visitor must be able to select a date somewhere in the current year and years thereafter.
** This function will start finding the current year and return that year and some following years. 
*/
function getYears(pNumber){
	var datCurrent = new Date();
	var yrCurrent = datCurrent.getFullYear();
	var arYears = null;
	if(parseInt(pNumber) > 0){
		arYears = new Array(pNumber);
	}else{
		arYears = new Array(numberOfYears);
	} 
	for(var i = 0; i < arYears.length;i++){
		arYears[i] = yrCurrent + i;
	}
	return arYears;
}


function setOptions(pIdField,pValues){
  var fldSelect = document.getElementById(pIdField);
	if(fldSelect == null){
		alert("Dit gaat niet werken!");
		return false;
	}
	fldSelect.options.length = 0;
	for(index in pValues) {
    fldSelect.options[fldSelect.options.length] = new Option(pValues[index], index);
	}
	fldSelect.selectedIndex = 0;
	var outputField = document.getElementById(pIdField + "hidden");
	outputField.value=pValues[fldSelect.selectedIndex];
}

function updateHiddenCompanion(pIdField){
  var fldSelect = document.getElementById(pIdField);
	var outputField = document.getElementById(pIdField + "hidden");
	outputField.value= fldSelect.options[fldSelect.selectedIndex].value;
}