function findPosX(obj) {   // vind de X-coördinaat van een object
	var curleft = 0; 
    if (obj.offsetParent) { 
        while (obj.offsetParent) { 
            curleft += obj.offsetLeft;
            obj = obj.offsetParent; 
        } 
    } 
    else if (obj.x) {
        curleft += obj.x; 
	}
    return curleft; 
} 

function findPosY(obj) {  // vind het Y-coördinaat van een object
    var curtop = 0; 
    if (obj.offsetParent) { 
        while (obj.offsetParent) { 
            curtop += obj.offsetTop;
            obj = obj.offsetParent; 
        } 
    } 
    else if (obj.y) {
        curtop += obj.y; 
	}
    return curtop; 
} 

function getXY(m, offset) {  // positioneerd een layer
	var startPos=document.getElementById(offset); 
	var posX=findPosX(startPos); 
	var posY=findPosY(startPos); 
	
	document.getElementById(m).style.top=posY; 
	document.getElementById(m).style.left=posX; 
}

var timeout = null;
var imgtimeout = null;

function swap(img, nr) { 
    clearTimeout(imgtimeout);
    var newSrc = new Array('gif/spacer.gif','gif/geelbolletje_mattedblauw.gif','gif/geelbolletje_matteblauw.gif','gif/geelbolletje_mattewit.gif');
    var items = new Array ('home','compleet','context','contact','reclame','web','dgv','foto','visie','mensen','adres'); 
	var i;
	for(i=0; i<items.length; i++) { 
		if(document.images[items[i]]) { 	
			if(items[i] == img) { 
				document.images[img].src = newSrc[nr];
			} else {
				document.images[items[i]].src = newSrc[0];
			}
		}
	}
}

/*
function swap(imgId, nr) { // imageswap onMouseOver
	var newSrc = new Array('gif/spacer.gif','gif/geelbolletje_mattedblauw.gif','gif/geelbolletje_matteblauw.gif','gif/geelbolletje_mattewit.gif');
	clearTimeout(imgtimeout);
	if(document.images) { 
		document.images[imgId].src = newSrc[nr];
	}
}
*/

function swapDelay(imgId, nr) { // imageswap onMouseOut met delay
	imgtimeout = setTimeout("swap('"+imgId+"', "+nr+")", 400);
}

function hide(divId) { // verbergt een div met delay
	timeout = setTimeout("hideMenu('"+divId+"')", 400);
}

function hideMenu(divId) { // verbergt een div
	if (document.layers) document.layers[divId].visibility = 'hide'; 
	else if (document.all) document.all[divId].style.visibility = 'hidden'; 
	else if (document.getElementById) document.getElementById(divId).style.visibility = 'hidden'; 
}  

function show(divId) { // geeft een div weer
	clearTimeout(timeout);
	getXY(divId, "offset_xy"); 
	if (document.layers) document.layers[divId].visibility = 'show'; 
	else if (document.all) document.all[divId].style.visibility = 'visible'; 
	else if (document.getElementById) document.getElementById(divId).style.visibility = 'visible'; 
}

function showLayer(divId) { // geeft een div weer
	getXY(divId, "offset_meer"); 
	if (document.layers) document.layers[divId].visibility = 'show'; 
	else if (document.all) document.all[divId].style.visibility = 'visible'; 
	else if (document.getElementById) document.getElementById(divId).style.visibility = 'visible'; 
}

function hideLayer(divId) { // verbergt een div
	if (document.layers) document.layers[divId].visibility = 'hide'; 
	else if (document.all) document.all[divId].style.visibility = 'hidden'; 
	else if (document.getElementById) document.getElementById(divId).style.visibility = 'hidden'; 
}  

function showTable(divId) { // klapt een onzichtbare tabel uit
	if (document.layers) document.layers[divId].display = 'block'; 
	else if (document.getElementById) document.getElementById(divId).style.display = 'block'; 
}

function hideTable(divId) { // verbergt een uitgeklapte tabel
	if (document.layers) document.layers[divId].display = 'none'; 
	else if (document.getElementById) document.getElementById(divId).style.display = 'none'; 
} 

function checkPosition(divId) { // positioneert de layer met extra tekst zodra het venster wordt verkleind of vergroot
	if(document.getElementById(divId).style.visibility != 'hidden') { 
		showLayer(divId);
	}
}