var id_menu = "menu_1";
var lostfocus = false;
var focus = false;

function showSub(id_submenu) {
    if (id_menu == "") {
        hideSub("menu_1");
    }

    if (id_submenu != id_menu) {
        hideSub(id_menu);
    }

    id_menu = id_submenu;
    try {
        $(id_submenu).style.width = "1px";
        $(id_submenu).style.display = "block";
        $(id_submenu).morph('width:586px;', { duration: 0.15 });
    }
    catch (err) {
        alert(err.message);
    }
}

function hideSub(id_submenu) {
    $(id_submenu).morph('width:1px;', { duration: 0.15 });
    setTimeout("$('" + id_submenu + "').style.display = 'none';", 100);
}


function checkMenuVisibility() {
    if (lostfocus)
    //focus = false;
        setTimeout("hideMenu();", 500);
    else
        setTimeout("checkMenuVisibility()", 500);
}

function hideMenu() {
    if (!focus) {
        if (lostfocus) {
            if (id_menu != 0) {
                //alert("lost focus" + id_menu);
                hideSub(id_menu);
            }
            //alert("lost focus"+id_menu);
            setTimeout("Effect.SlideUp('menuOnder', { duration: 0.30 })", 100);
            setTimeout("Effect.SlideUp('WhiteBalk', { duration: 0.30 })", 100);
            setTimeout("$('menuBoven_tekst').appear({ duration: 0.30 })", 150);
            setTimeout("showSub('menu_1');", 500);

            lostfocus = false;
        }
        setTimeout("checkMenuVisibility()", 500);
        focus = true;
    }
}

function opstart() {
    focus = false;
    $('WhiteBalk').style.display = 'block';
    //$('menu_1').style.display = 'block';
    Effect.SlideDown('menuOnder', { duration: 0.15 });
    //alert($('WhiteBalk').style.display);
    $('WhiteBalk').style.display = 'block';

    Effect.SlideDown('WhiteBalk', { duration: 0.15 });
    $('menuBoven_tekst').fade({ duration: 0.15 });
    setTimeout('checkMenuVisibility()', 500);
    return false;
}

function getOffsetLeft(obj) {
    var retVal = 0;
    while (obj.offsetLeft != undefined) {
        retVal += parseInt(obj.offsetLeft);
        obj = obj.parentNode;
    }
    return retVal;
}

function getOffsetTop(obj) {
    var retVal = 0;
    //alert(obj.)
    while (obj.offsetTop != undefined) {
        retVal += parseInt(obj.offsetTop);
        obj = obj.parentNode;
    }
    return retVal;
}

function createGrijzeBalk() {
    try {
        //alert(getOffsetLeft($('navigation')));
        var divGrijzeBalk = document.createElement("div");

        var breedteBalk = getOffsetLeft($('wrapper')); //(window.innerWidth - 900) / 2;
        var hoogteBalk = getOffsetTop($('navigation')) + 30;
        divGrijzeBalk.setAttribute("id", "WhiteBalk");
        //divGrijzeBalk
        //divGrijzeBalk.setAttribute("style", "display: none; position:absolute;  bottom: 100px; left: 0px; top: "+hoogteBalk+"px; width: " + breedteBalk + "px; height: 120px;");

        //divGrijzeBalk.style.top = getOffsetTop($('navigation')) + "px";

        divGrijzeBalk.style.display = 'none';
        divGrijzeBalk.style.position = 'absolute';
        divGrijzeBalk.style.bottom = '100px';
        divGrijzeBalk.style.left = '0px';
        //alert(hoogteBalk);
        divGrijzeBalk.style.top = hoogteBalk + 'px';
        //divGrijzeBalk.style.border = '1px solid black'; 
        divGrijzeBalk.style.width = breedteBalk + 'px';
        divGrijzeBalk.style.height = '120px';
        document.body.appendChild(divGrijzeBalk);
        var testDiv = document.createElement("div");

        testDiv.setAttribute("id", "grayBalk");
        //divGrijzeBalk
        testDiv.setAttribute("style", "float: left;  width: " + breedteBalk + "px; height: 120px; background-color: #F4F4F4;");
        document.getElementById('WhiteBalk').appendChild(testDiv);
    }
    catch (err) {
        alert(err.message);
    }
}

function menuClicked() {
    focus = true;

    if (id_menu != 0) {
        hideSub(id_menu);
    }

    setTimeout("Effect.SlideUp('menuOnder', { duration: 0.30 })", 100);
    setTimeout("Effect.SlideUp('WhiteBalk', { duration: 0.30 })", 100);
    setTimeout("$('menuBoven_tekst').appear({ duration: 0.30 })", 150);
    setTimeout("showSub('menu_1');", 500);
    //$('menuOnder').style.display="none";
    //	lostfocus = true;
    //	hideMenu();
}

var vorigeMenu = "";
function openMenu(id){
	if(id == vorigeMenu){
		//document.getElementById("menu"+vorigeMenu).style.display = "none";
		//vorigeMenu = "";
	} else if(vorigeMenu != ""){
		
		document.getElementById("menu"+vorigeMenu).style.display = "none";
		document.getElementById("menu"+id).style.display = "";
		vorigeMenu = id;
	} else {
		document.getElementById("menu"+id).style.display = "";
		vorigeMenu = id;
	}
	//
	
}

function activeItem(id){
	vorigeMenu = id;
}