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="#ffffff";	// menu item text color
var tdBgColor="#c0210b";	// menu item background color
var hlColor="#000000";	// highlight text color
var hlBgColor="#b0876a";	// highlight background color

var curVis = 0;
var curHl = 0;

var MenuImg10 = new Image();
var MenuImg20 = new Image();
var MenuImg11 = new Image();
var MenuImg21 = new Image();
var MenuImg12 = new Image();
var MenuImg22 = new Image();
var MenuImg13 = new Image();
var MenuImg23 = new Image();
var MenuImg14 = new Image();
var MenuImg24 = new Image();

function locMenu(mID,  iNum) {

	var wW = 775;
	if( home_flag == true ) var mTop = 180;
	else var mTop = 165;
	var mLeft = 0;

	if(window.document.body.clientWidth) wW = window.document.body.clientWidth;
	else if(window.innerWidth) wW = window.innerWidth;

	if( wW > 775) mLeft = (wW - 774)/2 + iNum;
	else mLeft = iNum;


	if(dom) {
		document.getElementById(mID).style.top = mTop + "px";
		document.getElementById(mID).style.left = mLeft + "px";
	}
	else if(layerobj) {
		document.layers[mID].top = mTop;
		document.layers[mID].left = mLeft;
	}
	else if(allobj) {
		document.all[mID].style.top =  mTop;
		document.all[mID].style.left =  mLeft;
	}

}


function setMenu(mID, the_change) {

	if(mID == 0) mID = curVis;
	if(mID == 0) return;

	switch(the_change)
	{
		case "visible":
			if(dom) document.getElementById(mID).style.visibility = "VISIBLE";
			else if(layerobj) document.layers[mID].visibility = "SHOW";
			else if (allobj) document.all[mID].style.visibility = "VISIBLE";


			if(curVis == 0) {curVis = mID; break;}
			if(curVis == mID) break;

			if(dom) document.getElementById(curVis).style.visibility = "HIDDEN";
			else if(layerobj) document.layers[curVis].visibility = "HIDE";
			else if (allobj) document.all[curVis].style.visibility = "HIDDEN";

			curVis = mID;
			break;

		case "hidden":
			if(dom) document.getElementById(mID).style.visibility = "HIDDEN";
			else if(layerobj) document.layers[mID].visibility = "HIDE";
			else if (allobj) document.all[mID].style.visibility = "HIDDEN";

			setItem(0,false);

			curVis = 0;
			break;
		default: return;
	}

}

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 init_frame(level,homeflag)
{
home_flag = homeflag;

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

MenuImg10.src = pP +  "images/WCCHomeUp.gif";
MenuImg20.src = pP +  "images/WCCHomeDown.gif";
MenuImg11.src = pP +  "images/WCCAboutUp.gif";
MenuImg21.src = pP +  "images/WCCAboutDown.gif";
MenuImg12.src = pP +  "images/WCCTeachingsUp.gif";
MenuImg22.src = pP +  "images/WCCTeachingsDown.gif";
MenuImg13.src = pP +  "images/WCCServicesUp.gif";
MenuImg23.src = pP +  "images/WCCServicesDown.gif";
MenuImg14.src = pP +  "images/WCCStoreUp.gif";
MenuImg24.src = pP +  "images/WCCStoreDown.gif";

sH = '<table cellspacing="0" name="mAbout" id="mAbout" class="menu" style="top: 20px; left: 20px;" onMouseOut="setMenu(\'mAbout\', \'hidden\');" onMouseOver="setMenu(\'mAbout\', \'visible\');">';
sH+= '<tr><td class="menuitem" name="mAbout1" id="mAbout1" onMouseOver="setItem(\'mAbout1\', true);"  onClick="window.location = pP + \'About/Bio.html\';">&bull; Music</td></tr>';
sH+= '<tr><td class="menuitem" name="mAbout2" id="mAbout2" onMouseOver="setItem(\'mAbout2\', true);"  onClick="window.location = pP + \'About/Qual.html\';">&bull; Qualifications</td></tr>';
sH+= '<tr><td class="menuitem" name="mAbout3" id="mAbout3" onMouseOver="setItem(\'mAbout3\', true);"  onClick="window.location = pP + \'About/Memories.html\';">&bull; Memories</td></tr>';
sH+= '<tr><td class="menuitem" name="mAbout4" id="mAbout4" onMouseOver="setItem(\'mAbout4\', true);"  onClick="window.location = pP + \'About/Dedications.html\';">&bull; Dedications</td></tr>';
sH+= '<tr><td class="menuitem" name="mAbout5" id="mAbout5" onMouseOver="setItem(\'mAbout5\', true);"  onClick="window.location = pP + \'About/Resources.html\';">&bull; Resources</td></tr>';
sH+= '</table>';
document.write(sH);

sH = '<table cellspacing="0" name="mTeachings" id="mTeachings" class="menu" style="top: 20px; left: 20px;" onMouseOut="setMenu(\'mTeachings\', \'hidden\');" onMouseOver="setMenu(\'mTeachings\', \'visible\');">';
sH+= '<tr><td class="menuitem" name="mTeachings1" id="mTeachings1" onMouseOver="setItem(\'mTeachings1\', true);"  onClick="window.location = pP + \'Teachings/Ojibway.html\';">&bull; Anishnawbemowin</td></tr>';
sH+= '<tr><td class="menuitem" name="mTeachings2" id="mTeachings2" onMouseOver="setItem(\'mTeachings2\', true);"  onClick="window.location = pP + \'Teachings/StoryTelling.html\';">&bull; Story Telling</td></tr>';
sH+= '<tr><td class="menuitem" name="mTeachings3" id="mTeachings3" onMouseOver="setItem(\'mTeachings3\', true);"  onClick="window.location = pP + \'Teachings/Medicines.html\';">&bull; Medicines</td></tr>';
sH+= '<tr><td class="menuitem" name="mTeachings4" id="mTeachings4" onMouseOver="setItem(\'mTeachings4\', true);"  onClick="window.location = pP + \'Teachings/Traditions.html\';">&bull; Traditions</td></tr>';
sH+= '</table>';
document.write(sH);

sH = '<table cellspacing="0" name="mServices" id="mServices" class="menu" style="top: 20px; left: 20px;" onMouseOut="setMenu(\'mServices\', \'hidden\');" onMouseOver="setMenu(\'mServices\', \'visible\');">';
sH+= '<tr><td class="menuitem" name="mServices1" id="mServices1" onMouseOver="setItem(\'mServices1\', true);"  onClick="window.location = pP + \'Services/Circles.html\';">&bull; Drum & Flute Circles</td></tr>';
sH+= '<tr><td class="menuitem" name="mServices2" id="mServices2" onMouseOver="setItem(\'mServices2\', true);"  onClick="window.location = pP + \'Services/Teachings.html\';">&bull; Anishnawbe Teachings</td></tr>';
sH+= '<tr><td class="menuitem" name="mServices3" id="mServices3" onMouseOver="setItem(\'mServices3\', true);"  onClick="window.location = pP + \'Services/Wilderness.html\';">&bull; Wilderness Guide</td></tr>';
sH+= '<tr><td class="menuitem" name="mServices4" id="mServices4" onMouseOver="setItem(\'mServices4\', true);"  onClick="window.location = pP + \'Services/Wellness.html\';">&bull; Wellness Workshops</td></tr>';
sH+= '<tr><td class="menuitem" name="mServices5" id="mServices5" onMouseOver="setItem(\'mServices5\', true);"  onClick="window.location = pP + \'Services/KitcheGameeng.html\';">&bull; Kitche Gameeng - Rock Healing</td></tr>';
sH+= '<tr><td class="menuitem" name="mServices6" id="mServices6" onMouseOver="setItem(\'mServices6\', true);"  onClick="window.location = pP + \'Services/DrumRepair.html\';">&bull; Big Drum/Hand Drum Repair</td></tr>';
sH+= '</table>';
document.write(sH);

sH = '<table cellspacing="0" name="mStore" id="mStore" class="menu" style="top: 20px; left: 20px;" onMouseOut="setMenu(\'mStore\', \'hidden\');" onMouseOver="setMenu(\'mStore\', \'visible\');">';
sH+= '<tr><td class="menuitem" name="mStore1" id="mStore1" onMouseOver="setItem(\'mStore1\', true);"  onClick="window.location = pP + \'Store/ArtsCrafts.html\';">&bull; Arts & Crafts</td></tr>';
sH+= '<tr><td class="menuitem" name="mStore2" id="mStore2" onMouseOver="setItem(\'mStore2\', true);"  onClick="window.location = pP + \'Store/Regalia.html\';">&bull; Pow Wow Regalia</td></tr>';
sH+= '<tr><td class="menuitem" name="mStore3" id="mStore3" onMouseOver="setItem(\'mStore3\', true);"  onClick="window.location = pP + \'Store/Porcupine.html\';">&bull; Porcupine Roaches</td></tr>';
sH+= '<tr><td class="menuitem" name="mStore4" id="mStore4" onMouseOver="setItem(\'mStore4\', true);"  onClick="window.location = pP + \'Store/BooksMusic.html\';">&bull; Books & Music</td></tr>';
sH+= '</table>';
document.write(sH);
}


function init_menu()
{

document.write('<table cellspacing="0" cellpadding="0" width="775" height="30"><tr><td width="115">&nbsp;</td>');
document.write('<td valign="top" width="125"><a href="' + pP +  'index.html" onMouseOut="imageA.src=MenuImg10.src;" onMouseOver="imageA.src=MenuImg20.src; setMenu(0, \'hidden\');"><img src="' +MenuImg10.src + '" name="imageA"/></a></td>');
document.write('<td valign="top" width="125"><a href="' + pP +  'About/Bio.html" onMouseOut="imageB.src=MenuImg11.src;" onMouseOver="imageB.src=MenuImg21.src; locMenu(\'mAbout\', 240); setMenu(\'mAbout\',\'visible\');"><img src="' +MenuImg11.src + '" name="imageB"/></a></td>');
document.write('<td valign="top" width="125"><a href="' + pP +  'Teachings/Ojibway.html" onMouseOut="imageC.src=MenuImg12.src;" onMouseOver="imageC.src=MenuImg22.src; locMenu(\'mTeachings\', 370); setMenu(\'mTeachings\',\'visible\');"><img src="' +MenuImg12.src + '" name="imageC"/></a></td>');
document.write('<td valign="top" width="125"><a href="' + pP +  'Services/Circles.html" onMouseOut="imageD.src=MenuImg13.src;" onMouseOver="imageD.src=MenuImg23.src; locMenu(\'mServices\', 495); setMenu(\'mServices\',\'visible\');"><img src="' +MenuImg13.src + '" name="imageD"/></a></td>');
document.write('<td valign="top" width="125"><a href="' + pP +  'Store/ArtsCrafts.html" onMouseOut="imageE.src=MenuImg14.src;" onMouseOver="imageE.src=MenuImg24.src; locMenu(\'mStore\', 625); setMenu(\'mStore\',\'visible\');"><img src="' +MenuImg14.src + '" name="imageE"/></a></td>');
document.write('<td valign="top" width="35" onMouseOver=" setMenu(0, \'hidden\');">&nbsp;</td></tr></table>');

}