var PopMenuBar = {
	menubar: null,
	submenu: null,
	btnClick: function(self)
	{
		var i = 0;
		for(i = 0; i < this.menubar.length; i++)
		{
			if(this.menubar[i].name == self.text())
			{
				if(this.menubar[i].onclick != undefined)
				{
					this.menubar[i].onclick(self);	
				}
				else if(this.menubar[i].src == "SUBMENU")
				{
					this.toggleSub(self, i);
					return;
				}
				else
				{
					window.open(this.menubar[i].src, this.menubar[i].wnd);
					return;
				}
			}
		}
	},
	showSub: function(self, idx)
	{
		var i = 0;
		str = '<table><tbody>';
		for(i = 0; i < this.menubar[idx].submenu.length; i++)
		{
			str += '<tr><td><button idx="'+String(idx)+'">'+this.menubar[idx].submenu[i].name+'</button></td></tr>';
		}
		str += '</tbady></table>';
		if(this.submenu == null)
		{
			$('.menubar').append('<div class="submenu">'+str+'</div>');
			this.submenu = $('.submenu');
		}
		else
		{
			this.submenu.html(str);
		}
		
		$('.submenu').find('button').click(function(){PopMenuBar.btnSubClick($(this));});
		this.submenu.css('position', 'absolute');
		this.submenu.offset({top: ((self.offset().top)+(self.outerHeight()))+2, left: (self.offset().left)});
		this.submenu.css('display', 'inline');
		this.submenu.css('visibility', 'visible');
	},
	hideSub: function(self, idx)
	{
		this.submenu.css('display', 'none');
		this.submenu.css('visibility', 'hidden');
		$('.submenu').remove();
		this.submenu = null;
	},
	toggleSub: function(self, idx)
	{
		if(this.submenu == null)
		{
			this.showSub(self, idx);
		}
		else if(this.submenu.offset().left == self.offset().left)
		{
			if(this.submenu.css('visibility') == 'visible') this.hideSub(); 
			else this.showSub(self, idx);
		}
		else
		{
			this.hideSub();
			this.showSub(self, idx);
		}
	},
	btnSubClick: function(self, idx)
	{
		var idx = parseInt(self.attr('idx'));
		var i = 0;
		for(i = 0; i < this.menubar[idx].submenu.length; i++)
		{
			if(this.menubar[idx].submenu[i].name == self.text())
			{
				if(this.menubar[idx].submenu[i].onclick != undefined) 
				{
					this.menubar[idx].submenu[i].onclick(self);
				}
				else
				{
					window.open(this.menubar[idx].submenu[i].src, this.menubar[idx].submenu[i].wnd);
				}
				return;
			}
		}
	},
	init: function()
	{
		var i = 0;
		str = '<table><tbody><tr>';
		for(i = 0; i < this.menubar.length; i++)
		{
			str += '<td><button>'+this.menubar[i].name+'</button></td>';
		}
		str += '</tr></tbady></table>';
		$('.menubar').html(str);
		$('.menubar').find('button').click(function(){PopMenuBar.btnClick($(this));});
	}
};