SEP_PADDING = 5;
HANDLE_PADDING = 7;

var EditMode = false;
var SourceMode = true;
var h;
var w;
var l;
var t;
var topMar = 0;
var leftMar = -7;
var spaces = 1;
var isvisible;
var global = window.document;

global.fo_currentMenu = null;
global.fo_shadows = new Array;

function HideMenu()
{
	var mX;
	var mY;
	var vDiv;
	var mDiv;

	if (isvisible == true)
	{
		vDiv = document.all("MenuDiv");
		mX = window.event.clientX + document.body.scrollLeft;
		mY = window.event.clientY + document.body.scrollTop;

		if ((mX < parseInt(vDiv.style.left)) || (mX > parseInt(vDiv.style.left)+vDiv.offsetWidth) || (mY < parseInt(vDiv.style.top)-h) || (mY > parseInt(vDiv.style.top)+vDiv.offsetHeight))
		{
			vDiv.style.visibility = "hidden";
			isvisible = false;
		}

	}

}

function ShowMenu(vMnuCode,tWidth)
{
	vSrc = window.event.srcElement;
	vMnuCode = "<TABLE id='submenu' CELLSPACING='1' cellpadding='3' STYLE='width:"+tWidth+"' onmouseout='HideMenu()'><TR><TD>" + vMnuCode + "</TD></TR></TABLE>";
	h = vSrc.offsetHeight;
	w = vSrc.offsetWidth;
	l = vSrc.offsetLeft + leftMar+4;
	t = vSrc.offsetTop + topMar + h + spaces-2;
	vParent = vSrc.offsetParent;

	while (vParent.tagName.toUpperCase() != "BODY")
	{
		l += vParent.offsetLeft;
		t += vParent.offsetTop;
		vParent = vParent.offsetParent;
	}

	MenuDiv.innerHTML = vMnuCode;
	MenuDiv.style.top = t;
	MenuDiv.style.left = l;
	MenuDiv.style.visibility = "visible";
	isvisible = true;
	makeRectangularDropShadow(submenu,4);
}

function makeRectangularDropShadow(el,size)
{
	var i;

	for (i=size; i>0; i--)
	{
		var rect = document.createElement('div');
		var rs = rect.style;
		rs.position = 'absolute';
		rs.left = (el.style.posLeft + i) + 'px';
		rs.top = (el.style.posTop + i) + 'px';
		rs.width = el.offsetWidth + 'px';
		rs.height = el.offsetHeight + 'px';
		rs.zIndex = el.style.zIndex - i;
		var opacity = 1 - i / (i + 1);
		rs.filter = 'alpha(opacity=' + (100 * opacity) + ')';
		el.insertAdjacentElement('afterEnd', rect);
		global.fo_shadows[global.fo_shadows.length] = rect;
	}

}

var 业主委员会 = '<div style="border:solid 1px #f1cfcf"><div class="menu_frame">&nbsp;<img src="images/arrow_1.gif" align="absmiddle">&nbsp;<a href="about.asp?id=2" class="link2">委员会介绍</a></div><div class="menu_frame">&nbsp;<img src="images/arrow_1.gif" align="absmiddle">&nbsp;<a href="person.asp?cid=1" class="link2">委员会成员</a></div><div class="menu_frame">&nbsp;<img src="images/arrow_1.gif" align="absmiddle">&nbsp;<a href="about.asp?id=3" class="link2">委员会章程</a></div><div class="menu_frame">&nbsp;<img src="images/arrow_1.gif" align="absmiddle">&nbsp;<a href="about.asp?id=4" class="link2">委员会选举</a></div><div class="menu_frame">&nbsp;<img src="images/arrow_1.gif" align="absmiddle">&nbsp;<a href="about.asp?id=5" class="link2">议事规则</a></div></div>';

var 新闻公告 = '<div style="border:solid 1px #f1cfcf"><div class="menu_frame">&nbsp;<img src="images/arrow_1.gif" align="absmiddle">&nbsp;<a href="news.asp?cid=2" class="link2">通知公告</a></div><div class="menu_frame">&nbsp;<img src="images/arrow_1.gif" align="absmiddle">&nbsp;<a href="news.asp?cid=3" class="link2">工作动态</a></div><div class="menu_frame">&nbsp;<img src="images/arrow_1.gif" align="absmiddle">&nbsp;<a href="news.asp?cid=4" class="link2">简讯快报</a></div></div>';

var 业主之窗 = '<div style="border:solid 1px #f1cfcf"><div class="menu_frame">&nbsp;<img src="images/arrow_1.gif" align="absmiddle">&nbsp;<a href="about.asp?id=6" class="link2">业主公约</a></div><div class="menu_frame">&nbsp;<img src="images/arrow_1.gif" align="absmiddle">&nbsp;<a href="photo.asp?cid=6" class="link2">业主活动</a></div><div class="menu_frame">&nbsp;<img src="images/arrow_1.gif" align="absmiddle">&nbsp;<a href="photo.asp?cid=7" class="link2">明星业主</a></div><div class="menu_frame">&nbsp;<img src="images/arrow_1.gif" align="absmiddle">&nbsp;<a href="news.asp?cid=8" class="link2">业主心声</a></div></div>';

document.write('<div id="MenuDiv" style="position:absolute"></div>');
