// LET OP OOK ALTIJD DE TEKST OOK IN TOPMENU.PHP VERANDEREN
var menus = {
    'algemeen'      : ['menu_home',         'home_submenu',        'header_algemeen.jpg',       'Gespecialiseerd in het bouwen van bedrijfssoftware op maat. <br />Van logistiek tot financieel, van statistisch tot ERP.<br />Zowel technisch als bedrijfskundig sterk.'],
    'maatwerk'      : ['menu_maatwerk',     'maatwerk_submenu',    'header_maatwerk.jpg',       'Maatwerk met tevredenheidsgarantie: <br />Op tijd, binnen budget en naar uw wens. <br />D&aacute;t is maatwerk volgens de AuguSoft visie.'],
    'Spoedtraject'  : ['menu_Spoedtraject', 'Spoedtraject_submenu','header_Spoedtraject.jpg',   'Uw softwareproject heeft een naderende deadline <br />en u bent bang dat deze niet gehaald gaat worden. <br />Gisteren d&eacute; oplossing nodig? Neem nu contact op!']
};

var activeMenu;
var currentMenu;
var restoreDelay = 400; // ms
var restoreTimeout = null;
var menuDelay = 1000; // ms


function buttonOnMouseOver(name, event) {
    // Stel de timeout in
    clearRestoreTimeout();
    restoreTimeout = setTimeout(function() {
        setMenu(name);
    }, menuDelay);
}

function buttonOnMouseOut(name, event) {
    // Stel de timeout in
    clearRestoreTimeout();
    restoreTimeout = setTimeout(function() {
        setMenu(activeMenu);
    }, restoreDelay);
}

function clearRestoreTimeout() {
    if (restoreTimeout) {
        clearTimeout(restoreTimeout);
        restoreTimeout = null;
    }
}

function setMenu(name) {
    // Clear de restore timeout indien aanwezig
    clearRestoreTimeout();

    // Verberg huidig menu en submenu
    if (currentMenu != activeMenu) {
        elm(menus[currentMenu][0]).style.background = '';
    }
    elm(menus[currentMenu][1]).style.display = 'none';

    // Toon menu, submenu en header
    if (name != activeMenu) {
        elm(menus[name][0]).style.background = '#62BDE9';
    }
    elm(menus[name][1]).style.display = 'block';
    elm('headerImage').src = 'images/' + menus[name][2];
    elm('headerdescription').innerHTML = menus[name][3];

    // Stel achtergrond van submenu in
    elm('subnavigation').style.backgroundPosition = ((name == activeMenu) ? '0px 0px' : '0px -44px');
    
    // Stel huidig menu in
    currentMenu = name;
}

function subnavigationOnMouseOver(event) {
    clearRestoreTimeout();
}

function subnavigationOnMouseOut(event) {
    clearRestoreTimeout();
    restoreTimeout = setTimeout(function() {
        setMenu(activeMenu);
    }, restoreDelay);
}