var navigation = false;
var showbackground = false;
//pagina kleiner maken bij lage resolutie


if (window.addEventListener){
	window.addEventListener("resize", resize, false);
} else {
	window.attachEvent("onresize", resize);
}


	if (window.addEventListener) {
		window.addEventListener("load", bodyInit, false);
	} else {
		window.attachEvent("onload", bodyInit);
	}



function bodyInit() {
	var Dock = new dock('dock');
	resize();
	//dynamisch transparantie
	var transparantinhoud = new transparant(document.getElementById("inhoud"), 50);
	var transparantnavigatie = new transparant(document.getElementById("navigatie"), 50);
	var showBackground = new showBackgroundImage();
	
	if (window.addEventListener) {
		document.getElementById("sluit").addEventListener("click", showBackground.transOut, false);
	} else {
		document.getElementById("sluit").attachEvent("onclick", showBackground.transOut);
	}
	$("#dialog").dialog({bgiframe: true, autoOpen: false, height: 150, width: 400, modal: true, resizable: false, buttons: {
				Ok: function() {
					$( this ).dialog( "close" );
				}
			} });

}

function showBackgroundImage() {
	showBackgroundImage.prototype.transOut = transOut;
	showBackgroundImage.prototype.trans = trans;
	showBackgroundImage.prototype.transNav = transNav;
	showBackgroundImage.prototype.navigatieTrans = navigatieTrans;
	
	var construct = eval(this);
	this.Obj = Array();
	this.Obj[0] = document.getElementById("inhoud");
	this.Obj[1] = document.getElementById("backgroundinhoud");
	this.Obj[2] = document.getElementById("navigatie");
	this.Obj[3] = document.getElementById("backgroundnavigatie");

	this.fps = 25;
	this.minTransObj = new Array()
	this.minTransObj[0] = 0;
	this.minTransObj[1] = 0;
	this.minTransObj[2] = 0;
	this.minTransObj[3] = 0;
	this.maxTransObj = new Array()
	this.maxTransObj[0] = 100;
	this.maxTransObj[1] = 50;
	this.maxTransObj[2] = 100;
	this.maxTransObj[3] = 50;
	
	this.lengthAnimation = 500;
	
	this.stepWidthObj = new Array()
	this.stepWidthObj[0] = (this.maxTransObj[0] - this.minTransObj[0]) / (this.fps / 1000 * this.lengthAnimation);
	this.stepWidthObj[1] = (this.maxTransObj[1] - this.minTransObj[1]) / (this.fps / 1000 * this.lengthAnimation);
	this.stepWidthObj[2] = (this.maxTransObj[2] - this.minTransObj[2]) / (this.fps / 1000 * this.lengthAnimation);
	this.stepWidthObj[3] = (this.maxTransObj[3] - this.minTransObj[3]) / (this.fps / 1000 * this.lengthAnimation);

	this.opacityObj = new Array()
	this.opacityObj[0] = this.maxTransObj[0];
	this.opacityObj[1] = this.maxTransObj[1];
	this.opacityObj[2] = this.maxTransObj[2];
	this.opacityObj[3] = this.maxTransObj[3];

	this.timerOut = 0;
	this.direction = "out";
	


	function transOut() {
		showbackground = true;
		clearInterval(construct.timerOut);
		construct.timerOut = setInterval(function() {
			trans(construct.direction);
		}, 1000 / construct.fps);
	}

	function transNav() {
	
		if (navigation == false) {
			for (var i = 2; i < construct.Obj.length; i++) {
				construct.opacityObj[i] = 0;
				construct.Obj[i].style.opacity = 0;
				construct.Obj[i].style.filter = "alpha(opacity=0)";
			}
		}

		clearInterval(construct.timerOut);
		construct.timerOut = setInterval(function() {
			navigatieTrans();
		}, 1000 / construct.fps);
	}


	function navigatieTrans() {
			for (var i = 2; i < construct.Obj.length; i++) {

					construct.Obj[i].style.display = "block";
					construct.opacityObj[i] += construct.stepWidthObj[i];
					construct.Obj[i].style.opacity = (construct.opacityObj[i] / 100);
					construct.Obj[i].style.filter = "alpha(opacity=" + construct.opacityObj[i] + ")";
					
					if (construct.opacityObj[i] >= construct.maxTransObj[i]) {
						construct.Obj[i].style.opacity = (construct.maxTransObj[i] / 100);
						construct.opacityObj[i] = construct.maxTransObj[i];
						clearInterval(construct.timerOut);
						document.getElementById("sluit").style.backgroundPosition = "0px 0px"
						construct.direction = "out";
						navigation = true;
					}
			}
	}

	function trans(richting) {
		if (richting == "in") {
			for (var i = 0; i < construct.Obj.length; i++) {
				if ((i == 2 || i == 3) && construct.Obj[2].innerHTML == "") {
				
				} else {
					construct.Obj[i].style.display = "block";
				}
					construct.opacityObj[i] += construct.stepWidthObj[i];
					construct.Obj[i].style.opacity = (construct.opacityObj[i] / 100);
					construct.Obj[i].style.filter = "alpha(opacity=" + construct.opacityObj[i] + ")";
					
					if (construct.opacityObj[i] >= construct.maxTransObj[i]) {
						construct.Obj[i].style.opacity = (construct.maxTransObj[i] / 100);
						construct.opacityObj[i] = construct.maxTransObj[i];
						clearInterval(construct.timerOut);
						document.getElementById("sluit").style.backgroundPosition = "0px 0px"
						construct.direction = "out";
						showbackground = false;
					}
			}
		} else {
			for (var i = 0; i < construct.Obj.length; i++) {
				construct.opacityObj[i] -= construct.stepWidthObj[i];

				construct.Obj[i].style.opacity = (construct.opacityObj[i] / 100);	
				construct.Obj[i].style.filter = "alpha(opacity=" + construct.opacityObj[i] + ")";
				
				if (construct.opacityObj[i] <= construct.minTransObj[i]) {
					construct.Obj[i].style.opacity = (construct.minTransObj[i] / 100);
					construct.opacityObj[i] = construct.minTransObj[i];
					clearInterval(construct.timerOut);
					construct.Obj[i].style.display = "none";
					document.getElementById("sluit").style.backgroundPosition = "0px 22px"
					construct.direction = "in";
					showbackground = true;
					
				}
			}
		}
	}

}


jQuery(function($){
	$.datepicker.regional['nl'] = {
		closeText: 'Sluiten',
		prevText: '?',
		nextText: '?',
		currentText: 'Vandaag',
		monthNames: ['januari', 'februari', 'maart', 'april', 'mei', 'juni',
		'juli', 'augustus', 'september', 'oktober', 'november', 'december'],
		monthNamesShort: ['jan', 'feb', 'maa', 'apr', 'mei', 'jun',
		'jul', 'aug', 'sep', 'okt', 'nov', 'dec'],
		dayNames: ['zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag'],
		dayNamesShort: ['zon', 'maa', 'din', 'woe', 'don', 'vri', 'zat'],
		dayNamesMin: ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'],
		weekHeader: 'Wk',
		dateFormat: 'dd-mm-yy',
		firstDay: 1,
		isRTL: false,
		showMonthAfterYear: false,
		yearSuffix: ''};
	$.datepicker.setDefaults($.datepicker.regional['nl']);
});