SideBar = Class.create();

SideBar.prototype = {

  initialize: function() {
    this.currentItem = null;
  },

  assignHandlers: function(menuItem) {
    if(menuItem == '') menuItem = "index";

    var titles = document.getElementsByClassName("subMenuTitle");
    var title = null;
    if(titles.length > 0) title = titles[0];
    if(title) {
      if(menuItem == 'index') {
        this.currentItem = title;
        title.className = "subMenuTitleSelected";
      }
      title.observe('mouseover', function(){
        if(this != sideBar.currentItem)
          this.className = "subMenuTitleHover";
      }.bind(title));
      title.observe('mouseout', function(){
        if(this != sideBar.currentItem)
          this.className = "subMenuTitle";
      }.bind(title));
      title.observe('mousedown', function(){
        this.className = "subMenuTitleSelected";
      }.bind(title));
      if(title.id) {
        title.observe('click', function(){
          document.location = title.id + ".jsp";
          this.className = "subMenuTitle";
        }.bind(title));
      }
    }

    var menuItems = document.getElementsByClassName("subMenuItem");
    for(var i=0; i<menuItems.length; i++) {
      var item = menuItems[i];
      if(item.id == menuItem) {
        this.currentItem = item;
      }
      item.observe('mouseover', function(){
        if(this != sideBar.currentItem)
          this.className = "subMenuItemHover";
      }.bind(item));
      item.observe('mouseout', function(){
        if(this != sideBar.currentItem)
          this.className = "subMenuItem";
      }.bind(item));
      item.observe('mousedown', function(){
        this.className = "subMenuItemSelected";
      });
      if(item.id) {
        item.observe('click', function(){
          document.location = this.id + ".jsp";
          this.className = "subMenuItem";
        }.bind(item));
      }
    }
    
    if(this.currentItem && this.currentItem.id != 'index') {
      this.currentItem.className = "subMenuItemSelected";
    }
  }
}