/**
* @author kayfricke
*/

    var menueLayer = ["welcome","bow","course","event","contact","imp"];
    var cMenueLayer = ["oneday","twoday","mobile","coach", "dates", "price"];
    var bMenueLayer = ["tree", "bowsub", "profile"];
    var eMenueLayer = ["pressefilm", "cafe", "med", "eventsub", "markets"];
    
var prevEventElement;
var prevCEventElement;
var prevBEventElement;
var prevEEventElement;
this.activeLayer= 0 ;
var activeC = 0;
var activeB = 0
var activeE = 0

var that = this;

var myMenue;
var cMenue;
var bMenue;
var eMenue;
this.courseHasShown=false;
this.bowHasShown=false;
this.eventHasShown=false;

var mainMenue = {
    obsMain: function(event){
        var elem = Event.element(event);
        //alert(elem);
        elem.className="menue_txt active";
        if (prevEventElement!=null && prevEventElement != elem){
            prevEventElement.className="menue_txt";
        }
        prevEventElement = elem;
        //alert($(menueLayer[activeLayer]));
        $(menueLayer[that.activeLayer]).style.visibility = "hidden";

        switch (elem.id){
            case "menue_1":
                that.activeLayer=1;
                break;
            case "menue_2":
                that.activeLayer=2;
                break;
            case "menue_3":
                that.activeLayer=3;
                break;
            case "menue_4":
                that.activeLayer=4;
                break;
            case "menue_5":
                that.activeLayer=5;
                break;
            case "menue_6":
                that.activeLayer=6;
                break;
        }
        if (menueLayer[that.activeLayer]!="course"&& that.courseHasShown){
            //alert (cMenueLayer[activeC]);
            $(cMenueLayer[activeC]).style.visibility = "hidden";
            that.cElem.className="menue_txt_sub";
        }
        if (menueLayer[that.activeLayer]!="bow"&& that.bowHasShown){
            //alert (cMenueLayer[activeC]);
            $(bMenueLayer[activeB]).style.visibility = "hidden";
            that.bElem.className="menue_txt_sub";
        }
        if (menueLayer[that.activeLayer]!="event"&& that.eventHasShown){
            // alert (cMenueLayer[activeC]);
            $(eMenueLayer[activeE]).style.visibility = "hidden";
            that.eElem.className="menue_txt_sub";
        }
        $(menueLayer[that.activeLayer]).style.visibility = "visible";
    }
}

mainMenue.inObs = mainMenue.obsMain.bindAsEventListener(mainMenue);

var courseMenue = {
        obsCourse : function(event){
        that.courseHasShown=true;
        var elem = Event.element(event);
        //alert(elem);
        elem.className="menue_txt_sub active";
        that.cElem = elem;
        if (prevCEventElement != null && prevCEventElement != elem){
            prevCEventElement.className="menue_txt_sub";
        }
        prevCEventElement = elem;
        //alert($(menueLayer[activeLayer]));
        $(cMenueLayer[activeC]).style.visibility = "hidden";
        switch (elem.id){
            case "menue_c_1":
                activeC=0;
                break;
            case "menue_c_2":
                activeC=1;
                break;
            case "menue_c_3":
                activeC=2;
                break;
            case "menue_c_4":
                activeC=3;
                break;
            case "menue_c_5":
                activeC=4;
                break;
            case "menue_c_6":
                activeC=5;
                break;
        }
        $(cMenueLayer[activeC]).style.visibility = "visible";
    }
}
courseMenue.inObs = courseMenue.obsCourse.bindAsEventListener(courseMenue);

var bowMenue = {
        obsBow : function(event){
        that.bowHasShown=true;
        var elem = Event.element(event);
        //alert(elem);
        elem.className="menue_txt_sub active";
        that.bElem = elem;
        if (prevBEventElement != null && prevBEventElement != elem){
            prevBEventElement.className="menue_txt_sub";
        }
        prevBEventElement = elem;
        //alert($(menueLayer[activeLayer]));
        $(bMenueLayer[activeB]).style.visibility = "hidden";
        switch (elem.id){
            case "menue_b_1":
                activeB=0;
                break;
            case "menue_b_2":
                activeB=1;
                break;
            case "menue_b_3":
                activeB=2;
                break;
            case "menue_b_4":
                activeB=3;
                break;
            case "menue_b_5":
                activeB=4;
                break;
            case "menue_b_6":
                activeB=5;
                break;
        }
        $(bMenueLayer[activeB]).style.visibility = "visible";
    }
}
bowMenue.inObs = bowMenue.obsBow.bindAsEventListener(bowMenue);

var eventMenue = {
        obsEvent : function(event){
        that.eventHasShown=true;
        var elem = Event.element(event);
        //alert(elem);
        elem.className="menue_txt_sub active";
        that.eElem = elem;
        if (prevEEventElement != null && prevEEventElement != elem){
            prevEEventElement.className="menue_txt_sub";
        }
        prevEEventElement = elem;
        //alert($(menueLayer[activeLayer]));
        $(eMenueLayer[activeE]).style.visibility = "hidden";
        switch (elem.id){
            case "menue_e_1":
                activeE=0;
                break;
            case "menue_e_2":
                activeE=1;
                break;
            case "menue_e_3":
                activeE=2;
                break;
            case "menue_e_4":
                activeE=3;
                break;
            case "menue_e_5":
                activeE=4;
                break;
            case "menue_e_6":
                activeE=5;
                break;
        }
        $(eMenueLayer[activeE]).style.visibility = "visible";
    }
}
eventMenue.inObs = eventMenue.obsEvent.bindAsEventListener(eventMenue);

function changeMenueColor(){

    
    activeLayer= 0 ;
    activeC = 0;
    activeB = 0;
    activeE = 0;
    
    myMenue = $('t_menue');
    cMenue = $('c_menue');
    bMenue = $('b_menue');
    eMenue = $('e_menue');

    $(menueLayer[activeLayer]).style.visibility = "visible";

    Event.observe($("t_menue"),'mouseover',mainMenue.inObs)
//    if (that.activeLayer == 3){
        Event.observe(cMenue,'mouseover',courseMenue.inObs);
        Event.observe(bMenue,'mouseover',bowMenue.inObs);
        Event.observe(eMenue,'mouseover',eventMenue.inObs);
//    } else {
//        Event.stopObserving(cMenue,'mouseover',courseMenue.inObs);
//    }
}