/**
 * Developed by Congos Solutions
 * http://www.congos.nl/
**/

var infoButton = document.getElementById('menu-informatie');
var subMenu = document.getElementById('sub-menu');
var subMenuLinks = subMenu.getElementsByTagName('a');
var subMenuHeight = 28;
var subMenuTimer = 0;
var subMenuOneTimer = 0;
var subMenuOpening = false;
var subMenuStayOpen = subMenuStayOpen || false;

subMenu.curHeight = 0;


function openSubMenu( mOverSubMenu ) {
    if (subMenuTimer != 0){ clearInterval( subMenuTimer ); }
    if (subMenuOneTimer != 0){ clearTimeout( subMenuOneTimer ); }
    if (mOverSubMenu && subMenu.curHeight == 0) { return; }
    
    if( subMenuStayOpen ){
        subMenu.style.height = '28px';
        setSubMenuLinksHeight(28);
    }
    else{
        if (mOverSubMenu) {
            subMenu.style.height = '28px';
            setSubMenuLinksHeight(28);
        }
        else {
            subMenuTimer = setInterval("engineSubMenu('open')", 10);
            subMenuOpening = true;
        }
    }
}

function closeSubMenu( mOverSubMenu ) {
    if (subMenu.curHeight == 0) { return; }
    if (subMenuTimer != 0 && subMenuOpening == false){ clearInterval( subMenuTimer ); }
    if (subMenuOneTimer != 0){ clearTimeout( subMenuOneTimer ); }
    
    subMenuOneTimer = setTimeout("subMenuTimer = setInterval(\"engineSubMenu('close')\", 10);", 1000);
    
    infoButton.className = 'hover';
}

function engineSubMenu( direction ) {
    if (direction == 'open'){
        if (subMenu.curHeight < subMenuHeight) {
            subMenu.curHeight += 2;
            subMenu.style.height = subMenu.curHeight + 'px';
            setSubMenuLinksHeight(subMenu.curHeight);
        }
        else {
            clearInterval( subMenuTimer );
            subMenuOpening = false;
        }
    }
    else {
        if (subMenu.curHeight > 0) {
            subMenu.curHeight -= 2;
            subMenu.style.height = subMenu.curHeight + 'px';
            setSubMenuLinksHeight(subMenu.curHeight);
        }
        else {
            clearInterval( subMenuTimer );
            infoButton.className = '';
        }
    }
}

function setSubMenuLinksHeight( a_height ) {
    for (var i=0;i<subMenuLinks.length;i++) {
        subMenuLinks[i].style.height = a_height + 'px';
    }
}

if(subMenuStayOpen){ openSubMenu(); }