var popupMenu = {
normalBackgroundColor : "#ffffff",
normalForegroundColor : "#006d05",
hoverBackgroundColor : "#00a53d",
hoverForegroundColor : "#ffffff",

enableClose : function(menuDesc) {
				  menuDesc.canClose = true;
			  },

getAbsolutePos : function(e) {
					 var l=e.offsetLeft;
					 var t=e.offsetTop;
					 while(e=e.offsetParent) {
						 l+=e.offsetLeft;
						 t+=e.offsetTop;
					 }
					 var pos = new Object();
					 pos.x=l;
					 pos.y=t;
					 return pos;
				 },

toggleMenu : function(menuDesc) {               
				 var menu = menuDesc.menuDiv;
				 if(!menuDesc.display) {
					 var link = menuDesc.menuLink;
					 var e = link;
					 var pos = this.getAbsolutePos(e);
					 var left = pos.x;
					 var top = pos.y + e.offsetHeight;					 
					 menu.style.left = left + "px";
					 menu.style.top = top + "px";
					 menu.style.display = "block";
					 menuDesc.canClose = false;
					 setTimeout(function() {popupMenu.enableClose(menuDesc);}, 200);
				 } else {
					 menu.style.display = "none";
				 }
				 menuDesc.display = !menuDesc.display;
				 menuDesc.menuLink.blur();
				 return false;
			 },
closeMenu : function(menuDesc) {
				if(menuDesc.display && menuDesc.canClose) {
					this.toggleMenu(menuDesc);
				}
			},
//addEvent : function(elm, evType, fn, useCapture) {
//			   if (elm.addEventListener) {
//				   elm.addEventListener(evType, fn, useCapture);
//				   return true;
//			   } else if (elm.attachEvent) {
//				   var r = elm.attachEvent('on' + evType, fn);
//				   return r;
//			   } else {
//				   elm['on' + evType] = fn;
//			   }
//		   },
setHoverColor: function(item) {
				item.style.backgroundColor = this.hoverBackgroundColor;
				item.style.color = this.hoverForegroundColor;
			},
unsetHoverColor: function(item) {
				item.style.backgroundColor = this.normalBackgroundColor;
				item.style.color = this.normalForegroundColor;
			},
createMenu :function(menuDesc) {
				var menu = menuDesc.menuDiv;
				if(menuDesc.isui)
				{
				    
				    var ui = document.createElement("ui");
				    for(var i = 0; i < menuDesc.items.length; i++) {
					    var item = menuDesc.items[i];
					    var li = document.createElement("li");
                        li.className=menuDesc.classout;
					    li.onmouseover = function() {this.className=menuDesc.classover};
					    li.onmouseout = function() {this.className=menuDesc.classout};
					    li.menuItem = item;
					    li.innerHTML = item.text;
					    li.onclick = function() {menuDesc.clickHandler(this.menuItem);};					
					    ui.appendChild(li);
				    }
				    menu.appendChild(ui);				
				}else
				{
				    for(var i = 0; i < menuDesc.items.length; i++) {
					    var item = menuDesc.items[i];
					    var div = document.createElement("div");
					    div.style.paddingLeft = "3px";
					    div.style.cursor = "pointer";
					    div.style.color = this.normalForegroundColor;
					    div.style.backgroundColor = this.normalBackgroundColor;
					    div.onmouseover = function() {popupMenu.setHoverColor(this);};
					    div.onmouseout = function() {popupMenu.unsetHoverColor(this);};
					    div.menuItem = item;
					    div.innerHTML = item.text;
					    div.onclick = function() {menuDesc.clickHandler(this.menuItem);};					
					    menu.appendChild(div);
				    }
				}
				Event.observe(document,"click",function() {popupMenu.closeMenu(menuDesc)});
				Event.observe(menuDesc.menuLink,"click",function() {popupMenu.toggleMenu(menuDesc)});
			}
}