var thumbPos	= 0
var currentThumb

var wisselFoto = function(ImgId, fText, fLink){
	//indien er geen text of foto is een nbsp invoegen, ivm verspringen van de hoogte:
	if(fText == ""){
		fText = " "
	}
	if(fLink == ""){
		fLink = " "
	}

	//blendimage("blenddiv", "blendimage", document.getElementById("FullImage" + ImgId).src, 1000)
	document.images["largeImage"].src = document.getElementById("FullImage" + ImgId).src
	document.getElementById("ImgTekst").innerHTML	= fText
	document.getElementById("ImgLink").innerHTML	= fLink
}

var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;

function imageInit(){
	if(ld){
		if(ns4){ld.visibility="hidden";}
		else if (ns6||ie4) ld.display="none";
	}
}

onload = function(){
	resizeDivs()

	if(typeof fp != "undefined"){
		if(fp){
			initFp()
		}
	}

	if(typeof thumbArray != "undefined"){
		if(thumbArray.length > 0){
			verwerkThumbArray()
		}
	}

	ld = document.getElementById("loading")
	if(ld){
		ld = ld.style;
		imageInit()
	}	
}

onresize = function(){
	resizeDivs()
}

var verwerkThumbArray = function(startPos){
	var thumbArrayLengte	= thumbArray.length
	var maxLength			= 9
	var HTML				= ""

	if(typeof startPos == "undefined"){
		startPos = 0
	}

	if(thumbArrayLengte > maxLength){
		if(document.getElementById("vorigeDiv")){
			if((startPos - 1) >= 0){
				document.getElementById("vorigeDiv").innerHTML = "<A href='javascript:verwerkThumbArray(" + (startPos - 1) + ")'><</A>"
			}else{
				document.getElementById("vorigeDiv").innerHTML = "&nbsp;"
			}
		}
		if(document.getElementById("volgendeDiv")){
			if(((((startPos + 1) * maxLength) - 1)) < (thumbArrayLengte - 1)){
				document.getElementById("volgendeDiv").innerHTML = "<A href='javascript:verwerkThumbArray(" + (startPos + 1) + ")'>></A>"
			}else{
				document.getElementById("volgendeDiv").innerHTML = "&nbsp;"
			}
		}
		if(document.getElementById("vorigeDiv")){
			document.getElementById("vorigeDiv").style.display = "block"
		}
		if(document.getElementById("volgendeDiv")){
			document.getElementById("volgendeDiv").style.display = "block"
		}
	}

	
	//alert(startPos + ", StartPositie: " + (startPos * maxLength) + ", " + (((startPos + 1) * maxLength) - 1) + ", " + thumbArrayLengte)

	for(var i = (startPos * maxLength);i <= (((startPos + 1) * maxLength) - 1);i++){
		if(i < thumbArrayLengte){
			HTML += "<A href=\"#\" onMouseover=\"wisselFoto(" + thumbArray[i][0] + ", '" + thumbArray[i][1] + "', '" + thumbArray[i][2] + "')\" style=\"outline:none;\"><img src=\"" + thumbArray[i][3] + "\" width=\"73\" height=\"73\" class=\"ItemThumb\" border=\"0\" alt=\"\"></A>"
		}
	}

	if(document.getElementById("ThumbScrollDiv")){
		document.getElementById("ThumbScrollDiv").innerHTML = HTML
	}
}

var initFp = function(){
	opacity("ContentDefaultTable", 0, 100, 1000)
}

var resizeDivs = function(){
	var availW, availH, obj, hoogte

	if(document.all){
		availW = document.body.clientWidth
		availH = document.body.clientHeight
	}else{
		availW = innerWidth
		availH = innerHeight
	}

	//aanroep en hoogte nog corrigeren:
	obj = document.getElementById("OverzichtProjectLijst")
	if(obj){
		hoogte = (availH - 230)
		if(hoogte < 100){
			hoogte = 100
		}
		obj.style.height = hoogte + "px"
	}

	obj = document.getElementById("ProjectItem")
	if(obj){
		hoogte = (availH - 230)
		if(hoogte < 100){
			hoogte = 100
		}
		obj.style.height = hoogte + "px"
	}

	obj = document.getElementById("CmsContent")
	if(obj){
		hoogte = (availH - 180)
		if(hoogte < 100){
			hoogte = 100
		}
		obj.style.height = hoogte + "px"
	}

	if((document.location.href.search(/default/gi) == -1) && (document.location.href.search(/\.asp/gi) != -1)){
		obj = document.getElementById("CmsContent2")
		if(obj){
			hoogte = (availH - 210)
			if(hoogte < 100){
				hoogte = 100
			}
			obj.style.height = hoogte + "px"
		}
	}

	obj = document.getElementById("PublicatieItem")
	if(obj){
		hoogte = (availH - 335)
		if(hoogte < 100){
			hoogte = 100
		}
		obj.style.height = hoogte + "px"
	}

	obj = document.getElementById("ContentContainerDiv")
	if(obj){
		hoogte = (availH - 369)
		if(hoogte < 100){
			hoogte = 100
		}
		obj.style.height = hoogte + "px"
	}

//	window.status = availW + " x " + availH
}

//begin thumb functies:
var showThumb = function(thumbId){
	if((document.getElementById("thumbImg")) && (typeof thumbId != "undefined")){
		if(document.getElementById("preloadImg" + thumbId)){
			if((typeof currentThumb == "undefined") && (document.location.href.search(/actueel\.asp/gi) !=-1) && (document.getElementById("thumbImg").src.search(/\./gi) != -1)){
				currentThumb = document.getElementById("thumbImg").src
			}
			document.getElementById("thumbImg").src = document.getElementById("preloadImg" + thumbId).src
			document.getElementById("thumbImg").style.display = "block"
		}
		if(document.getElementById("HrefLi" + thumbId)){document.getElementById("HrefLi" + thumbId).style.color = "#FFFFFF"}
		if(document.getElementById("HrefRe" + thumbId)){document.getElementById("HrefRe" + thumbId).style.color = "#FFFFFF"}
	}
}
var hideThumb = function(thumbId){
	if(typeof currentThumb == "undefined"){
		if(document.getElementById("thumbImg")){
			document.getElementById("thumbImg").style.display = "none"
		}
	}else{
		document.getElementById("thumbImg").src = currentThumb
		document.getElementById("thumbImg").style.display = "block"
	}

	if(document.getElementById("HrefLi" + thumbId)){document.getElementById("HrefLi" + thumbId).style.color = ""}
	if(document.getElementById("HrefRe" + thumbId)){document.getElementById("HrefRe" + thumbId).style.color = ""}
}
var scrollContentDiv = function(stap){
	var obj		= document.getElementById("ThumbScrollDiv")
	var leftVal	= obj.style.left

	if(leftVal == ""){
		leftVal = 0
	}else{
		leftVal = parseInt(leftVal.replace(/px/gi, ""))
	}

	var left = leftVal + (stap * 100)

	obj.style.left = left + "px"

	window.status = left + "px"
}
//einde thumb functies:

var vergrootFoto = function(fotoSrc){
	var html = "<HTML><HEAD><TITLE>Inspiratie</TITLE>"
	+ "</HEAD><BODY LEFTMARGIN=0 " 
	+ "MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0><CENTER>" 
	+ "<IMG SRC='" + fotoSrc + "' BORDER=0 NAME=image " 
	+ "onload='window.resizeTo(document.image.width,document.image.height)'>"
	+ "</CENTER>" 
	+ "</BODY></HTML>";

	popup =  window.open('','image', 'toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=1');
	popup.document.open();
	popup.document.write(html);
	popup.document.focus();
	popup.document.close()
}