var menuAlgemeenReady = false;
var menuWitloxReady = false;
var menuVandenboomenReady = false;
var menuCareerReady = false;

window.addEvent('load', function() {
	$('menuButtonAlgemeen').addEvent('mouseover', function() {
		
		$('menubg').setStyle('background-position', '0px 0px');

		if($('ulMenuAlgemeen')){
			$('ulMenuAlgemeen').setStyle('display', 'block');
		}				
		$('menuAlgemeen').setStyle('display', 'block');

		if($('ulMenuWitlox')){
			$('ulMenuWitlox').setStyle('display', 'none');
		}		
		$('menuWitlox').setStyle('display', 'none');
		
		if($('ulMenuVandenboomen')){
			$('ulMenuVandenboomen').setStyle('display', 'none');
		}
		$('menuVandenboomen').setStyle('display', 'none');

		if($('ulMenuCareer')){
			$('ulMenuCareer').setStyle('display', 'none');
		}
		if($('menuCareer')){
			$('menuCareer').setStyle('display', 'none');
		}
		
		if (!menuAlgemeenReady) {
			menuAlgemeenReady = true;
			var menuAlgemeen = new UvumiDropdown("ulMenuAlgemeen", {
				duration : 1,
				delay : 300,
				clickToOpen : false,
				transition : Fx.Transitions.Sine.Out
			});
		}
	});
	
	$('menuButtonWitlox').addEvent('mouseover', function() {
		$('menubg').setStyle('background-position', '0px -82px');
		if($('ulMenuAlgemeen')){
			$('ulMenuAlgemeen').setStyle('display', 'none');
		}				
		$('menuAlgemeen').setStyle('display', 'none');

		if($('ulMenuWitlox')){
			$('ulMenuWitlox').setStyle('display', 'block');
		}		
		$('menuWitlox').setStyle('display', 'block');
		
		if($('ulMenuVandenboomen')){
			$('ulMenuVandenboomen').setStyle('display', 'none');
		}
		$('menuVandenboomen').setStyle('display', 'none');

		if($('ulMenuCareer')){
			$('ulMenuCareer').setStyle('display', 'none');
		}
		if($('menuCareer')){
			$('menuCareer').setStyle('display', 'none');
		}
		
		if (!menuWitloxReady) {
			menuWitloxReady = true;
			var menuWitlox = new UvumiDropdown("ulMenuWitlox", {
				duration : 1,
				delay : 300,
				clickToOpen : false,
				transition : Fx.Transitions.Sine.Out
			});
		}
	});
	$('menuButtonVandenboomen').addEvent('mouseover', function() {
		$('menubg').setStyle('background-position', '0px -164px');
		if($('ulMenuAlgemeen')){
			$('ulMenuAlgemeen').setStyle('display', 'none');
		}
		if($('menuAlgemeen')){
			$('menuAlgemeen').setStyle('display', 'none');
		}				

		if($('ulMenuWitlox')){
			$('ulMenuWitlox').setStyle('display', 'none');
		}
		if($('menuWitlox')){
			$('menuWitlox').setStyle('display', 'none');
		}		
		
		if($('ulMenuVandenboomen')){
			$('ulMenuVandenboomen').setStyle('display', 'block');
		}
		if($('menuVandenboomen')){
			$('menuVandenboomen').setStyle('display', 'block');
		}

		if($('ulMenuCareer')){
			$('ulMenuCareer').setStyle('display', 'none');
		}
		if($('menuCareer')){
			$('menuCareer').setStyle('display', 'none');
		}

		
		if (!menuVandenboomenReady) {
			menuVandenboomenReady = true;
			var menuVandenboomen = new UvumiDropdown("ulMenuVandenboomen", {
				duration : 1,
				delay : 300,
				clickToOpen : false,
				transition : Fx.Transitions.Sine.Out
			});
		}
	});
	
	if($('menuButtonCareer')){
		$('menuButtonCareer').addEvent('mouseover', function() {
			$('menubg').setStyle('background-position', '0px -246px');
			if($('ulMenuAlgemeen')){
				$('ulMenuAlgemeen').setStyle('display', 'none');
			}				
			$('menuAlgemeen').setStyle('display', 'none');
	
			if($('ulMenuWitlox')){
				$('ulMenuWitlox').setStyle('display', 'none');
			}		
			$('menuWitlox').setStyle('display', 'none');
			
			if($('ulMenuVandenboomen')){
				$('ulMenuVandenboomen').setStyle('display', 'none');
			}
			$('menuVandenboomen').setStyle('display', 'none');
	
			if($('ulMenuCareer')){
				$('ulMenuCareer').setStyle('display', 'block');
			}
			if($('menuCareer')){
				$('menuCareer').setStyle('display', 'block');
			}
			
			if (!menuCareerReady) {
				menuCareerReady = true;
				var menuCareer = new UvumiDropdown("ulMenuCareer", {
					duration : 1,
					delay : 300,
					clickToOpen : false,
					transition : Fx.Transitions.Sine.Out
				});
			}
		});
	}
	
	$$('#menuAlgemeen','#menuWitlox','#menuVandenboomen', '#menuCareer').addEvent('mouseover', function() {
		this.setStyle('height','200px');
	});
	$$('#menuAlgemeen','#menuWitlox','#menuVandenboomen', '#menuCareer').addEvent('mouseout', function() {
		this.setStyle('height','21px');
	});
	
	$(activemenu).fireEvent('mouseover');
	$(activemenu).fireEvent('mouseout');

	var images1 = $$('#banner img') // the images
	var imgTotal1 = images1.length - 1;
	var pos1 = 0;
	var imgSrcs1 = new Array();

	images1.each( function(el, l) {
		imgSrcs1[l] = images1[l].src;
	});

	var myImages1 = new Asset.images(imgSrcs1, {
		onProgress : function() {

		},
		onComplete : function() {
			if (images1.length > 1) {
				fadeImages1.periodical(7000);
			}
		}
	});

	function fadeImages1() {
		if (pos1 == imgTotal1) {
			fadeImgOut1 = imgTotal1;
			fadeImgIn1 = 0;
			pos1 = 0;
		} else {
			fadeImgOut1 = pos1;
			fadeImgIn1 = pos1 + 1;
			pos1++;
		}

		var fadeOut1 = new Fx.Tween(images1[fadeImgOut1], {
			duration : 1000
		});
		var fadeIn1 = new Fx.Tween(images1[fadeImgIn1], {
			duration : 3000
		});
		fadeIn1.start('opacity', [ 0, 1 ]).chain(function() {
			fadeOut1.start('opacity', [ 1, 0 ]);			
		});
		
	}

	var images2 = $$('#logotopleft img'); // the images
	var imgTotal2 = images2.length - 1;
	var pos2 = 0;
	var imgSrcs2 = new Array();

	images2.each( function(el, l) {
		imgSrcs2[l] = images2[l].src;
	});

	var myImages2 = new Asset.images(imgSrcs2, {
		onProgress : function() {

		},
		onComplete : function() {
			if (images2.length > 1) {
				fadeImages2.periodical(5000);
			}
		}
	});

	function fadeImages2() {
		if (pos2 == imgTotal2) {
			fadeImgOut2 = imgTotal2;
			fadeImgIn2 = 0;
			pos2 = 0;
		} else {
			fadeImgOut2 = pos2;
			fadeImgIn2 = pos2 + 1;
			pos2++;
		}

		var fadeOut2 = new Fx.Tween(images2[fadeImgOut2], {
			duration : 3000
		});
		var fadeIn2 = new Fx.Tween(images2[fadeImgIn2], {
			duration : 3000
		});
		fadeOut2.start('opacity', [ 1, 0 ]);
		fadeIn2.start('opacity', [ 0, 1 ]);
	}
	
	if($('checkHuisHypotheek')) {
		var slideHuisHyoptheek = new Fx.Slide('divHuisHypotheek');
		$('divHuisHypotheek').setStyle('display', 'block');
		$('divHuisHypotheek').fade(0);
		slideHuisHyoptheek.hide();
		$('checkHuisHypotheek').addEvent('click', function(e){
			if($('checkHuisHypotheek').checked==true) {
				$('divHuisHypotheek').fade(1);
				slideHuisHyoptheek.slideIn();
			} else {
				$('divHuisHypotheek').fade(0);
				slideHuisHyoptheek.slideOut();	
				$('checkAanvullendeDienst').checked=false;
				$('checkAanvullendeDienst').fireEvent('click');
			}
		});
		
		var slidePersonenFamilie = new Fx.Slide('divPersonenFamilie');
		$('divPersonenFamilie').setStyle('display', 'block');
		$('divPersonenFamilie').fade(0);
		slidePersonenFamilie.hide();
		$('checkPersonenFamilie').addEvent('click', function(e){
			if($('checkPersonenFamilie').checked==true) {
				$('divPersonenFamilie').fade(1);
				slidePersonenFamilie.slideIn();
			} else {
				if(!$('checkAanvullendeDienst').checked) {
					$('divPersonenFamilie').fade(0);
					slidePersonenFamilie.slideOut();			
				}
			}
		});		
		
		var slideAndere = new Fx.Slide('divAndereAkten');
		$('divAndereAkten').setStyle('display', 'block');
		$('divAndereAkten').fade(0);
		slideAndere.hide();
		$('checkAndere').addEvent('click', function(e){
			if($('checkAndere').checked==true) {
				$('divAndereAkten').fade(1);
				slideAndere.slideIn();
			} else {
				$('divAndereAkten').fade(0);
				slideAndere.slideOut();			
			}
		});
		
		var slideAanvullendeDienst = new Fx.Slide('divAanvullendeDienst');
		$('divAanvullendeDienst').setStyle('display', 'block');
		$('divAanvullendeDienst').fade(0);
		slideAanvullendeDienst.hide();
		$('checkAanvullendeDienst').addEvent('click', function(e){
			if($('checkAanvullendeDienst').checked==false) {
				$('divAanvullendeDienst').fade(0);
				slideAanvullendeDienst.slideOut();		
				if(!$('checkPersonenFamilie').checked) {
					$('divPersonenFamilie').fade(0);
					slidePersonenFamilie.slideOut();						
				}
			} else {
				$('divAanvullendeDienst').fade(1);
				slideAanvullendeDienst.slideIn();
				if(!slidePersonenFamilie.open) {
					(function() {
						$('divPersonenFamilie').fade(1);
						slidePersonenFamilie.slideIn();
					}).delay(1000)
				}
			}
		});
		
		$('selectGewensteAkte').addEvent('change', function(e){
			if(this.selectedIndex==4 || this.selectedIndex==5) {
				$('divAkteVanLevering').fade(1);
			} else {
				$('divAkteVanLevering').fade(0);
			}
		});
		
		if($('checkHuisHypotheek').checked==true) $('checkHuisHypotheek').fireEvent('click');
		if($('checkPersonenFamilie').checked==true) $('checkPersonenFamilie').fireEvent('click');
		if($('checkAndere').checked==true) $('checkAndere').fireEvent('click');
		$('checkAanvullendeDienst').fireEvent('click');
		$('selectGewensteAkte').fireEvent('change');
	}
});

function switchLanguage() {
	$('pickLang').style.display = ($('pickLang').style.display == 'block') ? 'none' : 'block';
}

function browserAlert() {
	alert("U gebruikt momenteel een sterk verouderde browser. Hierdoor kan de website (deels) niet correct weergegeven worden en/of bepaalde elementen niet (geheel) correct functioneren.\n\nWe raden u aan de nieuwste versie van uw browser (Internet Explorer 8) of een andere gangbare browser te installeren.");
}

function CheckValuta() {
	var key = window.event.keyCode;
	if ((key > 47 && key < 58) || key == 46 || key == 44) {
		return;
	} else {
		window.event.returnValue = null;
	}
}

function CheckTelNumber() {
	var key = window.event.keyCode;
	if ((key > 47 && key < 58) || key == 45 || key == 40 || key == 41 || key == 43) {
		return;
	} else {
		window.event.returnValue = null;
	}
}