/* Browser detect */
var objBrowser = new MyBrowser();

/* Random Flash Movie */
var arrMovies = new Array("blauw", "geel", "mag");
var color = arrMovies[Math.floor(3*Math.random())];
var movieNr = Math.floor(4*Math.random()) + 1;

function writeStyles() {
	if (color != "blauw") {
		document.write("<link href=\"css/" + color + ".css\" type=\"text/css\" rel=\"stylesheet\">");
	}
	if (objBrowser.Name == "firefox" && objBrowser.OS == "Mac") {
		document.write("<style type=\"text/css\">div.dropDownSelect div {margin-top:3px; line-height:13px}</style>");
	}
}

function writeFlashMovie(id, width, height) {
	if (objBrowser.Name != "opera" && !(objBrowser.IsSecure && objBrowser.Name == "msie") && !(id == "driehoek" && movieNr != 4) && objBrowser.HasFlash()) { 
		objBrowser.WriteFlash(height, width, "ico/swf/" + color + "-" + id + ".swf");
	}
	else {
		if (id.indexOf("boven") > -1) id = "boven";
		document.write("<img src=ico/swf/" + color + "-" + id + ".gif height=" + height + " width=" + width + ">");
	}
}

/* Init */
function initpage(isHome) {
	var arrAnchor = document.getElementsByTagName("A");
	for (var i=0; i < arrAnchor.length; i++) {
		arrAnchor[i].onfocus = Function("this.blur()");
	}
	/* 
	if (isHome && navigator.appVersion.charAt(0) >= 4) {
		resizeWindow();
	}
	*/
}

function resizeWindow() {
	if (window.screen.availWidth > 965) {
		if (window.screen.availWidth > getWinWidth() + 30) {
			window.resizeTo(965, 810);
			if (getWinWidth() < 900) {
				window.resizeTo(window.screen.availWidth < 1200 ? window.screen.availWidth : 1200, 810);
			}
		}
	}
}

function getWinWidth() {
	return window.innerWidth ? window.innerWidth : document.body.clientWidth;
}

/* Projects DropDowns */
var objDropDownSelect = null;
var dropDownTimer = null;

function initProjects() {
	var objTbl = document.getElementById("tblProjectsMenu");
	if (objTbl) {
		var objSelect = document.getElementById("categorieSelect");
		var objSelectDropDown = document.getElementById("categorieSelectDropDown");
		if (objSelect && objSelectDropDown) {
			objSelect.onmouseover = Function("showDropDown(this);");
			objSelect.onmouseout = Function("hideDropDown();");
			objSelectDropDown.onmouseover = Function("showDropDown();");
			objSelectDropDown.onmouseout = Function("hideDropDown();");
		}
		objSelect = document.getElementById("opdrachtgeverSelect");
		objSelectDropDown = document.getElementById("opdrachtgeverSelectDropDown");
		if (objSelect && objSelectDropDown) {
			objSelect.onmouseover = Function("showDropDown(this);");
			objSelect.onmouseout = Function("hideDropDown();");
			objSelectDropDown.onmouseover = Function("showDropDown();");
			objSelectDropDown.onmouseout = Function("hideDropDown();");
		}
		document.body.onclick = Function("doHideDropDown();");
	}
}

function showDropDown(objSelect) {
	if (dropDownTimer) {
		window.clearTimeout(dropDownTimer);
		dropDownTimer = null;
	}
	if (objSelect) {
	var objDropDown = document.getElementById(objSelect.id + "DropDown");
		if (objDropDown) {
			if (objDropDownSelect && objDropDownSelect != objDropDown) {
				objDropDownSelect.style.display = "none";
			}
			objDropDownSelect = objDropDown;
			var arrOffset = cumulativeOffset(objSelect);
			objDropDownSelect.style.left = arrOffset[0];
			objDropDownSelect.style.top = arrOffset[1] + objSelect.offsetHeight - 1;
			objDropDownSelect.style.display = "block";
			if (objDropDownSelect.offsetHeight > 350) {
				objDropDownSelect.style.height = "350";
			}
			var objSpacer = document.getElementById("imgProjectsSpacer");
			if (objSpacer) {
				objSpacer.style.height = objDropDownSelect.offsetHeight;
			}
		}
	}
}

function hideDropDown() {
	dropDownTimer = window.setTimeout("doHideDropDown()", 2000);
}

function doHideDropDown() {
	if (dropDownTimer) {
		window.clearTimeout(dropDownTimer);
		dropDownTimer = null;
	}
	if (objDropDownSelect) {
		objDropDownSelect.style.display = "none";
		objDropDownSelect = null;
	}
	var objSpacer = document.getElementById("imgProjectsSpacer");
	if (objSpacer) {
		objSpacer.style.height = 1;
	}
}

function cumulativeOffset(element) {
	var valueT = 0, valueL = 0;
	do {
		valueT += element.offsetTop  || 0;
		valueL += element.offsetLeft || 0;
		element = element.offsetParent;
	} while (element);
	return [valueL, valueT];
}

function loadPage(url, newWindow) {
	if (newWindow) 
		window.open(url);
	else
		document.location.href = url;
}

function hoverDropDown(objDropDown, over) {
	if (objDropDown.className.indexOf("dropDownMenuItemSelect") == -1) {
		objDropDown.className = over ? "dropDownMenuItem dropDownMenuItemHover" : "dropDownMenuItem";
	}
}

function hoverProjectThumb(objThumb, over) {
	if (objThumb.className.indexOf("selected") == -1) {
		objThumb.className = over ? "projectThumb projectThumbHover" : "projectThumb";
	}
}

/* Medewerkers */
var preloadMedewerkers = false;

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function makeImagesHover() {
	var objTbl = document.getElementById("tableHover");
	if (objTbl) {
		var arrImgs = objTbl.getElementsByTagName("IMG");
		for (var i=0; i < arrImgs.length; i++) {
			if (arrImgs[i].src.indexOf(".jpg") > 0) {
				arrImgs[i].onmouseover = new Function("doImgHover(this)");
				arrImgs[i].onmouseout = new Function("doImgHover(this)");
				objTmpImg = newImage(arrImgs[i].src.replace(".jpg","-hover.jpg"));
			}
		}
		preloadMedewerkers = true;
		objTbl.onmousedown = new Function("doAllImgHover(this, true)");
		objTbl.onmouseup = new Function("doAllImgHover(this, false)");
	}
}

function doImgHover(img) {
	if (preloadMedewerkers && img.src.indexOf(".jpg") > 0) {
		img.src = img.src.indexOf("-hover.jpg") > 0 ? img.src.replace("-hover.jpg",".jpg") : img.src.replace(".jpg","-hover.jpg");  
	}
}

function doAllImgHover(objTbl, doHover) {
	if (preloadMedewerkers) {
		var arrImgs = objTbl.getElementsByTagName("IMG");
		for (var i=0; i < arrImgs.length; i++) {
			if (arrImgs[i].src.indexOf(".jpg") > 0) {
				if (doHover && arrImgs[i].src.indexOf("-hover.jpg") == -1) {
					arrImgs[i].src = arrImgs[i].src.replace(".jpg","-hover.jpg");
				}
				else if (!doHover && arrImgs[i].src.indexOf("-hover.jpg") > 0) {
					arrImgs[i].src = arrImgs[i].src.replace("-hover.jpg",".jpg");
				}
			}
		}
	}
}