/**
 * Menu
 */
var Menu = Class.create({
  /**
   * Init Menu
   */	
  initialize: function() {
	this.options = Object.extend({
	  elemContent : null,
	  nMenu 	  : 0
	}, arguments[0] || { });		

	var elemHref = this.options.elemContent.down('a');
    elemHref.observe('click', this.menuClick.bind(this));				      	
	
	this.elemSubMenus = this.options.elemContent.down('.submenus');
	
    this.options.elemContent.observe('mouseover', this.menuOver.bind(this));
    if (this.elemSubMenus) {
      this.elemSubMenus.observe('mouseout', this.menuOut.bind(this));				      	
    }
  }, 

  hideSubMenus: function() {
	if (this.elemSubMenus) {
	  this.elemSubMenus.style.visibility = "hidden";
	}
  },
  
  menuClick: function(evt) {
	if (!this.elemSubMenus) {
	  window.location = evt.element().readAttribute('datafld');
	}
  },
  
  menuOver: function(evt) {
	if (this.elemSubMenus) {
	  this.elemSubMenus.style.visibility = "visible";	  
    }
    // fire event
	this.options.elemContent.fire("menu:over", { nMenu: this.options.nMenu });
  },
  
  menuOut: function(evt) {
	this.hideSubMenus();
  }  
  
});