//   JavaScript Document

////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////
//   TOON POPUP-VENSTER
////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////
function popUp() {
	popupWindow = window.open("popup.htm", "popup", "scrollbars=no,width=396,height=560,left=100,top=100")
}


////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////
//   SLUIT POPUP-VENSTER
////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////
function closePopup() {
	window.close()
}

////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////
//   LOAD DE BUTTONS
//   LAAT ZE OPLICHTEN BIJ MOUSEOVER
////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////

//   definieer alle buttons en load ze allemaal tegelijk, om trage overgangen te voorkomen
homoOver = new Image
 actOver = new Image
 bibOver = new Image
gastOver = new Image
verdOver = new Image
 lidOver = new Image
actfOver = new Image

homoOut = new Image
 actOut = new Image
 bibOut = new Image
gastOut = new Image
verdOut = new Image
 lidOut = new Image
actfOut = new Image

homoOver.src = "../buttons/homoover.jpg"
 actOver.src = "../buttons/actover.jpg"
 bibOver.src = "../buttons/bibover.jpg"
gastOver.src = "../buttons/gastover.jpg"
verdOver.src = "../buttons/verdover.jpg"
 lidOver.src = "../buttons/lidover.jpg"
actfOver.src = "../buttons/actfover.jpg"

homoOut.src = "../buttons/homoout.jpg"
 actOut.src = "../buttons/actout.jpg"
 bibOut.src = "../buttons/bibout.jpg"
gastOut.src = "../buttons/gastout.jpg"
verdOut.src = "../buttons/verdout.jpg"
 lidOut.src = "../buttons/lidout.jpg"
actfOut.src = "../buttons/actfout.jpg"

//   retourneer de juiste button
function imgOver(thisImg) {
	document[thisImg].src = "../buttons/" + thisImg + "over.jpg"
}

function imgOut(thisImg) {
	document[thisImg].src = "../buttons/" + thisImg + "out.jpg"
}

////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////
//   UITVOUWMENU'S
////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////

//   definieer array met alle menu's
menuKnop = new Array ("homomenu","actmenu","verdmenu")
knopCt = menuKnop.length

function closeMenu() {
	//   zet openstaande menuutjes weer dicht
	thisKnop = 0
	for (thisKnop=0; thisKnop<knopCt; thisKnop++) {
		thisMenu = document.getElementById(menuKnop[thisKnop]).style
		thisMenu.display = "none"
	}
}
	
//   zet het huidige menu open of juist dicht
function toggleMenu(currMenu) {
	if (document.getElementById) {
		//   bepaal het huidige menu
		thisMenu = document.getElementById(currMenu).style
		//   haal stuk voor stuk de menu's op, toggle het huidige en sluit alle andere
		thisKnop = 0
		for (thisKnop=0; thisKnop<knopCt; thisKnop++) {
			otherMenu = document.getElementById(menuKnop[thisKnop]).style
			//   toggle het huidige menu
			if (otherMenu==thisMenu) {
				if (thisMenu.display == "block") {
					thisMenu.display = "none"
				}
				else {
					thisMenu.display = "block"
				}
			}
			//   sluit alle andere menu's
			else {
				otherMenu.display = "none"
			}
		}
		return false
	}
	else {
		return true
	}
}
////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////
//   FOTO'S IN TOPMENU
////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////

//   definieer foto's
elkeFoto = new Array("../thumbs/menu/thumb001.jpg","../thumbs/menu/thumb002.jpg","../thumbs/menu/thumb003.jpg","../thumbs/menu/thumb004.jpg","../thumbs/menu/thumb005.jpg","../thumbs/menu/thumb006.jpg","../thumbs/menu/thumb007.jpg","../thumbs/menu/thumb008.jpg","../thumbs/menu/thumb009.jpg","../thumbs/menu/thumb010.jpg","../thumbs/menu/thumb011.jpg","../thumbs/menu/0504a.jpg","../thumbs/menu/0504c.jpg","../thumbs/menu/0504f.jpg","../thumbs/menu/0504g.jpg")

imgCt = elkeFoto.length

/*
//   genereer willekeurige foto's
function kiesFoto() {
	if (document.images) {
		//   foto 1
		randomNum1 = Math.floor((Math.random() * imgCt));
		document.foto1.src = elkeFoto[randomNum1];
		randomNum2 = randomNum1;
		randomNum3 = randomNum1;
		//   foto 2
		while (randomNum2==randomNum1) {
			randomNum2 = Math.floor(Math.random() * imgCt);
		}
		document.foto2.src = elkeFoto[randomNum2];
		//   foto 3
		while (randomNum3==randomNum1||randomNum3==randomNum2) {
			randomNum3 = Math.floor(Math.random() * imgCt);
		}
		document.foto3.src = elkeFoto[randomNum3];
	}
}
*/

//   beeld foto's achter elkaar af, roulerend
eersteFoto = 0
tweedeFoto = 1
 derdeFoto = 2
 
function rouleerFoto() {
	if (document.images) {
		eersteFoto++
		if (eersteFoto == imgCt) {
			eersteFoto = 0
		}
		tweedeFoto++
		if (tweedeFoto == imgCt) {
			tweedeFoto = 0
		}
		derdeFoto++
		if (derdeFoto == imgCt) {
			derdeFoto = 0
		}
		document.foto1.src = elkeFoto[eersteFoto]
		document.foto2.src = elkeFoto[tweedeFoto]
		document.foto3.src = elkeFoto[derdeFoto]
		setTimeout("rouleerFoto()", 3 * 1000)
	}
}