var Content = new Class({
  currentTopMenu: false,
  justClicked: false,

  initialize: function()
  {
  },

  init: function()
  {
    document.addEvent("click", function(e) { content.clicked(e); });
  },

  clicked: function(e)
  {
    if (!this.currentTopMenu) return;

    var target = (e.target?e.target:e.srcElement);
    if (target.nodeName == "A" && target.parentNode && target.parentNode.id == "li_"+this.currentTopMenu) {
      this.hideMenu(this.currentTopMenu);
      this.currentTopMenu = false;
      this.justClicked = true;
      return;
    }
    this.hideMenu(this.currentTopMenu);
    this.currentTopMenu = false;
  },

  topMenu: function(id, big)
  {
    if (this.justClicked) {
      this.justClicked = false;
      return;
    }
    this.justClicked = false;
    if (id == this.currentTopMenu) return;
    var liElement = $("li_"+id);
    if (!liElement) return;
    var divElement = liElement.getElement("div");

    if (big) {
      var left = 291;
    } else {
      var left = liElement.getCoordinates().left;
    }
    divElement.setStyle("left", left+"px");
    divElement.setStyle("display","");
    liElement.addClass("selected");
    if (this.currentTopMenu) {
      var oldLiElement = $("li_"+this.currentTopMenu)
      oldLiElement.getElement("div").setStyle("display","none");
      oldLiElement.removeClass("selected");
    }
    this.currentTopMenu = id;
  },

  hideMenu: function(id)
  {
    var liElement = $("li_"+id);
    if (!liElement) return;
    liElement.getElement("div").setStyle("display","none");
    liElement.removeClass("selected");
  },

  topMenuMouseOver: function (id, big)
  {
    if (!this.currentTopMenu) return;
    this.topMenu(id, big);
  }
});

var content;
window.addEvent("domready", function() { content = new Content(); content.init(); });