/*
window.onload = setHeight;
window.onresize = setHeight;
*/

function openWindow(img, name){
	newwindow2=window.open('','name','height=300,width=400');
	var strHTML = "<html><head><title>"+name+"</title></head>";
	strHTML += "<body><center>";
	strHTML += "<div style=''><img src='"+img+"' /></div>";
	strHTML += "</center></body>";
	strHTML += "</html>";
	newwindow2.document.write(strHTML);
	newwindow2.document.close();
	if (window.focus) {newwindow2.focus()}
	return false;

}

function showSubmenu(elmnt) {
	document.getElementById("navTop").style.zIndex = 100;
	document.getElementById("navTop").style.height = "300px";
	document.getElementById(elmnt).style.visibility="visible";
}

function hideSubmenu(elmnt) {
	document.getElementById("navTop").style.zIndex = 10;
	document.getElementById("navTop").style.height = "160px";	
	document.getElementById(elmnt).style.visibility="hidden";
}


var item_clicked = "__";


function chkSeveral(item) {
   if(document.getElementById(item)) {
   	var e = document.getElementById(item);
   	if(item != item_clicked) {
			e.className = e.className+"over";
		}else if(item == item_clicked) {
			e.className = e.className+"over";
		}
		item_clicked = item;
		//alert(e.className);
	}
}

function findPos(obj) {
	var curtop = 0;	
	if (obj.offsetParent) {
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curtop += obj.offsetTop
		}
	}
	return curtop;
}

function setHeight() {
	var browserName=navigator.appName;
	var nl = document.getElementById('navLeft');
	var lm = document.getElementById('leftmenu');
	var nb = document.getElementById('navBottom');
	var mc = document.getElementById('mainContent');
	var chk = document.getElementById('checker');
	var lchk = document.getElementById('leftchecker');
	/*alert("h="+document.documentElement.clientHeight);*/
	/*alert("mc="+findPos(chk));*/
	/*var h = document.documentElement.clientHeight*/
	
	var dif = 0;
	
	if (browserName=="Microsoft Internet Explorer")	 {	
		if(findPos(chk) > 480) {

			if(findPos(lchk)>758) {
				dif = findPos(lchk) - 800;
			}			
			/*alert("ck"+findPos(chk));
			alert("lck"+findPos(lchk));	*/
			mc.style.height = findPos(chk)-106+dif+"px"; 
			nl.style.height = findPos(chk)-174+dif+"px";	
			lm.style.height = findPos(chk)-174+dif+"px";	
			nb.style.top = findPos(chk)-11+dif+"px";			
		}else{
			mc.style.height = "470px"; 
			nl.style.height = "390px";
			nb.style.top = "550px";		
			/*aalert("ck"+findPos(chk));*/
			/*aalert("lck"+findPos(lchk));*/			
		}	
	}else{
		/*op basis van de inhoud van mainContent*/
		if(findPos(chk) > 480) {		
			mc.style.height = findPos(chk)-106+"px"; 
			nl.style.height = findPos(chk)+"px";	
			lm.style.height = findPos(chk)-174+"px";	
			nb.style.top = findPos(chk)-11+"px";
			if(findPos(lchk)<564 && findPos(lchk)>480) {
				dif = findPos(lchk) - 475;
				//alert("ck"+findPos(chk));
				//alert("lck"+findPos(lchk));
			}else if(findPos(lchk)>564) {
				dif = findPos(lchk) - 564;
			}
			mc.style.height = findPos(chk)-106+dif+"px"; 
			nl.style.height = findPos(chk)+dif+"px";	
			lm.style.height = findPos(chk)-174+dif+"px";	
			nb.style.top = findPos(chk)-11+dif+"px";			
		}else{
			mc.style.height = 480+"px"; 
			nl.style.height = "100%";
			nb.style.top = 560+"px";	
			if(findPos(lchk)> 564) {
				dif = findPos(lchk) - 564;
				//alert("ck"+findPos(chk));
				//alert("lck"+findPos(lchk));
			}
			mc.style.height = 480+dif+"px"; 
			nl.style.height = "100%";
			nb.style.top = 560+dif+"px";			
		}	
	}
}

var contentHeight = 0; 	// The total height of the content
var visibleContentHeight = 0;
var scrollActive = false;

var scrollHandleObj = false; // reference to the scroll handle
var scrollHandleHeight = false;
var scrollbarTop = false;
var eventYPos = false;

var scrollbuttonActive = false;
var scrollbuttonDirection = false;
var scrollbuttonSpeed = 2; // How fast the content scrolls when you click the scroll buttons(Up and down arrows)
var scrollTimer = 10;	// Also how fast the content scrolls. By decreasing this value, the content will move faster

var scrollMoveToActive = false;
var scrollMoveToYPosition = false;

var operaBrowser = false;
if(navigator.userAgent.indexOf('Opera')>=0)operaBrowser=1;

function scrollDiv_startScroll(e)
{
	if(document.all && !operaBrowser)e = event;
	scrollbarTop = document.getElementById('scrolldiv_theScroll').offsetTop;
	eventYPos = e.clientY;
	scrollActive = true;
}

function scrollDiv_stopScroll()
{
	scrollActive = false;
	scrollbuttonActive = false;
	scrollMoveToActive = false;
}
function scrollDiv_scroll(e)
{
	if(!scrollActive)return;
	if(document.all && !operaBrowser)e = event;
	if(e.button!=1 && document.all)return;
	var topPos = scrollbarTop + e.clientY - eventYPos;
	if(topPos<0)topPos=0;
	if(topPos/1>visibleContentHeight-(scrollHandleHeight+4)/1)topPos = visibleContentHeight-(scrollHandleHeight+4);
	document.getElementById('scrolldiv_theScroll').style.top = topPos + 'px';
	document.getElementById('scrolldiv_content').style.top = 0 - Math.floor((contentHeight) * ((topPos)/(visibleContentHeight-scrollHandleHeight)))+'px'
}

/*
Click on the slider
Move the content to the this point
*/
function scrolldiv_scrollMoveToInit(e)
{
	if(document.all && !operaBrowser)e = event;
	scrollMoveToActive = true;
	scrollMoveToYPosition = e.clientY - document.getElementById('scrolldiv_scrollbar').offsetTop;
	if(document.getElementById('scrolldiv_theScroll').offsetTop/1 > scrollMoveToYPosition) scrollbuttonDirection = scrollbuttonSpeed*-2; else  scrollbuttonDirection = scrollbuttonSpeed*2;
	scrolldiv_scrollMoveTo();
}

function scrolldiv_scrollMoveTo()
{
	if(!scrollMoveToActive || scrollActive)return;
	var topPos = document.getElementById('scrolldiv_theScroll').style.top.replace('px','');
	topPos = topPos/1 + scrollbuttonDirection;
	if(topPos<0){
		topPos=0;
		scrollMoveToActive=false;
	}
	if(topPos/1>visibleContentHeight-(scrollHandleHeight+4)/1){
		topPos = visibleContentHeight-(scrollHandleHeight+4);
		scrollMoveToActive=false;
	}
	if(scrollbuttonDirection<0 && topPos<scrollMoveToYPosition-scrollHandleHeight/2)return;
	if(scrollbuttonDirection>0 && topPos>scrollMoveToYPosition-scrollHandleHeight/2)return;
	document.getElementById('scrolldiv_theScroll').style.top = topPos + 'px';
	document.getElementById('scrolldiv_content').style.top = 0 - Math.floor((contentHeight) * ((topPos)/(visibleContentHeight-scrollHandleHeight)))+'px'
	setTimeout('scrolldiv_scrollMoveTo()',scrollTimer);
}

function cancelEvent()
{
	return false;
}

function scrolldiv_scrollButton()
{
	if(this.id=='scrolldiv_scrollDown')scrollbuttonDirection = scrollbuttonSpeed; else scrollbuttonDirection = scrollbuttonSpeed*-1;
	scrollbuttonActive=true;
	scrolldiv_scrollButtonScroll();
}
function scrolldiv_scrollButtonScroll()
{
	if(!scrollbuttonActive)return;
	var topPos = document.getElementById('scrolldiv_theScroll').style.top.replace('px','');
	topPos = topPos/1 + scrollbuttonDirection;
	if(topPos<0){
		topPos=0;
		scrollbuttonActive=false;
	}
	if(topPos/1>visibleContentHeight-(scrollHandleHeight+4)/1){
		topPos = visibleContentHeight-(scrollHandleHeight+4);
		scrollbuttonActive=false;
	}
	document.getElementById('scrolldiv_theScroll').style.top = topPos + 'px';
	document.getElementById('scrolldiv_content').style.top = 0 - Math.floor((contentHeight) * ((topPos)/(visibleContentHeight-scrollHandleHeight)))+'px'
	setTimeout('scrolldiv_scrollButtonScroll()',scrollTimer);
}
function scrolldiv_scrollButtonStop()
{
	scrollbuttonActive = false;
}


function scrolldiv_initScroll()
{
	visibleContentHeight = document.getElementById('scrolldiv_scrollbar').offsetHeight ;
	contentHeight = document.getElementById('scrolldiv_content').offsetHeight - visibleContentHeight;
	scrollHandleObj = document.getElementById('scrolldiv_theScroll');
	scrollHandleHeight = scrollHandleObj.offsetHeight;
	scrollbarTop = document.getElementById('scrolldiv_scrollbar').offsetTop;
	document.getElementById('scrolldiv_theScroll').onmousedown = scrollDiv_startScroll;
	document.body.onmousemove = scrollDiv_scroll;
	document.getElementById('scrolldiv_scrollbar').onselectstart = cancelEvent;
	document.getElementById('scrolldiv_theScroll').onmouseup = scrollDiv_stopScroll;
	if(document.all)document.body.onmouseup = scrollDiv_stopScroll; else document.documentElement.onmouseup = scrollDiv_stopScroll;
	document.getElementById('scrolldiv_scrollDown').onmousedown = scrolldiv_scrollButton;
	document.getElementById('scrolldiv_scrollUp').onmousedown = scrolldiv_scrollButton;
	document.getElementById('scrolldiv_scrollDown').onmouseup = scrolldiv_scrollButtonStop;
	document.getElementById('scrolldiv_scrollUp').onmouseup = scrolldiv_scrollButtonStop;
	document.getElementById('scrolldiv_scrollUp').onselectstart = cancelEvent;
	document.getElementById('scrolldiv_scrollDown').onselectstart = cancelEvent;
	document.getElementById('scrolldiv_scrollbar').onmousedown = scrolldiv_scrollMoveToInit;
}
/*
Change from the default color
*/
function scrolldiv_setColor(rgbColor)
{
	document.getElementById('scrolldiv_scrollbar').style.borderColor = rgbColor;
	document.getElementById('scrolldiv_theScroll').style.backgroundColor = rgbColor;
	document.getElementById('scrolldiv_scrollUp').style.borderColor = rgbColor;
	document.getElementById('scrolldiv_scrollDown').style.borderColor = rgbColor;
	document.getElementById('scrolldiv_scrollUp').style.color = rgbColor;
	document.getElementById('scrolldiv_scrollDown').style.color = rgbColor;
	document.getElementById('scrolldiv_parentContainer').style.borderColor = rgbColor;
}
/*
Setting total width of scrolling div
*/
function scrolldiv_setWidth(newWidth)
{
	//document.getElementById('scrolldiv').style.width = newWidth + 'px';
	if(newWidth=='100%') {
		document.getElementById('scrolldiv_parentContainer').style.width = '100%';	
	}else{
		document.getElementById('scrolldiv_parentContainer').style.width = newWidth-30 + 'px';
	}
	
}
/*
Setting top of scrolling div
*/
function scrolldiv_setTop(newTop)
{
	document.getElementById('scrolldiv_scrollbar').style.top = newTop + 'px';
}
/*
Setting total height of scrolling div
*/
function scrolldiv_setHeight(newHeight)
{
	//document.getElementById('scrolldiv').style.height = newHeight + 'px';
	//document.getElementById('scrolldiv_parentContainer').style.height = newHeight + 'px';
	//document.getElementById('scrolldiv_slider').style.height = newHeight + 'px';
	document.getElementById('scrolldiv_scrollbar').style.height = newHeight + 'px';
}
/*
Setting new background color to the slider
*/
function setSliderBgColor(rgbColor)
{
	document.getElementById('scrolldiv_scrollbar').style.backgroundColor = rgbColor;
	document.getElementById('scrolldiv_scrollUp').style.backgroundColor = rgbColor;
	document.getElementById('scrolldiv_scrollDown').style.backgroundColor = rgbColor;
}
/*
Setting new content background color
*/
function setContentBgColor(rgbColor)
{
	document.getElementById('scrolldiv_parentContainer').style.backgroundColor = rgbColor;
}

/*
Setting scroll button speed
*/
function setScrollButtonSpeed(newScrollButtonSpeed)
{
	scrollbuttonSpeed = newScrollButtonSpeed;
}
/*
Setting interval of the scroll
*/
function setScrollTimer(newInterval)
{
	scrollTimer = newInterval;
}

/*************************/
/*   Guestbook settings  */
/*************************/

function openGuestbookform() {
	if(document.getElementById("guestbookform")) {
		var gbf = document.getElementById("guestbookform");
		if(gbf.style.display == "none") {
			gbf.style.display = "block";
		}else if(gbf.style.display == "block") {
			gbf.style.display = "none";
		}		
	}
}