var PopupMenu = Class.create();



PopupMenu.prototype = {



	initialize: function(id, options)

	{

		document.currentMenu = "";



		if(!$(id))

		{

			return false;

		}

		this.id = id;

		var element = $(id);

		

		var popupMenu = element.id+"_popup";

		if(!$(popupMenu))

		{

			return false;

		}

		

		this.menu = $(popupMenu);

		//this.menu.style.display = "none";

		element.onclick = this.openMenu.bindAsEventListener(this);

	},

	

	openMenu: function(e)

	{

		Event.stop(e);

		if(document.currentMenu == this.id)

		{

			this.closeMenu(document.currentMenu);

			return false;

		}

		else if(document.currentMenu != "")

		{

			this.closeMenu(document.currentMenu);

		}

		

		offsetTop = offsetLeft = 0;

		var element = $(this.id);

		do

		{

			offsetTop += element.offsetTop || 0;

			offsetLeft += element.offsetLeft || 0;

			element = element.offsetParent;

		} while(element);

		element = $(this.id);

		this.menu.style.position = "absolute";

		this.menu.style.zIndex = 100;

		this.menu.style.top = (offsetTop+element.offsetHeight-1)+"px";

		// Bad browser detection - yes, only choice - yes.

		if(MyBB.browser == "opera" || MyBB.browser == "safari")

		{

			this.menu.style.top = (parseInt(this.menu.style.top)-2)+"px";

		}

		this.menu.style.left = offsetLeft+"px";

		this.menu.style.visibility = 'hidden';

		this.menu.style.display = '';

		if(this.menu.style.width)

		{

			menuWidth = parseInt(this.menu.style.width);

		}

		else

		{

			menuWidth = this.menu.offsetWidth;

		}

		pageSize = DomLib.getPageSize();

		if(offsetLeft+menuWidth >= pageSize[0])

		{

			this.menu.style.left = (offsetLeft-menuWidth-2)+"px";

			if(MyBB.browser == "ie")

			{

				this.menu.style.left = (parseInt(this.menu.style.left)-2)+"px";

			}

		}

		//this.menu.style.display = '';	

		this.menu.style.visibility = 'visible';



		document.currentMenu = element.id;

		Event.observe(document, 'click', this.closeMenu.bindAsEventListener(this));

	},

	

	closeMenu: function()

	{

		menu = document.currentMenu;

		menu = $(menu+"_popup");

		this.menu.style.display = "none";

		document.currentMenu = "";

		document.onclick = function() { };

	}

};