/*
window.onload = setHeight;
window.onresize = setHeight;
*/
function setHeight() {
var browserName=navigator.appName;
var nl = document.getElementById('navLeft');
var nte = document.getElementById('navTopExtra');
var sw = document.getElementById('searchwidget');
var mc = document.getElementById('mainContent');
var bd = document.getElementById('checker');
//alert("cl="+document.documentElement.clientHeight);
//alert("pos checker="+findPos(bd));
var h = document.documentElement.clientHeight
if (browserName=="Microsoft Internet Explorer") {
if(findPos(bd) > h) {
mc.style.height = findPos(bd)-180+"px"; /*167 is ong de hoogte van de kop*/
nl.style.height = findPos(bd)-160+"px";
nte.style.top = "80px";
sw.style.top = "0px";
}else{
mc.style.height = h-180;
nl.style.height = h-160;
nte.style.top = "80px";
sw.style.top = "0px";
}
}else{
if(findPos(bd) > h) {
mc.style.height = findPos(bd)-167+"px"; /*167 is ong de hoogte van de kop*/
nl.style.height = findPos(bd)-146+"px";
nte.style.top = "80px";
sw.style.top = "0px";
}else{
mc.style.height = h-167+"px";
nl.style.height = h-146+"px";
nte.style.top = "80px";
sw.style.top = "0px";
}
}
}
function openWindow(img, name){
newwindow2=window.open('','name','height=300,width=400');
var strHTML = ""+name+"";
strHTML += "";
strHTML += "";
strHTML += "";
strHTML += "";
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(elmnt).style.visibility="visible";
}
function hideSubmenu(elmnt) {
document.getElementById("navTop").style.zIndex = 0;
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;
}
var contentHeight = 0; // The total height of the content
var visibleContentHeight = 0;
var scrollActive = false;
var objHandle = false; // reference to the scroll handle
var objHandleHeight = false;
var objScrollbar_top = false;
var eventYPos = false;
var scrollActive = false;
var scrollDirection = false;
var scrollSpeed = 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 startScroll(e) {
if(document.all && !operaBrowser)e = event;
objScrollbar_top = document.getElementById('div_scrollHandle').offsetTop;
eventYPos = e.clientY;
scrollActive = true;
}
function stopScroll() {
scrollActive = false;
scrollActive = false;
scrollMoveToActive = false;
}
function scroll(e) {
if(!scrollActive) return;
if(document.all && !operaBrowser) e = event;
if(e.button != 1 && document.all) return;
var topPos = objScrollbar_top + e.clientY - eventYPos;
if(topPos<0) topPos = 0;
if(topPos/1 > visibleContentHeight-(objHandleHeight+4)/1) topPos = visibleContentHeight-(objHandleHeight+4);
document.getElementById('div_scrollHandle').style.top = topPos + 'px';
document.getElementById('mainContent_content').style.top = 0 - Math.floor((contentHeight) * ((topPos)/(visibleContentHeight-objHandleHeight)))+'px';
}
/* Click on the slider. Move the content to the this point */
function scrolldiv_MoveToInit(e) {
if(document.all && !operaBrowser) e = event;
scrollMoveToActive = true;
scrollMoveToYPosition = e.clientY - document.getElementById('div_scrollBar').offsetTop;
if(document.getElementById('div_scrollHandle').offsetTop/1 > scrollMoveToYPosition) {
scrollDirection = scrollSpeed*-2;
}else{
scrollDirection = scrollSpeed*2;
}
scrolldiv_MoveTo();
}
function scrolldiv_MoveTo() {
if(!scrollMoveToActive || scrollActive) return;
var topPos = document.getElementById('div_scrollHandle').style.top.replace('px','');
topPos = topPos/1 + scrollDirection;
if(topPos<0) {
topPos=0;
scrollMoveToActive = false;
}
if(topPos/1>visibleContentHeight-(objHandleHeight+4)/1) {
topPos = visibleContentHeight-(objHandleHeight+4);
scrollMoveToActive=false;
}
if(scrollDirection<0 && topPos0 && topPos>scrollMoveToYPosition-objHandleHeight/2) return;
document.getElementById('div_scrollHandle').style.top = topPos + 'px';
document.getElementById('mainContent_content').style.top = 0 - Math.floor((contentHeight) * ((topPos)/(visibleContentHeight-objHandleHeight)))+'px'
setTimeout('scrolldiv_MoveTo()',scrollTimer);
}
function cancelEvent() {
return false;
}
function scrollButton() {
if(this.id=='div_scrollDown') {
scrollDirection = scrollSpeed;
}else{
scrollDirection = scrollSpeed*-1;
}
scrollActive = true;
scrolldiv_scrollButtonScroll();
}
function scrolldiv_scrollButtonScroll() {
if(!scrollActive) return;
var topPos = document.getElementById('div_scrollHandle').style.top.replace('px','');
topPos = topPos/1 + scrollDirection;
if(topPos<0) {
topPos=0;
scrollActive=false;
}
if(topPos/1>visibleContentHeight-(objHandleHeight+4)/1) {
topPos = visibleContentHeight-(objHandleHeight+4);
scrollActive = false;
}
document.getElementById('div_scrollHandle').style.top = topPos + 'px';
document.getElementById('mainContent_content').style.top = 0 - Math.floor((contentHeight) * ((topPos)/(visibleContentHeight-objHandleHeight)))+'px'
setTimeout('scrolldiv_scrollButtonScroll()',scrollTimer);
}
function scrollButtonStop() {
scrollActive = false;
}
function scrolldiv_initScroll() {
visibleContentHeight = document.getElementById('div_scrollBar').offsetHeight ;
contentHeight = document.getElementById('mainContent_content').offsetHeight - visibleContentHeight;
objHandle = document.getElementById('div_scrollHandle');
objHandleHeight = objHandle.offsetHeight;
objScrollbar_top = document.getElementById('div_scrollBar').offsetTop;
document.getElementById('div_scrollHandle').onmousedown = startScroll;
document.body.onmousemove = scroll;
document.getElementById('div_scrollBar').onselectstart = cancelEvent;
document.getElementById('div_scrollHandle').onmouseup = stopScroll;
if(document.all) {
document.body.onmouseup = stopScroll;
}else{
document.documentElement.onmouseup = stopScroll;
}
document.getElementById('div_scrollDown').onmousedown = scrollButton;
document.getElementById('div_scrollUp').onmousedown = scrollButton;
document.getElementById('div_scrollDown').onmouseup = scrollButtonStop;
document.getElementById('div_scrollUp').onmouseup = scrollButtonStop;
document.getElementById('div_scrollUp').onselectstart = cancelEvent;
document.getElementById('div_scrollDown').onselectstart = cancelEvent;
document.getElementById('div_scrollBar').onmousedown = scrolldiv_MoveToInit;
}
/* Change from the default color */
function scrolldiv_setColor(newColor) {
document.getElementById('div_scrollBar').style.borderColor = newColor;
document.getElementById('div_scrollHandle').style.backgroundColor = newColor;
document.getElementById('div_scrollUp').style.borderColor = newColor;
document.getElementById('div_scrollDown').style.borderColor = newColor;
document.getElementById('div_scrollUp').style.color = newColor;
document.getElementById('div_scrollDown').style.color = newColor;
document.getElementById('mainContainer').style.borderColor = newColor;
}
/* Setting total width of parent Container */
function scrolldiv_setWidth(newWidth) {
document.getElementById('mainContainer').style.width = newWidth-30 + 'px';
}
/* Setting total height of parent Container */
function scrolldiv_setHeight(newHeight) {
document.getElementById('mainContainer').style.height = newHeight + 'px';
document.getElementById('div_slider').style.height = newHeight + 'px';
document.getElementById('div_scrollBar').style.height = newHeight-40 + 'px';
}
/* Setting new background color to the slider */
function setSliderBgColor(newColor) {
document.getElementById('div_scrollBar').style.backgroundColor = newColor;
document.getElementById('div_scrollUp').style.backgroundColor = newColor;
document.getElementById('div_scrollDown').style.backgroundColor = newColor;
}
/* Setting new content background color */
function setContentBgColor(newColor) {
document.getElementById('mainContainer').style.backgroundColor = newColor;
}
/* Setting scroll button speed */
function setScrollButtonSpeed(newSpeed) {
scrollSpeed = newSpeed;
}
/* Setting interval of the scroll */
function setTimer(newInterval) {
scrollTimer = newInterval;
}