var submenuTimer;
var submenuShown;
var imgArr = new Array();
var sizexArr = new Array();
var sizeyArr = new Array();
var imgAct;

window.onload = init;

function init() {
	// container positioneren
	if(findObj('content')) {
		var target1 = findObj('container');
		var target2 = findObj('dmx1Container');
		var obj1 = findObj('image');
		var obj2 = findObj('colorbar');
		var width = 0;
		width += (obj1)? obj1.offsetWidth : 0;
		width += (obj2)? obj2.offsetWidth : 0;
		target1.style.marginLeft = width +'px';
		target2.style.width = target1.offsetWidth - 63 +'px';
		//target2.style.clip = 'rect(0px,'+ target1.offsetWidth - 63 +'px,380px,0px)';
		
		// scrollergenie initialise
		dmxFSG1(1,1,2,25,0,0,0,0,'',0,0,0,1);
		
		// hide scrollbar when unneeded
		var scroller = findObj('dmxScrollbar');
		var scrollObj = findObj('dmx1Content1');
		if(scrollObj.offsetHeight < 380) scroller.style.visibility = 'hidden';
	}
}

function findObj(id) {
	return ((document.getElementById)? document.getElementById(id) : document.all[id]);
}

function toggle(target) { 
	target.style.display = (target.style.display == 'block')? 'none': 'block';
}

function setImage(imgsrc) {
	var image = findObj("image");
	image.innerHTML = "<img src='/images/" + imgsrc + "' height='500' width='187' border='0'>";
}

function gallery(id, img) {
	var overlay = findObj("overlay");
	var fotoPop = findObj("fotoPop");
	var foto = findObj("foto");
	var next = findObj("next");
	var prev = findObj("prev");
	var paging = findObj("paging");
	
	if (id != 0) {
		overlay.style.opacity = .9;
		overlay.style.MozOpacity = .9;
		if (navigator.appName.indexOf("Microsoft")!=-1&&parseInt(navigator.appVersion)>=4) { overlay.filters[0].opacity = 90; }
		overlay.style.display = "block";
		
		imgAct = img;
		
		if (imgAct < imgArr.length) { next.innerHTML = '<a href="javascript:;" onclick="nextImg();"><img src="images/but_next.gif" alt="volgende foto" width="22" height="20" border="0" /></a>'; }
		if (imgAct >= 0) { prev.innerHTML = '<a href="javascript:;" onclick="prevImg();"><img src="images/but_prev.gif" alt="vorige foto" width="22" height="20" border="0" /></a>'; }
		
		if (imgAct >= imgArr.length-1) { next.innerHTML = ''; }
		if (imgAct <= 0) { prev.innerHTML = ''; }
		
		foto.innerHTML = "<img src='"+ imgArr[img] + "' alt='' border='0' />";
		foto.style.width = sizexArr[img] + "px";
		fotoPop.style.width = sizexArr[img] + 40 + "px";
		
		fotoPop.style.display = "block";
		fotoPop.style.marginTop = 0 - (fotoPop.offsetHeight / 2)+ "px";
		fotoPop.style.marginLeft = 0 - (fotoPop.offsetWidth / 2)+ "px";

		setImage("foto" + id + ".jpg");
		
		paging.innerHTML = imgAct+1 + ' / ' + imgArr.length;
		
		
	} else {
		overlay.style.opacity = 0;
		overlay.style.MozOpacity = 0;
		if (navigator.appName.indexOf("Microsoft")!=-1&&parseInt(navigator.appVersion)>=4) { overlay.filters[0].opacity = 0; }
		overlay.style.display = "none";
		
		fotoPop.style.display = "none";
	}
}

function nextImg() {	
	imgAct++;
	gallery(6, imgAct); 
}

function prevImg() {	
	imgAct--;
	gallery(6, imgAct); 
}


function fotoPop(url,w,h,name) {
	var popwidth = parseInt(w);
	var popheight = parseInt(h);
	var parenttop = (self.screenTop)? self.screenTop:self.screenY;
	var parentleft = (self.screenLeft)? self.screenLeft:self.screenX;
	var topcorrection = (navigator.appName == "Microsoft Internet Explorer")? -20:43;
	var parentwidth = (document.documentElement)? document.documentElement.clientWidth:document.body.clientWidth;
	var parentheight = (document.documentElement)? document.documentElement.clientHeight:document.body.clientHeight;
	var popleft = (parentwidth/2 - popwidth/2) + parentleft;
	var poptop = (parentheight/2 - popheight/2) + parenttop + topcorrection;
	var fotoPop = window.open(url,name,'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=no,resizable=yes,width='+popwidth+',height='+popheight+',left='+popleft+',top='+poptop+',screenX='+popleft+',screenY='+poptop)
	fotoPop.focus();
}

// SUBMENU control
function openSubmenu(idnum) {
	clearTimeout(submenuTimer);
	var targetMenu = findObj('menu'+idnum);
	if(submenuShown) toggle(submenuShown);
	
	var targetButton = findObj('but'+idnum);
	targetMenu.style.left = targetButton.offsetLeft +'px';
	
	toggle(targetMenu);
	submenuShown = targetMenu;
}

function closeSubmenu(time) {
	var tijd = (time)? time:300;
	submenuTimer = setTimeout('closeSubmenuTimer()',tijd);
}

function closeSubmenuTimer() {
	if(submenuShown) toggle(submenuShown); submenuShown = null;
}

function keepSubmenu() {
	clearTimeout(submenuTimer);
}