<!--

// ------------------------------ ALGEMEEN ------------------------------

var isPageLoaded = false;
var isContentclippingEnabled = false; // clipt contentlayer om doorslaan van formulierelementen te voorkomen
var openedAt=new Date(); // date set on last opened menu

// spz 20030228: booExists retourneert true in het geval het object met de naam strElementName aangemaakt is (dwz een type heeft).
function booExists(strElementName) {
	//alert(strElementName);
	//alert(typeof(topnavLayer) != 'undefined')
	//alert(eval("typeof("+strElementName +") != 'undefined'"));
	if (eval("typeof("+strElementName +") != 'undefined'")) {		
		return true;
	} else {
		return false;
	}
}


function initIndex(){
	contentLayer = getElt('allecontent');	
	
	if (pageType!="popup")  {
		initSubmenu();
		initFunctsmenu();
		initMainmenu();
	}
	if (is.win && is.ie4comp) {
		isOnscrollEnabled = true;
		isContentclippingEnabled = true;
	} else if (is.ns4comp) {
		isContentclippingEnabled = true;
		scrollListener(); // vervangt de onscroll functionaliteit van IE
	} else {
		isContentclippingEnabled = false;
		scrollListener(); 
	}
	
	if (curIndex>0) resetSubMenu();
	if ((pageType=="content") || (pageType=="popup")) initMargeblok();
	isPageLoaded = true;

}
function init(){
	contentLayer = getElt('allecontent');
	
	if (pageType!="popup")  {
		initSubmenu();
		initSubSubmenu();
		initFunctsmenu();
		initMainmenu();
	}
	if (is.win && is.ie4comp) {
		isOnscrollEnabled = true;
		isContentclippingEnabled = true;
	} else if (is.ns4comp) {
		isContentclippingEnabled = true;
		scrollListener(); // vervangt de onscroll functionaliteit van IE
	} else {
		isContentclippingEnabled = false;
		scrollListener(); 
	}
	
	if (curIndex>0) resetSubMenu();
	if ((pageType=="content") || (pageType=="popup")) initMargeblok();
	isPageLoaded = true;
	

	
}

// ------------------- track mousemove

var curMouseX = 0;
var curMouseY = 0;


if (is.ns4comp) document.captureEvents(Event.MOUSEMOVE)

document.onmousemove = getMouseXY;

function getMouseXY(e) {
    curMouseY = getMouseWinTop(e);
  	if (curMouseY < 0){curMouseY = 0}
	return true;
}

// ------------------- track scrollbewegingen

var lastScrollX;
var lastScrollY;
var isScrolling = false;
var activateMenu = false;
var isOnscrollEnabled = false; // true: gebruik onScroll event; false: gebuik scrollListner functie

// wordt geinitialiseerd als het onscroll event wordt ondersteund
function initOnscroll() {	
	if(isOnscrollEnabled == true) scrollAction();
}

// vervangt de onscroll event van IE
function scrollListener() {	
	if(!isOnscrollEnabled) {		
		if( lastScrollY != getWinScrollTop()) {			
			isScrolling = true;
		}
		if( lastScrollY == getWinScrollTop() && isScrolling ) {
			isScrolling = false;			
			scrollAction();
		}
		lastScrollX = getWinScrollLeft();
		lastScrollY = getWinScrollTop();
		setTimeout( "scrollListener();", 100 );
	}
}

function scrollAction() {
	if (isPageLoaded) {		
		if ((pageType=="content") || (pageType=="popup")) margeblokUpdate();
	}
}

// ------------------------------ TOON VERBERG SUBMENUS ------------------------------


var oMenu = 0;

var activeSub = -1;
var openSub = -1;
var prevSub = -1;
var skipSub = -1;
var lastWhitedot = -1;
var lastWhitedotSub = -1;

var openSubSub = -1;
var prevSubSub = -1;
var skipSubSub= -1;
var activeSubSub=-1;

var checkA = null;
var doS = null;

var timerSub = 250; // aantal miliseconden vertraging openen submenu

if (is.ns4comp || is.ns6comp){
	timerSub = 250; // aantal miliseconden vertraging openen submenu
}

var allSubs = new Array(); // alle mainmenu-items

function initSubmenu(){
	
}

function initSubSubmenu(){
	
}

function resetSubMenu(){
	
	if(curIndex>0) {
		skipSub = curIndex;
		showWhitearrowSub(curIndex,curSubIndex);
	} else {
		skipSub = -1;
	}	
	prevSub = openSub;
	openSub = curIndex;
	
	doOpenSub(curIndex);
}



function showSub(q){		
	// verberg default tekst (zeeburg specifiek)
	try {
		document.getElementById("divItemWithParentId0").style.visibility='hidden';
	} catch (e) {
	}
	
	showWhitedot(q);
	setactiveSub(q); // stelt ge-rolloverde link als actief.
	setTimeout('tryOpenSub(' + q + ')', timerSub); // kijkt na timer sec. of gebruiker nog op hetzelfde mainmenu-item staat.
	// maatwerk zeeburg:
    // setTimeout('showMeestBezocht()',10000)
    openedAt=new Date();	
}


// zet actieve mainmenu item
function setactiveSub(q){
	activeSub=q;
}



// vergelijkt actieve mainmenu-item met huidige mainmenu-item
function tryOpenSub(q){	
	hideWhitedot(openSub,true);
	//alert(q);
	if(q==activeSub){		
		prevSub = openSub;
		openSub = q;		
		doOpenSub();
	}
}



// toont inhoud van mainmenu-item
function doOpenSub(){		
	// hideWhitearrow(prevSub);
	try {
		objMenuContent=getElt('divItemWithParentId' + openSub);
	} catch (e) {
		
	}
	
	try {			
		if(prevSub > 0) {
			eval("setEltVisibility(getElt('divItemWithParentId" + prevSub +"'), 'hidden')");
			objMenuContent.style.display='none';
		}
	} catch (e) {
		// yes, yes, something went wrong, but let's not tell anyone, ok?
	}
	
	showWhitearrow(openSub);	

	try {		
		if(openSub > 0) {
			eval("setEltVisibility(getElt('divItemWithParentId" + openSub +"'), 'visible')");
			objMenuContent.style.display='block';
		}
	} catch (e) {
		// yes, yes, something went wrong, but let's not tell anyone, ok?
	}

	// maatwerk
	try {		
		objMenuContainer=document.getElementById('menu1');
		intMenuContentHeight=objMenuContent.offsetHeight;
		intMenuContainerHeight=objMenuContainer.offsetHeight;
		// alert(intMenuContentHeight+' vs ' + intMenuContainerHeight);
		
		if (intMenuContentHeight > intMenuContainerHeight) {
			objMenuContainer.style.height=intMenuContentHeight;
		} else {
			objMenuContainer.style.height=jsMax(400,intMenuContentHeight);
		}
	} catch(e) {
	}
	
	skipSub = openSub;
	
	try {
		setMargeKolomHeight();
	} catch(e) {
	 //
	}
}


// toont pijltje voor menu-item
function showWhitearrow(q){
	if (q>0) {
		img = "pijl_" + q;
		if (booExists("topnavLayer")) {			
			eval("swapImage('images/default/buttons/select_sel.gif','" + img + "',topnavLayer)");
		} 
	}
}

function showWhitearrowPrefix(strPrefix,q){ 
	img = strPrefix + "_" + q;	
	//bugfix spz 20030214
	eval("swapImage('images/default/buttons/select_sel.gif','" + img + "',allSubs[q])");
	
}

function hideWhitearrowPrefix(strPrefix,q){
	if (q>0) {
		img = strPrefix + "_" + q;		
		eval("swapImage('images/default/buttons/select.gif','" + img + "',topnavLayer)");		
	}
}

// verbergt pijltje voor menu-item
function hideWhitearrow(q){
	if (q>0) {
		img = "pijl_" + q;
		if (booExists("topnavLayer")) {
			eval("swapImage('images/default/buttons/select.gif','" + img + "',topnavLayer)");
		}
	}
}

// toont puntje voor menu-item
function showWhitedot(q){
	if ((q!=skipSub) && (q!=-1)){
		lastWhitedot = q;
		img = "pijl_" + q;
					
		if (booExists("topnavLayer")) {
			eval("swapImage('images/default/buttons/select_ro.gif','" + img + "',topnavLayer)");
		}
		
	}
}

// verbergt puntje voor menu-item
function hideWhitedot(q,booOverride){
	if (((q!=skipSub) && (q!=-1) && (q!=skipSubSub)) || (booOverride)){
		//img = "pijl_" + q;
		//alert(q);
	//if (q!=lastWhitedot) {
		//alert(eval('topnavLayer.document.pijl_'+q+'.src'))
		img = "pijl_" + q;
		if (booExists("topnavLayer")) {
			eval("swapImage('images/default/buttons/select.gif','" + img + "',topnavLayer)");
		}
	}
	//}
}

// de-activeer mainmenu-item
function noSub(){
	hideWhitedot(lastWhitedot,false)
	setactiveSub(-1);
	//setTimeout('showMeestBezocht()',10000);
}

// toont pijltje voor submenu-item
function showWhitearrowSub(q,r){ //q = array-index voor betreffend submenu; r = nummer van submenu-item
	img = "pijl_" + q + "_" + r;
	//bugfix spz 20030214
	eval("swapImage('images/default/buttons/select_sel.gif','" + img + "',allSubs[q])");
	
}


// toont puntje voor submenu-item
//function showWhitedotSub(q,r){//q = array-index voor betreffend submenu; r = nummer van submenu-item
//	lastWhitedotSub = r;
//	if ((curIndex!=q) || (curSubIndex!=r)) {
//		img = "pijl_" + q + "_" + r;		
//		eval("swapImage('images/buttons/select_ro.gif','" + img + "',allSubs[q])");
//	}
//}

function showWhitedotSub(q){//q = array-index voor betreffend submenu; r = nummer van submenu-item
	lastWhitedotSub = q;
	if ((curIndex!=q) || (curSubIndex!=r)) {
		img = "pijl_" + q;		
		eval("swapImage('images/default/buttons/select_ro.gif','" + img + "',allSubs[q])");
	}
}

// verbergt puntje voor menu-item
function hideWhitedotSub(q){ //q = array-index voor betreffend submenu
	var r = lastWhitedotSub;
	if (((curIndex!=q) || (curSubIndex!=r)) && (r!=-1)) {
		img = "pijl_" + q + "_" + r;
		eval("swapImage('images/default/buttons/select.gif','" + img + "',allSubs[q])");
	}
}

function MenuOpen(){
	swapOthersFF(0,5);
	eersteRollover();
	setTimeout('isMenuNogActief()', 500);
}

function eersteRollover(){
	oMenu = 1;
}

function eersteRollout(){
	swapOthersREW(0,5);
	oMenu = 0;
}

function isMenuNogActief(){
	if(oMenu==1){
		menuListener();
	}
}

// ------------------------------ FUNCTIES-MENU ------------------------------

var allFuncts = new Array(); // alle afbeeldingen uit het algemenefunctiesmenu

function initFunctsmenu() {
	

lastFunc = -1;
}
	
//swap-image functie voor het algemenefunctiesmenu
function swapFuncts(n){	
	if(n!=999) eval("swapImage(allFuncts[" + n + "][2],allFuncts[" + n + "][0],topnavLayer)");
	if(lastFunc!=-1) {
		eval("swapImage(allFuncts[" + lastFunc + "][1],allFuncts[" + lastFunc + "][0],topnavLayer)");
		lastFunc = -1;
	}
	if(n!=999) lastFunc = n;
}

// ------------------------------ MAINMENU ------------------------------

var navHeight = 0;
var navSmallHeight = 0;
var headerHeight = 0;
var blackBarHeight = 16;

if (is.ns4comp){ var speed = 12; }
else { var speed = 6; }

var isMenuVisible = false;
var isMenuSliding = false;
var isMenuTransforming = false;
var isMenuOnTop = false;

function initMainmenu(){
	
	topnavLayer = getElt('topnav');	
	navSmallLayer = getElt('navSmall');
	headerLayer = getElt('header');
	contentLayer = getElt('allecontent');

	navHeight = eval("getEltHeight(topnavLayer)");//hoogte van de Grote navigatie
	navSmallHeight = eval("getEltHeight(navSmallLayer)");//hoogte van de kleine navigatie
	headerHeight = eval("getEltHeight(headerLayer)");//hoogte van het amsterdamNL logo
	

	if (pageType == "index") {
		actionY = navHeight + headerHeight; //vanaf dit punt verandert de navigatiebalk van formaat
	} else {
		actionY = 0; 
	}
	
	if (pageType == "index") resetMainmenu();
	resetNavSmall();
	resetSubMenuListener();	
}

// ------------------- Update cliparea content na een scrollbeweging

function updateContentClip(y) {
	
}
// ------------------- Reset menus

function resetMainmenu() {
	
	if (pageType == 'index') {		
		setEltTop(topnavLayer,headerHeight);
		isMenuOnTop = true;
		
		resetSubMenu();
	} else {
		setEltTop(topnavLayer,-500);
	}
	isMenuVisible = false;
}

function resetNavSmall() {
	setEltTop(navSmallLayer,headerHeight);
}

// ------------------- Klap menu uit

function tryShowMenu(){
	if (!activateMenu) setTimeout('showMenu()',100); // vertraging voordat menu werkelijk uitklapt
	if (!isMenuSliding) activateMenu = true;
	swapImage('images/default/buttons/open_menu_ro.gif','opem',navSmallLayer)
}

function killTryShowMenu(){
	activateMenu = false;
	swapImage('images/default/buttons/open_menu.gif','opem',navSmallLayer)
}

function showMenu(){
	if (activateMenu && !isMenuVisible && !isMenuSliding && !isMenuTransforming) {
		activateMenu = false;
		isMenuTransforming = true;
		var slideStartY = getEltTop(navSmallLayer);
		var slideEndY = slideStartY - navSmallHeight + blackBarHeight;
		
		showMenuFase1(slideStartY,slideEndY);
		if (intSelectedSub != -1) {
			showSub(intSelectedSub);
		}		
	}
}

function showMenuFase1(slideCurY,slideEndY){
	if (slideCurY > slideEndY) { 
		var Yplus = (Math.ceil((slideEndY - slideCurY) / 1.2)) - 1;
		slideCurY += Yplus;
		if (slideCurY < slideEndY) slideCurY = slideEndY;
		setEltTop (navSmallLayer,slideCurY);
		var contentTop = slideCurY + navSmallHeight; // update clipping content
		updateContentClip(contentTop);
		eval("setTimeout('showMenuFase1(" + slideCurY + "," + slideEndY + ")',10)");
	} else {
		var nextStartY = 0 - navHeight - headerHeight + blackBarHeight;
		var nextEndY = 0 + headerHeight;
		setEltTop(topnavLayer,slideEndY);
		var contentTop = slideCurY + navSmallHeight; // update clipping content
		updateContentClip(contentTop);		
		showMenuFase2(nextStartY,nextEndY);
	}
}

function showMenuFase2(slideCurY,slideEndY){
	if (slideCurY < slideEndY) { 
		var Yplus = (Math.ceil((slideEndY - slideCurY) / 1)) + 1;
		slideCurY += Yplus;
		if (slideCurY > slideEndY) slideCurY = slideEndY;
		eval("setEltTop(topnavLayer," + slideCurY + ")");
		var contentTop = slideCurY + navHeight; // update clipping content
		updateContentClip(contentTop);
		eval("setTimeout('showMenuFase2(" + slideCurY + "," + slideEndY + ")',10)");
	} else {
		isMenuVisible = true;
		isMenuTransforming = false;
		eval("setEltTop(topnavLayer," + slideEndY + ")");
		var contentTop = slideCurY + navHeight; // update clipping content
		updateContentClip(contentTop);
		menuListener();
	}
}

// ------------------- Klap menu in

function hideMenu(){
	isMenuTransforming = true;
	var slideStartY = getEltTop(topnavLayer);
	var slideEndY = 0 - navHeight + headerHeight;
	hideMenuFase1(slideStartY,slideEndY);
}

function hideMenuFase1(slideCurY,slideEndY){
	if (slideCurY > slideEndY) { 
		var Yplus = (Math.ceil((slideEndY - slideCurY) / 1)) - 1;
		slideCurY += Yplus;
		if (slideCurY < (slideEndY + (headerHeight / 4))) slideCurY = slideEndY;
		eval("setEltTop(topnavLayer," + slideCurY + ")");
		var contentTop = slideCurY + navHeight; // update clipping content
		updateContentClip(contentTop);
		eval("setTimeout('hideMenuFase1(" + slideCurY + "," + slideEndY + ")',10)");
	} else {
		var nextEndY = 0 + headerHeight;
		var nextStartY = nextEndY - navSmallHeight;
		var contentTop = slideCurY + navHeight; // update clipping content
		updateContentClip(contentTop);
		hideMenuFase2(nextStartY,nextEndY);
	}
}

function hideMenuFase2(slideCurY,slideEndY){
	if (slideCurY < slideEndY) { 
		var Yplus = (Math.ceil((slideEndY - slideCurY) / 6)) + 1;
		slideCurY += Yplus;
		if (slideCurY > slideEndY) slideCurY = slideEndY;
		setEltTop (navSmallLayer,slideCurY);
		var contentTop = slideCurY + navSmallHeight; // update clipping content
		updateContentClip(contentTop);
		eval("setTimeout('hideMenuFase2(" + slideCurY + "," + slideEndY + ")',10)");
	} else {
		setEltTop(navSmallLayer,slideEndY);
		var contentTop = slideCurY + navSmallHeight; // update clipping content
		updateContentClip(contentTop);
		resetMainmenu();
		isMenuVisible = false;
		isMenuTransforming = false;
	}
}

// is de muis onder het menu?
function menuListener() {
	if (isMenuVisible) {
		headerHeight = eval("getEltHeight(headerLayer)"); //update berekening i.v.m. mogelijke fontvergroting
		navHeight = eval("getEltHeight(topnavLayer)"); //update berekening i.v.m. mogelijke fontvergroting
		if ((curMouseY + getWinScrollTop()) > (headerHeight + navHeight)) {
			hideMenu();
			//resetSubMenu();
		} else {
			setTimeout('menuListener()',1000);
		}
	}
}

// is de muis onder het menu dat bovenin de indexpagina staat?
function resetSubMenuListener() {
	if (pageType == 'index') {
		if ((curMouseY > (headerHeight + navHeight)) && (isMenuOnTop == true)) {
			//resetSubMenu();
		}
		setTimeout('resetSubMenuListener()',500);
	}
}

// ------------------- SCHUIVEND MARGEPANEEL CONTENTPAGINA ------------------------------

var margeBlokMaxTop = 0;
var margeBlokMaxBottom = 0;
var isMargeblokSliding = false;
var footerHeight = 0;
var headerfotoHeight = 0;
var margeBlokDelay = 0;	// vertraging voordat het margeblok zich opnieuw positioneerd

function initMargeblok() {	
	if (pageType=="content") {
		footerHeight = 30;
		headerfotoHeight = 90;
		margeBlokDelay = 2000;
	} else if (pageType=="popup") {
		footerHeight = 30;
		headerfotoHeight = 69;
		margeBlokDelay = 300;
	}
	
	
	margeKolomLayer = getElt('margeKolom');
	margeBlokLayer = getElt('margeBlok');
	contentLayer = getElt('allecontent');
	margeKolomHeight = eval("getEltHeight(margeKolomLayer)"); //hoogte van schuivend margeblok
	margeBlokHeight = eval("getEltHeight(margeBlokLayer)"); //hoogte van schuivend margeblok
	contentHeight = eval("getEltHeight(contentLayer)"); //hoogte van content
	try {
		maxTop=eval("getEltHeight(rechter_menu)");
	} catch (e) {		
		maxTop=0;
	}
	
	
	margeKolomTop = headerHeight + navSmallHeight; 
	//margeKolomTop = 0;
	margeBlokMaxTop = maxTop;
	
	margeBlokMaxBottom = contentHeight - footerHeight;
	setEltTop (margeKolomLayer,margeKolomTop);
	setEltTop (margeBlokLayer,margeBlokMaxTop);
}

// Update margeblok na een scrollbeweging
function margeblokUpdate() {	
	
	var slideCurY = eval("getEltTop(margeBlokLayer)");
	var slideEndY = getWinScrollTop() + getWinHeight() - margeBlokHeight;
	//alert(slideEndY);
	
	if (slideEndY > (margeBlokMaxBottom - margeBlokHeight)) slideEndY = (margeBlokMaxBottom - margeBlokHeight);
	if (slideEndY < margeBlokMaxTop) slideEndY = margeBlokMaxTop;
	
	if ((slideCurY != slideEndY) && (slideEndY >= margeBlokMaxTop) && !isMargeblokSliding) {
		isMargeblokSliding = true;
		setTimeout('margeblokMove()',margeBlokDelay)
	}
}

// Beweeg margeblok van boven naar beneden
function margeblokMove(){
	var slideCurY = eval("getEltTop(margeBlokLayer)");
	var slideEndY = getWinScrollTop() + getWinHeight() - 300;
	
	if (slideCurY < document.body.clientHeight) {
		//alert('sildeCurY<clientHeight');
		/* try {document.getElementById('margeBlok').style.visibility='hidden';} catch (e) {}; */
	} else {
		//alert(margeBlok.style.visibility)
		document.getElementById('margeBlok').style.visibility='visible';
	}
	
	if (slideEndY > (margeBlokMaxBottom - margeBlokHeight)) slideEndY = (margeBlokMaxBottom - margeBlokHeight);
	if (slideEndY < margeBlokMaxTop) slideEndY = margeBlokMaxTop;
	//alert(slideCurY);
	//alert(slideEndY);
	if (slideCurY != slideEndY) {
		if (slideCurY < slideEndY) var Yplus = (Math.ceil((slideEndY - slideCurY) / 4)) + 1; // move down
		if (slideCurY > slideEndY) var Yplus = (Math.ceil((slideEndY - slideCurY) / 4)) - 1; // move up
		slideCurY += Yplus;
		eval("setEltTop (margeBlokLayer," + slideCurY + ")");
		setTimeout('margeblokMove()',10)
	} else {		
		isMargeblokSliding = false;
	}
}




// ------------------- 

//-->