﻿
var Menu = {

    InitMenu: function() {

        $("panelone").show();
        $('one').addClassName('selected');
        $("paneltwo").hide();
        $("panelthree").hide();
        $("panelfour").hide();

        $("one").observe("click", this.PanelOneClicked.bindAsEventListener(this));
        /*$$("panelone").invoke("observe", "click", this.PanelOneClicked);*/
        $("two").observe("click", this.PanelTwoClicked.bindAsEventListener(this));
        $("three").observe("click", this.PanelThreeClicked.bindAsEventListener(this));
        $("four").observe("click", this.PanelFourClicked.bindAsEventListener(this));

    },

    PanelOneClicked: function(evt) {
        $("panelone").show();
        $('one').addClassName('selected');
        $("paneltwo").hide();
        $('two').removeClassName('selected');
        $("panelthree").hide();
        $('three').removeClassName('selected');
        $("panelfour").hide();
        $('four').removeClassName('selected');

    },
    PanelTwoClicked: function(evt) {
        $("panelone").hide();
        $('one').removeClassName('selected');
        $("paneltwo").show();
        $('two').addClassName('selected');
        $("panelthree").hide();
        $('three').removeClassName('selected');
        $("panelfour").hide();
        $('four').removeClassName('selected');

    },
    PanelThreeClicked: function(evt) {
        $("panelone").hide();
        $('one').removeClassName('selected');
        $("paneltwo").hide();
        $('two').removeClassName('selected');
        $("panelthree").show();
        $('three').addClassName('selected');
        $("panelfour").hide();
        $('four').removeClassName('selected');
    },
    PanelFourClicked: function(evt) {
        $("panelone").hide();
        $('one').removeClassName('selected');
        $("paneltwo").hide();
        $('two').removeClassName('selected');
        $("panelthree").hide();
        $('three').removeClassName('selected');
        $("panelfour").show();
        $('four').addClassName('selected');

    }

}
Event.observe(window, "load", Menu.InitMenu.bindAsEventListener(Menu));
