var MenuItem = function(text,link){
  this.text = text;
  this.link = link || '';
};

var TwoLevelMenu = function(thisMenuId,idContainer,cssContainer,cssMenuItemHover,cssSubmenuContainer,cssSubmenuItemHover,submenuPosition){
  this.html = '';
  this.submenus = '';
  this.timer = false;
  this.submenuVisible = false;
  this.elTrigger = false;
  //
  this.thisMenuId = thisMenuId;
  this.idContainer = idContainer ? ' id="'+idContainer+'"' : '';
  this.cssContainer = cssContainer ? ' class="'+cssContainer+'"' : '';
  //this.cssMenuItemHover = cssMenuItemHover ? ' class="'+cssMenuItemHover+'"' : '';
  this.cssMenuItemHover = cssMenuItemHover || '';
  this.cssSubmenuContainer = cssSubmenuContainer ? ' class="'+cssSubmenuContainer+'"' : '';
  this.cssSubmenuItemHover = cssSubmenuItemHover ? ' class="'+cssSubmenuItemHover+'"' : '';
  this.submenuPosition = typeof submenuPosition == 'object' ? submenuPosition : {x:0,y:'this.offsetHeight+3'}
};

TwoLevelMenu.prototype.addItem = function(name,link,cssLi,cssHref,submenuId,submenuItems){
  var li = cssLi ? ' class="'+cssLi+'"' : ''; 
  var href = cssHref ? ' class="'+cssHref+'"' : '';
  if(submenuId){
    this.html += '<li'+li+'><a onmouseover="'+this.thisMenuId+'.showSubmenu(this,\''+submenuId+'\','+this.submenuPosition.x+','+this.submenuPosition.y+')" onmouseout="'+this.thisMenuId+'.hideDelay()" '+href+' href="'+link+'">'+name+'</a>';
    this.submenus += '<div id="'+submenuId+'"'+this.cssSubmenuContainer+' onmouseover="'+this.thisMenuId+'.killTimer()" onmouseout="'+this.thisMenuId+'.hideDelay()" style="visibility:hidden;top:0;left:0"><ul>';
    for(var i = 0; i < submenuItems.length; i++){
      var item = submenuItems[i];
      var link = item.link == '' ? '' : ' href="'+item.link+'"';
      this.submenus += '<li><a'+link+'>'+item.text+'</a></li>';
    }
    this.submenus += '</ul></div>'
  }
  else{
    if(this.cssMenuItemHover)
      this.html += '<li'+li+'><a onmouseover="AWT.cadd(this,\''+this.cssMenuItemHover+'\')" onmouseout="AWT.crmv(this,\''+this.cssMenuItemHover+'\')" '+href+' href="'+link+'">'+name+'</a>';
    else
      this.html += '<li'+li+'><a'+href+' href="'+link+'">'+name+'</a>';
  }
  this.html += '</li>';
};

TwoLevelMenu.prototype.render = function(){
	document.write('<ul'+this.idContainer+this.cssContainer+'>'+this.html+'</ul>'+this.submenus);
};

TwoLevelMenu.prototype.showSubmenu = function(el,submenuId,x,y){
  this.killTimer();
  this.hideVisible();
  //
  this.elTrigger = el;
  this.submenuVisible = AWT.e(submenuId);
  if(this.cssMenuItemHover)
    AWT.cadd(this.elTrigger,this.cssMenuItemHover);
  
  var body = AWT.DOMParent();
  var subDim = AWT.dim(this.submenuVisible);
  var pos = AWT.pos(this.elTrigger);
  x = parseInt(x);
  y = parseInt(y);
  if(pos.y+y+subDim.full.height > body.scrollHeight)
    pos.y = body.scrollHeight - subDim.full.height - 10;
  this.submenuVisible.style.left = (pos.x + parseInt(x)) + 'px';
  this.submenuVisible.style.top = (pos.y + parseInt(y)) + 'px';
  this.submenuVisible.style.visibility = 'visible';
};

TwoLevelMenu.prototype.killTimer = function(){
  if(this.timer){
    clearTimeout(this.timer);
    this.timer = false;
  }
};

TwoLevelMenu.prototype.hideVisible = function(){
  if(this.submenuVisible){
    this.submenuVisible.style.visibility = 'hidden';
    this.submenuVisible = false;
    if(this.cssMenuItemHover)
      AWT.crmv(this.elTrigger,this.cssMenuItemHover);
    this.elTrigger = false;
  }
};

TwoLevelMenu.prototype.hideDelay = function(){
  this.timer = setTimeout(this.thisMenuId+'.hideVisible()',350);
};