var home_flag = false;
var pP = "";

(document.layers) ? layerobj = true : layerobj = false;
(document.all) ? allobj = true : allobj = false;
(document.getElementById) ? dom = true : dom = false;

var tdColor="#7a4f04";	// menu item text color
var tdBgColor="#dbf8ce";	// menu item background color
var hlColor="#ffffff";	// highlight text color
var hlBgColor="#9ccd86";	// highlight background color

var curHl = 0;
var windowWidth = 900;

var menuNumof = 7;
var menuID= [0,"mAbout","mPlants","mGarden" ,"mServices" ,"mExtras","mCalendar" ];	// index zero means hide all
var menuState = [ 0, 0, 0, 0, 0, 0, 0 ];		// 0 = hidden, 1 transition, 2 visible
var menuAction = [ 0, 0, 0, 0, 0, 0, 0 ];		// 1 = blend to visible, 2 blend to hide
var menuOpacity = [ 0, 0, 0, 0, 0, 0, 0 ];
var menuTop = [ 0, 92, 92, 92, 92, 92, 92 ];
var menuLeft = [ 0, 400, 460, 530, 460, 685, 360 ];
var menuHeight = [ 0, 0, 0, 0, 0, 0, 0 ];
var menuWidth = [ 0, 0, 0, 0, 0, 0, 0 ];

var menuTimer = 0;
var menuTimeInc = 15;
var menuPerChange = 15;  //Inc * 100 divided by PerChange is the time it takes to transition

function locMenu(index) {

	var wW = windowWidth;
	var mID = "";
	var mLeft = 0;

	if(index >= menuNumof) return;

	if(window.document.body.clientWidth) wW = window.document.body.clientWidth;
	else if(window.innerWidth) wW = window.innerWidth;
	if( wW > windowWidth) mLeft = menuLeft[index] + (wW - windowWidth - 1)/2;
	else mLeft = menuLeft[index];

	mID = menuID[index];
	if( mID == 0) return;

	if(dom) {
		var obj =  window.document.getElementById(mID).style;
		var element =  window.document.getElementById(mID);
		obj.top = menuTop[index] + "px";
		obj.left = mLeft + "px";
		menuHeight[index] = element.offsetHeight;
		menuWidth[index] = element.offsetWidth;
//		element.clip = "rect(obj.top,right,bottom,obj.left)";   Need to fix right and bottom variables
	}
	else if(layerobj) {
		document.layers[mID].top = menuTop[index];
		document.layers[mID].left = mLeft;
	}
	else if(allobj) {
		document.all[mID].style.top =  menuTop[index];
		document.all[mID].style.left =  mLeft;
	}
}

function animEngine()
{
	var i;
	var mID;
	var stoptimer = 1;
	var opacity = 0;
	for(i = 1; i < menuNumof; ++i)
	{
		mID = menuID[i];
		if( mID == 0) continue;
		var object = document.getElementById(mID).style;
		switch( menuAction[i] )
		{
			case 1:
				opacity = menuOpacity[i];
				opacity += menuPerChange;
				stoptimer = 0;
				if( opacity >= 100 ) {opacity = 100; menuAction[i] = 0; menuState[i] = 2;}
				object.opacity = (opacity / 100);
				object.MozOpacity = (opacity / 100);
				object.KhtmlOpacity = (opacity / 100);
				object.filter = "alpha(opacity=" + opacity + ")";
				object.visibility = "VISIBLE";
				menuOpacity[i] = opacity;
				break;
			case 2:
				opacity = menuOpacity[i];
				opacity -= menuPerChange;
				stoptimer = 0;
				if( opacity <= 0 ) {opacity = 0; menuAction[i] = 0; menuState[i] = 0;}
				object.opacity = (opacity / 100);
				object.MozOpacity = (opacity / 100);
				object.KhtmlOpacity = (opacity / 100);
				object.filter = "alpha(opacity=" + opacity + ")";
				menuOpacity[i] = opacity;
				if(opacity == 0) object.visibility = "HIDDEN";
				break;
			default: break;
		}
	}

	if(stoptimer && menuTimer) {clearInterval(menuTimer); menuTimer = 0;}
}


function setMenu(index, the_change) {

	if(index >= menuNumof) return;
	var mID = "";
	var i;

	for(i = 1; i < menuNumof; ++i)
	{
	    mID = menuID[i];
		if( (i == index) && (the_change == "visible")) {
			if(dom) {
				menuAction[i] = 1;
				menuState[i] = 1;
				if(menuTimer == 0) menuTimer = setInterval("animEngine()", menuTimeInc);
			}
			else if(layerobj) document.layers[mID].visibility = "SHOW";
			else if (allobj) document.all[mID].style.visibility = "VISIBLE";
		} else {
		    if(dom) {
				if(menuState[i] == 0) continue;
				menuAction[i] = 2;
				menuState[i] = 1;
				if(menuTimer == 0) menuTimer = setInterval("animEngine()", menuTimeInc);
			}
			else if(layerobj) document.layers[mID].visibility = "HIDE";
			else if (allobj) document.all[mID].style.visibility = "HIDDEN";

			setItem(0,false);
		}
	}

}

function setItem(iID, the_flag) {

	if((the_flag == true) && (iID != 0)) {
		if(dom)  {
			document.getElementById(iID).style.backgroundColor = hlBgColor;
			document.getElementById(iID).style.color = hlColor;
		} else if(layerobj)  {
			document.layers[iID].backgroundColor = hlBgColor;
			document.layers[iID].color = hlColor;
		} else if (allobj) {
			document.all[iID].style.backgroundColor = hlBgColor;
			document.all[iID].style.color = hlColor;
		}

		if( curHl == 0) {curHl = iID; return;}
		if( curHl == iID) return;
	}

	if(curHl == 0) return;

	if(dom)  {
		document.getElementById(curHl).style.backgroundColor = tdBgColor;
		document.getElementById(curHl).style.color = tdColor;
	} else if(layerobj)  {
		document.layers[curHl].backgroundColor = tdBgColor;
		document.layers[curHl].color = tdColor;
	} else if (allobj) {
		document.all[curHl].style.backgroundColor = tdBgColor;
		document.all[curHl].style.color = tdColor;
	}

	if( the_flag == true) curHl = iID;
	else curHl = 0;

}

function showMenuItem(index)
{
	if(index >= menuNumof) return;
	if(index == 0)
		setMenu(0, "hidden");
	else {
		locMenu(index);
		setMenu(index,"visible");
		setItem(0,false);
	}
}


function spaceMenu()
{
	document.write("<div class='CDDspace' onMouseOver='showMenuItem(0);'>&nbsp;</div>");
}


function init_frame(level,homeflag)
{

if (level == 0) pP = "";
if (level == 1) pP = "../"
if (level == 2) pP = "../../"

sH = '<table cellspacing="0" name="mAbout" id="mAbout" class="CDMmenu" onMouseOver="setMenu(1, \'visible\');"><tr>';
sH+= '<td class="CDMmenuitem" name="mAbout1" id="mAbout1" onMouseOver="setItem(\'mAbout1\', true);"  onClick="window.location = pP + \'ourroots.html\';">&bull; Our Roots</td>';
sH+= '<td class="CDMmenuitem" name="mAbout5" id="mAbout5" onMouseOver="setItem(\'mAbout5\', true);"  onClick="window.location = pP + \'ourbranches.html\';">&bull; Our Branches</td>';
sH+= '<td class="CDMmenuitem" name="mAbout2" id="mAbout2" onMouseOver="setItem(\'mAbout2\', true);"  onClick="window.location = pP + \'aurora.html\';">&bull; Aurora</td>';
sH+= '<td class="CDMmenuitem" name="mAbout3" id="mAbout3" onMouseOver="setItem(\'mAbout3\', true);"  onClick="window.location = pP + \'naperville.html\';">&bull; Naperville</td>';
sH+= '<td class="CDMmenuitem" name="mAbout4" id="mAbout4" onMouseOver="setItem(\'mAbout4\', true);"  onClick="window.location = pP + \'promise.html\';">&bull; Our Promise</td>';
sH+= '</tr></table>';
document.write(sH);

sH = '<table cellspacing="0" name="mPlants" id="mPlants" class="CDMmenu" onMouseOver="setMenu(2, \'visible\');"><tr>';
sH+= '<td class="CDMmenuitem" name="mPlants1" id="mPlants1" onMouseOver="setItem(\'mPlants1\', true);"  onClick="window.location = pP + \'plantingtips.html\';">&bull; Planting Tips</td>';
sH+= '<td class="CDMmenuitem" name="mPlants2" id="mPlants2" onMouseOver="setItem(\'mPlants2\', true);"  onClick="window.location = pP + \'plantlist.html\';">&bull; Plant List</td>';
sH+= '</tr></table>';
document.write(sH);

sH = '<table cellspacing="0" name="mGarden" id="mGarden" class="CDMmenu" onMouseOver="setMenu(3, \'visible\');"><tr>';
sH+= '<td class="CDMmenuitem" name="mGarden1" id="mGarden1" onMouseOver="setItem(\'mGarden1\', true);"  onClick="window.location = pP + \'learninggard.html\';">&bull; Learning Gardens</td>';
sH+= '<td class="CDMmenuitem" name="mGarden2" id="mGarden2" onMouseOver="setItem(\'mGarden2\', true);"  onClick="window.location = pP + \'veggiepatch.html\';">&bull; Veggie Patch</td>';
sH+= '</tr></table>';
document.write(sH);

sH = '<table cellspacing="0" name="mServices" id="mServices" class="CDMmenu" onMouseOver="setMenu(4, \'visible\');"><tr>';
sH+= '<td class="CDMmenuitem" name="mServices1" id="mServices1" onMouseOver="setItem(\'mServices1\', true);"  onClick="window.location = pP + \'design.html\';">&bull; Design &amp; Installation</td>';
sH+= '<td class="CDMmenuitem" name="mServices4" id="mServices4" onMouseOver="setItem(\'mServices4\', true);"  onClick="window.location = pP + \'rewards.html\';">&bull; Rewards &amp; Gift Cards</td>';
sH+= '<td class="CDMmenuitem" name="mServices6" id="mServices6" onMouseOver="setItem(\'mServices6\', true);"  onClick="window.location = pP + \'grouptours.html\';">&bull; Tours &amp; Talks</td>';
sH+= '</tr></table>';
document.write(sH);

sH = '<table cellspacing="0" name="mExtras" id="mExtras" class="CDMmenu" onMouseOver="setMenu(5, \'visible\');"><tr>';
sH+= '<td class="CDMmenuitem" name="mExtras1" id="mExtras1" onMouseOver="setItem(\'mExtras1\', true);"  onClick="window.location = pP + \'giftshop.html\';">&bull; Gift Shop</td>';
sH+= '<td class="CDMmenuitem" name="mExtras2" id="mExtras2" onMouseOver="setItem(\'mExtras2\', true);"  onClick="window.location = pP + \'containers.html\';">&bull; Containers</td>';
sH+= '</tr></table>';
document.write(sH);

sH = '<table cellspacing="0" name="mCalendar" id="mCalendar" class="CDMmenu" onMouseOver="setMenu(6, \'visible\');"><tr>';
sH+= '<td class="CDMmenuitem" name="mCalendar1" id="mCalendar1" onMouseOver="setItem(\'mCalendar1\', true);"  onClick="window.location = pP + \'classes.html\';">&bull; Classes &amp; Workshops</td>';
sH+= '<td class="CDMmenuitem" name="mCalendar2" id="mCalendar2" onMouseOver="setItem(\'mCalendar2\', true);"  onClick="window.location = pP + \'kidsclasses.html\';">&bull; Kids Classes</td>';
sH+= '<td class="CDMmenuitem" name="mCalendar3" id="mCalendar3" onMouseOver="setItem(\'mCalendar3\', true);"  onClick="window.location = pP + \'fests.html\';">&bull; Fests</td>';
sH+= '<td class="CDMmenuitem" name="mCalendar4" id="mCalendar4" onMouseOver="setItem(\'mCalendar4\', true);"  onClick="window.location = pP + \'designdays.html\';">&bull; Design Days</td>';
sH+= '<td class="CDMmenuitem" name="mCalendar5" id="mCalendar5" onMouseOver="setItem(\'mCalendar5\', true);"  onClick="window.location = pP + \'gardenstrolls.html\';">&bull; Garden Strolls</td>';
sH+= '</tr></table>';
document.write(sH);

}