<!--

// ------------------------------ ALGEMEEN ------------------------------

var isPageLoaded = false;
var isContentclippingEnabled = false; // clipt contentlayer om doorslaan van formulierelementen te voorkomen
var intSelectedSubArrow = -1;

// 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 init(){
	contentLayer = getElt('allecontent');
	
	if (pageType!="popup")  {
		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;
	
	
	preloadImages('images/buttons/select.gif');
	preloadImages('images/buttons/select_sel.gif');
	preloadImages('images/buttons/select_ro.gif');
	preloadImages('images/buttons/sitemap.gif');
	preloadImages('images/buttons/sitemap_ro.gif');
	preloadImages('images/buttons/contact.gif');
	preloadImages('images/buttons/contact_ro.gif');
	preloadImages('images/buttons/zoek.gif');
	preloadImages('images/buttons/zoek_ro.gif');
	preloadImages('images/buttons/search.gif');
	preloadImages('images/buttons/search_ro.gif');
	preloadImages('images/buttons/formpijltjeenter_over.gif');
	preloadImages('images/buttons/formpijltjelinks_over.gif');
	preloadImages('images/buttons/amsterdamnl.gif');
	preloadImages('images/buttons/amsterdamnl_ro.gif');
	preloadImages('images/buttons/intranetams_ro.gif');
	preloadImages('images/buttons/intranetams.gif');
	preloadImages('images/buttons/links_ro.gif');
	preloadImages('images/buttons/links.gif');
	preloadImages('images/buttons/documentatie_ro.gif');
	preloadImages('images/buttons/documentatie.gif');
	
	//spz 20030228 kalender script voor templates initialiseren
	//initCalendar
}

// ------------------- 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 resetSubMenu(){
	
	if(curIndex>0) {
		skipSub = curIndex;
		showWhitearrowSub(curIndex,curSubIndex);
	} else {
		skipSub = -1;
	}	
	prevSub = openSub;
	openSub = curIndex;
	
	doOpenSub(curIndex);
}

function showSub(q){	
	if (intSelectedSubArrow != -1) {
		showWhitearrow(intSelectedSubArrow);
	}
	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.	
	
}

// 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);
	//if(prevSub > 0) eval("setEltVisibility(allSubs[prevSub],'hidden')");
	try {		
		//if(prevSub > 0) eval("divItemWithParentId" + prevSub +".style.visibility='hidden'");
		if(prevSub > 0) eval("setEltVisibility(getElt('divItemWithParentId" + prevSub +"'), 'hidden')");
		
	} catch (e) {
	}
	
	showWhitearrow(openSub);
	
	// alert("divItemWithParentId" + openSub +".style.visibility='visible'");
	try {
		//if(openSub > 0) eval("divItemWithParentId" + openSub +".style.visibility='visible'");
		if(openSub > 0) eval("setEltVisibility(getElt('divItemWithParentId" + openSub +"'), 'visible')");
	} catch (e) {
	}
	//if(openSub > 0) eval("setEltVisibility(allSubs[openSub],'visible')");
	skipSub = openSub;
}





// toont pijltje voor menu-item
function showWhitearrow(q){
	if (q>0) {
		img = "pijl_" + q;
		if (booExists("topnavLayer")) {			
			eval("swapImage('images/buttons/select_sel.gif','" + img + "',topnavLayer)");
		} 
		if (booExists("margeLayer")) {
			eval("swapImage('images/buttons/select_sel.gif','" + img + "',margeLayer)");
		} 
	}
}

// verbergt pijltje voor menu-item
function hideWhitearrow(q){
	if (q>0) {
		img = "pijl_" + q;
		if (booExists("topnavLayer")) {
			eval("swapImage('images/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/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/buttons/select.gif','" + img + "',topnavLayer)");
		}
	}
	//}
}

// de-activeer mainmenu-item
function noSub(){
	hideWhitedot(lastWhitedot,false)
	setactiveSub(-1);
}

// 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/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 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() {
	allFuncts[0] = new Array("ag","images/buttons/adressengids.gif","images/buttons/adressengids_ro.gif")
	allFuncts[1] = new Array("er","images/buttons/amsterdam_nl.gif","images/buttons/amsterdam_nl_ro.gif")
	allFuncts[2] = new Array("gr","images/buttons/amsterdam_nl.gif","images/buttons/amsterdam_nl_ro.gif")
	allFuncts[3] = new Array("sm","images/buttons/sitemap.gif","images/buttons/sitemap_ro.gif")
	allFuncts[4] = new Array("ct","images/buttons/contact.gif","images/buttons/contact_ro.gif")
	allFuncts[5] = new Array("li","images/buttons/links.gif","images/buttons/links_ro.gif")
	allFuncts[6] = new Array("am","images/buttons/amsterdam_nl.gif","images/buttons/amsterdam_nl_ro.gif")
	allFuncts[7] = new Array("do","images/buttons/documentatie.gif","images/buttons/documentatie_ro.gif")
	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('headerDIV');
	contentLayer = getElt('allecontentDIV');
	margeLayer = getElt('margeKolom');
	

	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) {
	if (isContentclippingEnabled ) {
		if (is.ie4comp) {
			setEltClip (contentLayer, y, 'auto', 'auto', 0);
		} else if (is.ns4comp) {
			contentHeight = eval("getEltHeight(contentLayer)"); //hoogte contentblok
			contentWidth = eval("getEltWidth(contentLayer)"); //hoogte contentblok
			setEltClip (contentLayer, y, contentWidth, contentHeight, 0);
		}
	}
}
// ------------------- Reset menus

function resetMainmenu() {
	
	if (pageType == 'index') {
		setEltTop(topnavLayer,headerHeight);
		isMenuOnTop = true;
		resetSubMenu();
	} else {
		setEltTop(topnavLayer,-500);
	}
	isMenuVisible = false;
}

function resetNavSmall() {
//alert(headerHeight);
	setEltTop(navSmallLayer,(headerHeight));
}

// ------------------- Klap menu uit

function tryShowMenu(){
	if (!activateMenu) setTimeout('showMenu()',100); // vertraging voordat menu werkelijk uitklapt
	if (!isMenuSliding) activateMenu = true;
	swapImage('images/buttons/open_menu_ro.gif','opem',navSmallLayer)
}

function killTryShowMenu(){
	activateMenu = false;
	swapImage('images/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) {
		//alert(intSelectedSub);
			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 = 130;
		headerfotoHeight = 90;
		margeBlokDelay = 2000;
	} else if (pageType=="popup") {
		footerHeight = 30;
		headerfotoHeight = 69;
		margeBlokDelay = 300;
	}
	if (booMargeKolom!==-1){	
		margeKolomLayer = getElt('margeKolom');
		margeBlokLayer = getElt('margeBlok');
	} else
	{
		margeKolomLayer = getElt('presentatie');
		margeBlokLayer = getElt('presentaties');
	}	
	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
	//margeKolomTop = headerHeight + navSmallHeight + headerfotoHeight; 
	margeKolomTop = 75;
	margeBlokMaxTop = margeKolomTop + margeKolomHeight;
	margeBlokMaxBottom = contentHeight - footerHeight;
	setEltTop (margeKolomLayer,margeKolomTop);
	setEltTop (margeBlokLayer,margeBlokMaxTop);
	

}

// Update margeblok na een scrollbeweging
function margeblokUpdate() {
	if (booMargeKolom!==-1){
		var slideCurY = eval("getEltTop(margeBlokLayer)");
		var slideEndY = getWinScrollTop() + getWinHeight() - margeBlokHeight;
		
		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() - margeBlokHeight;
	
	if (slideCurY < document.body.clientHeight) {
		//alert('sildeCurY<clientHeight');
		document.getElementById('figuurNaarBoven').style.visibility='hidden';
		document.getElementById('tekstNaarBoven').style.visibility='hidden';
	} else {
		//alert(margeBlok.style.visibility)
		document.getElementById('figuurNaarBoven').style.visibility='visible';
		document.getElementById('tekstNaarBoven').style.visibility='visible';
		document.getElementById('margeBlok').style.visibility='visible';
	}
	
	if (slideEndY > (margeBlokMaxBottom - margeBlokHeight)) slideEndY = (margeBlokMaxBottom - margeBlokHeight);
	if (slideEndY < margeBlokMaxTop) slideEndY = margeBlokMaxTop;
	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;
	}
}

//---------------------------------------------------------------------------------
//functies ten behoeve van bericht roulatie

var oMenu = 0;

var activeBericht = -1;
var openBericht = -1;
var prevBericht = -1;
var skipBericht = -1;
var timerBericht = 1;

var allBericht = new Array(); // alle berichten


function initBerichten(){
	allBericht[0] = "";
	allBericht[1] = getElt('topBericht','divBerichtItemA');
	allBericht[2] = getElt('topBericht','divBerichtItemB');
	allBericht[3] = getElt('topBericht','divBerichtItemC');
	allBericht[4] = getElt('topBericht','divBerichtItemD');
	allBericht[5] = getElt('topBericht','divBerichtItemE');
	//allBericht[6] = getElt('topBericht','divBerichtItemF');
	//allBericht[7] = getElt('topBericht','divBerichtItemG');
	//allBericht[8] = getElt('topBericht','divBerichtItemH');
	//allBericht[9] = getElt('topBericht','divBerichtItemI');
	//allBericht[10] = getElt('topBericht','divBerichtItemJ');
	setEltVisibility(allBericht[1],'visible');
	openBericht = 1
}

function resetBericht(){
	if(curIndex>0) {
		skipBericht = curIndex;
		} else {
		skipBericht = -1;
	}
	prevBericht = openBericht;
	openBericht = curIndex;
	doOpenBericht(curIndex);
}


function showBericht(q){
	setactiveBericht(q);
	setTimeout('tryOpenBericht(' + q + ')', timerBericht); // kijkt na timer sec. of gebruiker nog op hetzelfde bericht-item staat.
}

function setactiveBericht(q){
	activeBericht=q;
}

// vergelijkt actieve bericht-item met huidige bericht-item
function tryOpenBericht(q){
	if(q==activeBericht){
		prevBericht = openBericht;
		openBericht = q;
		doOpenBericht();
	}
}

// toont inhoud van mainmenu-item
function doOpenBericht(){
	if(prevBericht > 0) eval("setEltVisibility(allBericht[prevBericht],'hidden')");
	showWhitearrow(openSub);
	if(openBericht > 0) eval("setEltVisibility(allBericht[openBericht],'visible')");
	skipBericht = openBericht;
}




// ------------------- 

//-->