var agt 	= navigator.userAgent.toLowerCase();
var appVer  = navigator.appVersion.toLowerCase();
var isMinor = parseFloat(appVer);
var isMajor = parseInt(isMinor);
var iePos  = appVer.indexOf('msie');
if (iePos !=-1) {
    isMinor = parseFloat(appVer.substring(iePos+5,appVer.indexOf(';',iePos)))
    isMajor = parseInt(isMinor);
}
var isIE	= ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
var isIE6   = (isIE && isMajor == 6);
var menuTimer;
var menuSize = 0;
var hitm = null;
var offsetH = 0;
var tmrUp = null;
var tmrDown = null;
var isOver = false;
var isOverLast = 1;

function mainover () {
    zieook(1);
    clearInterval(menuTimer);
    menuTimer = setInterval("openMenu()", 10);
}

function mainout () {
    zieook(2);
    clearInterval(menuTimer);
    menuTimer = setInterval("closeMenu()", 10);
}

function subover () {
    zieook(1);
    clearInterval(menuTimer);
    menuTimer = setInterval("openMenu()", 10);
}

function subout () {
    zieook(2);
    clearInterval(menuTimer);
    menuTimer = setInterval("closeMenu()", 10);
}

function zieook (opt) {
    if (isIE) {
        if (opt == 1) {
            var zo1 = document.getElementById("tekstpagezieook");
            if (zo1) zo1.style.visibility = 'hidden';
            var zo1 = document.getElementById("werkveldzieook");
            if (zo1) zo1.style.visibility = 'hidden';
            var zo1 = document.getElementById("projectzieook");
            if (zo1) zo1.style.visibility = 'hidden';
        } else {
            var zo1 = document.getElementById("tekstpagezieook");
            if (zo1) zo1.style.visibility = 'visible';
            var zo1 = document.getElementById("werkveldzieook");
            if (zo1) zo1.style.visibility = 'visible';
            var zo1 = document.getElementById("projectzieook");
            if (zo1) zo1.style.visibility = 'visible';
        }
    }
}

function SetClassItm(itm, classnaam) {
	itm.className=classnaam;
}

function subsubover(opt, itm) {
    hideSubsubAll();
	if (opt == 1) {
		itm.style.display = 'block';
		SetClassItm(itm, 'subover');
		if (isIE6) {
		    document.getElementById("menupart2").style.visibility = 'hidden';
		    document.getElementById("menupart3").style.visibility = 'hidden';
		    document.getElementById("menupart4").style.visibility = 'hidden';
		} else {
		    SetClassItm(document.getElementById("menupart2"), 'menuparthide');
		    SetClassItm(document.getElementById("menupart3"), 'menuparthide');
		    SetClassItm(document.getElementById("menupart4"), 'menuparthide');
		}
		hitm = itm;
	}
	if (opt == 2) {
		itm.style.display = 'block';
		SetClassItm(itm, 'subover');
		if (isIE6) {
		    document.getElementById("menupart1").style.visibility = 'hidden';
		    document.getElementById("menupart3").style.visibility = 'hidden';
		    document.getElementById("menupart4").style.visibility = 'hidden';
		} else {
		    SetClassItm(document.getElementById("menupart1"), 'menuparthide');
		    SetClassItm(document.getElementById("menupart3"), 'menuparthide');
		    SetClassItm(document.getElementById("menupart4"), 'menuparthide');
		}
		hitm = itm;
	}
}

function hideSubsubAll() {
	hideSubsub("menupart1");
	hideSubsub("menupart2");
    SetClassItm(document.getElementById("menupart1"), 'menupart');
    SetClassItm(document.getElementById("menupart2"), 'menupart');
    SetClassItm(document.getElementById("menupart3"), 'menupart');
    SetClassItm(document.getElementById("menupart4"), 'menupart');
}
function hideSubsub(naam) {
    var menuitem = document.getElementById(naam);
    var arr = menuitem.getElementsByTagName("li");
    for (var i = 0; i < arr.length; i++) {
        SetClassItm(arr[i], '');
    }
}

function subsubout(opt, itm) {
    if (!isIE6) {
	    if (opt == 1) {
		    itm.style.display = 'list-item';
		    SetClassItm(itm, '');
		    SetClassItm(document.getElementById("menupart2"), 'menupart');
		    SetClassItm(document.getElementById("menupart3"), 'menupart');
		    SetClassItm(document.getElementById("menupart4"), 'menupart');
		    hitm = null;
	    }
	    if (opt == 2) {
		    itm.style.display = 'list-item';
		    SetClassItm(itm, '');
		    SetClassItm(document.getElementById("menupart1"), 'menupart');
		    SetClassItm(document.getElementById("menupart3"), 'menupart');
		    SetClassItm(document.getElementById("menupart4"), 'menupart');
		    hitm = null;
	    }
	} else {
	    hideSubsub("menupart1");
	    hideSubsub("menupart2");
		document.getElementById("menupart1").style.visibility = 'visible';
		document.getElementById("menupart2").style.visibility = 'visible';
		document.getElementById("menupart3").style.visibility = 'visible';
		document.getElementById("menupart4").style.visibility = 'visible';
	}
}

function openMenu()
{
    SetClassItm(document.getElementById("submenu"), 'submenuover');
    switch(menuSize)
    {
        case 0:
        case 20:
        case 30:
        case 50:
        case 90:
            menuSize = 100;
            break;
        case 100:
            menuSize = 140;
            break;
        case 140:
            menuSize = 160;
            break;
        case 160:
            menuSize = 170;
            break;
        case 170:
            clearInterval(menuTimer);
            break;
    }
    if (hitm != null) {
		document.getElementById("submenu").style.height = getUlHeight(hitm) + 'px';
	} else {
        if (menuSize == 170) {
	        //document.getElementById('submenu').style.height = 'auto';
	        document.getElementById('submenu').style.height = '250px';
            if (offsetH == 0) {
                offsetH = document.getElementById("submenu").offsetHeight;
            }
        } else {
	        document.getElementById('submenu').style.height = menuSize + 'px';
        }
    }
}

function closeMenu()
{
    SetClassItm(document.getElementById("submenu"), '');
    switch(menuSize)
    {
        case 170:
            menuSize = 90;
            break;
        case 160:
        case 140:
        case 100:
        case 90:
            menuSize = 50;
            break;
        case 50:
            menuSize = 30;
            break;
        case 30:
            menuSize = 20;
            break;
        case 20:
            menuSize = 0;
            break;
        case 0:
            clearInterval(menuTimer);
            break;
    }
    document.getElementById('submenu').style.height = menuSize + 'px';
}

function overMenupart(opt, nr) {
    isOver = true;
    isOverLast = nr;
    document.getElementById('menuitem1').className = "menuitem";
    document.getElementById('menuitem2').className = "menuitem";
    document.getElementById('menuitem3').className = "menuitem";
    document.getElementById('menuitem4').className = "menuitem";
    if (isIE6 && opt == 1) {
        document.getElementById("menupart1").style.visibility = 'visible';
        document.getElementById("menupart2").style.visibility = 'visible';
        document.getElementById("menupart3").style.visibility = 'visible';
        document.getElementById("menupart4").style.visibility = 'visible';
    }
    switch (nr)
    {
        case 1:
            document.getElementById('menuitem1').className = "menuitemselected";
            if (opt == 2) {
	            if (isIE6) {
	                document.getElementById("menupart1").style.visibility = 'visible';
	                document.getElementById("menupart2").style.visibility = 'hidden';
	                document.getElementById("menupart3").style.visibility = 'hidden';
	                document.getElementById("menupart4").style.visibility = 'hidden';
	            } else {
		            SetClassItm(document.getElementById("menupart2"), 'menuparthide');
		            SetClassItm(document.getElementById("menupart3"), 'menuparthide');
		            SetClassItm(document.getElementById("menupart4"), 'menuparthide');
		        }
		    }
            break;
        case 2:
            document.getElementById('menuitem2').className = "menuitemselected";
            if (opt == 2) {
	            if (isIE6) {
	                document.getElementById("menupart1").style.visibility = 'hidden';
	                document.getElementById("menupart2").style.visibility = 'visible';
	                document.getElementById("menupart3").style.visibility = 'hidden';
	                document.getElementById("menupart4").style.visibility = 'hidden';
	            } else {
		            SetClassItm(document.getElementById("menupart1"), 'menuparthide');
		            SetClassItm(document.getElementById("menupart3"), 'menuparthide');
		            SetClassItm(document.getElementById("menupart4"), 'menuparthide');
		        }
		    }
            break;
        case 3:
            document.getElementById('menuitem3').className = "menuitemselected";
            if (opt == 2) {
	            if (isIE6) {
	                document.getElementById("menupart1").style.visibility = 'hidden';
	                document.getElementById("menupart2").style.visibility = 'hidden';
	                document.getElementById("menupart3").style.visibility = 'visible';
	                document.getElementById("menupart4").style.visibility = 'hidden';
	            } else {
		            SetClassItm(document.getElementById("menupart1"), 'menuparthide');
		            SetClassItm(document.getElementById("menupart2"), 'menuparthide');
		            SetClassItm(document.getElementById("menupart4"), 'menuparthide');
		        }
		    }
            break;
        case 4:
            document.getElementById('menuitem4').className = "menuitemselected";
            if (opt == 2) {
                if (isIE6) {
                    document.getElementById("menupart1").style.visibility = 'hidden';
                    document.getElementById("menupart2").style.visibility = 'hidden';
                    document.getElementById("menupart3").style.visibility = 'hidden';
	                document.getElementById("menupart4").style.visibility = 'visible';
	            } else {
		            SetClassItm(document.getElementById("menupart1"), 'menuparthide');
		            SetClassItm(document.getElementById("menupart2"), 'menuparthide');
		            SetClassItm(document.getElementById("menupart3"), 'menuparthide');
		        }
		    }
            break;
    }
}

function outMenupart(opt, nr) {
    isOver = false;
    switch (nr)
    {
        case 1:
            document.getElementById('menuitem1').className = "menuitem";
	        if (isIE6) {
	            document.getElementById("menupart1").style.visibility = 'visible';
	            document.getElementById("menupart2").style.visibility = 'visible';
	            document.getElementById("menupart3").style.visibility = 'visible';
	            document.getElementById("menupart4").style.visibility = 'visible';
	        } else {
                if (opt == 2) {
		            SetClassItm(document.getElementById("menupart2"), 'menupart');
		            SetClassItm(document.getElementById("menupart3"), 'menupart');
		            SetClassItm(document.getElementById("menupart4"), 'menupart');
		        }
		    }
            break;
        case 2:
            document.getElementById('menuitem2').className = "menuitem";
	        if (isIE6) {
	            document.getElementById("menupart1").style.visibility = 'visible';
	            document.getElementById("menupart2").style.visibility = 'visible';
	            document.getElementById("menupart3").style.visibility = 'visible';
	            document.getElementById("menupart4").style.visibility = 'visible';
	        } else {
                if (opt == 2) {
		            SetClassItm(document.getElementById("menupart1"), 'menupart');
		            SetClassItm(document.getElementById("menupart3"), 'menupart');
		            SetClassItm(document.getElementById("menupart4"), 'menupart');
		        }
		    }
            break;
        case 3:
            document.getElementById('menuitem3').className = "menuitem";
	        if (isIE6) {
	            document.getElementById("menupart1").style.visibility = 'visible';
	            document.getElementById("menupart2").style.visibility = 'visible';
	            document.getElementById("menupart3").style.visibility = 'visible';
	            document.getElementById("menupart4").style.visibility = 'visible';
	        } else {
                if (opt == 2) {
		            SetClassItm(document.getElementById("menupart1"), 'menupart');
		            SetClassItm(document.getElementById("menupart2"), 'menupart');
		            SetClassItm(document.getElementById("menupart4"), 'menupart');
		        }
		    }
            break;
        case 4:
            document.getElementById('menuitem4').className = "menuitem";
	        if (isIE6) {
	            document.getElementById("menupart1").style.visibility = 'visible';
	            document.getElementById("menupart2").style.visibility = 'visible';
	            document.getElementById("menupart3").style.visibility = 'visible';
	            document.getElementById("menupart4").style.visibility = 'visible';
	        } else {
                if (opt == 2) {
		            SetClassItm(document.getElementById("menupart1"), 'menupart');
		            SetClassItm(document.getElementById("menupart2"), 'menupart');
		            SetClassItm(document.getElementById("menupart3"), 'menupart');
		        }
		    }
            break;
    }
    setTimeout('SetIsOverLast()', 20);
}

function SetIsOverLast() {
    if (!isOver) {
        overMenupart(2, isOverLast)
    }
}

function getUlHeight(itm) {
    var l1 = 0;
    var l2 = 0;
    var itmNr = 0;
    var ret;

    var itmsub = itm.parentNode;
    var arr = new Array();
    arr = itmsub.childNodes;
    for (var i = 0; i < arr.length; i++) {
        if (itmsub.childNodes[i].nodeName == 'LI') {
            l1++;
            if (itmsub.childNodes[i] == itm) itmNr = l1;
        }
    }
    
    var tmp = itm.childNodes[1];
    if (!tmp) {
        var tmp = itm.childNodes[2];
    }
    var arrsub = new Array();
    arrsub = tmp.getElementsByTagName("li");
    var l2 = arrsub.length;
    if (l1 > itmNr+l2) {
        ret = (l1)*22;
    } else {
        ret = (itmNr+l2)*24;
    }
    if (isIE6) {
        if (ret < offsetH) ret = offsetH - 22;
    }
    return ret;
}

// Scroller
var scrollheight = 0;
var scrollcontentheight = 0;

function scrollup() {
    if (scrollheight == 0) {
	    scrollheight = document.getElementById("scrollcontentinner").offsetHeight;
	    scrollcontentheight = document.getElementById("scrollcontent").offsetHeight;
	}
	if (scrollheight > scrollcontentheight) {
		var t = document.getElementById("scrollcontentinner").style.top;
		if (t == '') t = 0;
		t = parseInt(t);
		if (t + scrollheight < scrollcontentheight/2) t = t + 4;
		document.getElementById("scrollcontentinner").style.top = (t - 4) + 'px';
		tmrUp = setTimeout('scrollup()', 20);
	}
}
function stopscrollup() {
	clearTimeout(tmrUp);
}
function scrolldown() {
    if (scrollheight == 0) {
	    scrollheight = document.getElementById("scrollcontentinner").offsetHeight;
	    scrollcontentheight = document.getElementById("scrollcontent").offsetHeight;
	}
	if (scrollheight > scrollcontentheight) {
		var t = document.getElementById("scrollcontentinner").style.top;
		if (t == '') t = 0;
		t = parseInt(t);
		if (t > 0) t = 0;
		if (t > -50) t = t - 1;
		if (t > -30) t = t - 1;
		document.getElementById("scrollcontentinner").style.top = (t + 4) + 'px';
		tmrDown = setTimeout('scrolldown()', 20);
	}
}
function stopscrolldown() {
	clearTimeout(tmrDown);
}