// JavaScript Klappnavigation
var timer = 0;
var menueList   = new Array('m1','m2','m3','m4','m5','m6');
var activeList  = new Array('mg1','mg2','mg3','mg4','mg5','mg6');
var menueOffset = new Array;
menueOffset['m1'] = 276;
menueOffset['m2'] = 337;
menueOffset['m3'] = 445;
menueOffset['m4'] = 526;
menueOffset['m5'] = 636;
menueOffset['m6'] = 756;

var graphicOn = '../img/nav_bullet_on.gif';
var graphicOff = '../img/nav_bullet_off.gif';

function menueOut(mId) {
    for(var x in menueList) {
        if (menueList[x] == mId) {
            timer = window.setTimeout('hideMenue(\'' + x + '\')',400);
        }
    }
}

function menueOver(mId) {
    window.clearTimeout(timer);
}

function showMenue(mId) {
    for(var x in menueList) {
        if (mId == menueList[x]) {
            var posX = menueOffset[mId] + getSiteXy();
            document.getElementById(mId).className = 'on';
            document.getElementById(mId).style.left = posX+'px';
            document.getElementById(activeList[x]).src = graphicOn;
        } else {
            hideMenue(x);
        }
    }
}

function hideMenue(mId) {
    document.getElementById(menueList[mId]).className = 'off';
    document.getElementById(activeList[mId]).src = graphicOff;    
}

function getSiteXy() {
    return document.getElementById('center')['offsetLeft'];
}