var Submenu = JSX.Class.create('Submenu');
Submenu.prototype =
{
	__areaX: null,
	
	__areaY: null,
	
	__menus: [],
	
	__active: 0,
	
	__construct: function($areaX, $areaY)
	{
		this.__areaX = $areaX;
		this.__areaY = $areaY;
	},
	
	addMenu: function($menuId, $submenuId, $active)
	{
		this.__active = $active;
		
		var $this = this;
		var $menu = new SubmenuItem(this.__menus.length, $menuId, $submenuId);
			$menu.setArea(this.__areaX, this.__areaY);
			$menu.onActive = function($id)
			{
				$this.setActive($id);
			};
			
		this.__menus.push($menu);
		$menu.create();
	},
	
	setActive: function($id)
	{
		this.__active = $id;
		
		var $iL = this.__menus.length;
		for(var $i=0; $i<$iL; $i++)
		{
			if($id != $i)
			{
				this.__menus[$i].instantHide();
			}
		}
	}
};