var activeSubMenu = null;
var parentActiveSubMenu = null;
var activeSubSubMenu = null;
var parentActiveSubSubMenu = null;
var timerSubMenu = null;
var timerSubSubMenu = null;

function showSubMenu(subID, parentID) {
	// Hide previous submenu
    elem = $(activeSubMenu);
    if (elem) {
        clearTimeout(timerSubMenu);
        elem.style.display = 'none';
    }
    if (subID != activeSubMenu) {
        elem = $(activeSubSubMenu);
        if (elem) {
            clearTimeout(timerSubSubMenu);
            elem.style.display = 'none';
        }
    }
    if ($(parentActiveSubMenu) && parentID != parentActiveSubMenu) {
        $(parentActiveSubMenu).removeClassName("menu_level1_active");
        parentActiveSubMenu = null;
    }
    
    if ($(subID)) {
        $(parentID).addClassName('menu_level1_active');
    	var posParent = $(parentID).viewportOffset();
    	var posBalk = $(parentID).getOffsetParent().viewportOffset();
    	var heightBalk = $(parentID).getOffsetParent().getHeight();
    	var calcTop = posParent[1] - posBalk[1] - $(subID).getHeight() - $(subID).style.top + 14;
    	$(subID).style.display = 'block'; 
        //$(subID).style.left = ($(parentID).getWidth() + 225) + "px"; 
        $(subID).style.left = "275px"; 
        if (calcTop) {
    		$(subID).style.top = calcTop + "px";
    	}
        activeSubMenu = subID;
        parentActiveSubMenu = parentID;
    }
}

function showSubSubMenu(subSubID, parentID) {
    // Ruim het vorige subsubmenu op
    elem = $(activeSubSubMenu);
    if (elem) {
        clearTimeout(timerSubSubMenu);
        elem.style.display = 'none';
    }
    if ($(parentActiveSubSubMenu) && parentID != parentActiveSubSubMenu) {
        $(parentActiveSubSubMenu).removeClassName("menu_level2_active");
        parentActiveSubSubMenu = null;
    }
    if ($(subSubID)) {
        $(parentID).addClassName('menu_level2_active');
    	var posParent = $(parentID).viewportOffset();
    	var posBalk = $(parentID).getOffsetParent().getOffsetParent().viewportOffset();
    	var heightBalk = $(parentID).getOffsetParent().getHeight();
    	var calcTop = posParent[1] - posBalk[1] - 4;// - $(subSubID).getHeight();
    	
        $(subSubID).style.display = 'block';
        $(subSubID).style.left = (posParent[0] + 192) + "px"; 
        
    	if (calcTop) {
    		$(subSubID).style.top = calcTop + "px";
    	}
        activeSubSubMenu = subSubID;
        parentActiveSubSubMenu = parentID;
    }
}

function hideSubMenu(subID) {
	clearTimeout(timerSubMenu);
	timerSubMenu = setTimeout("timerHideSubMenu('" + subID + "')", 1000);
}

function timerHideSubMenu(subID) {
	clearTimeout(timerSubMenu);
	var elem = $(subID);
	if (elem)
		elem.style.display = 'none';
    if ($(parentActiveSubMenu)) {
        $(parentActiveSubMenu).removeClassName("menu_level1_active");
        parentActiveSubMenu = null;
    }
	activeSubMenu = null;
    timerHideSubSubMenu(activeSubSubMenu);
}

function hideSubSubMenu(subID) {
	clearTimeout(timerSubSubMenu);
	timerSubSubMenu = setTimeout("timerHideSubMenu('" + subID + "')", 1000);	
}

function timerHideSubSubMenu(subID) {
	clearTimeout(timerSubSubMenu);
	var elem = $(subID);
	if (elem)
		elem.style.display = 'none';
    if ($(parentActiveSubSubMenu)) {
        $(parentActiveSubSubMenu).removeClassName("menu_level2_active");
        parentActiveSubSubMenu = null;
    }
	activeSubSubMenu = null;
}

/**
*  Bewegend menu bovenin
**/
// window.onload = init;
//onloads.push(initMarquee);
window.onload = initMarquee;
var currentM = 1;
var blockMarquee = false;

function initMarquee() {
    if (!blockMarquee) {
        var x = 1;
        while ($('scrollmenu'+x)) {
            $('scrollmenu'+x).hide();
            x++;
        }
        currentM = 1;
    	nextMarquee();
    } else {
        setTimeout(initMarquee, 500);
    }
}

function nextMarquee() {
    nextDiv = 'scrollmenu' + currentM;
    if ($(nextDiv)) {
        currentM++;
        Effect.SlideDown(nextDiv, {fps: 5, queue: 'end', afterFinish: function(){setTimeout(nextMarquee, 200);}});
	} else {
        setTimeout(initMarquee, 5000);
    }
    return false;
}

function doBlockMarquee() {
    blockMarquee = true;
}

function doUnblockMarquee() {
    blockMarquee = false;
}