// BEGIN THE ARRAY OF DATA FOR THE MENU ITEMS

marr0 = new Array();
marr0[0] = "<table  onMouseover='seeit(0)' onMouseout='hidemenu(100)' border='0'>";
marr0[1] = "<tr>"
marr0[2] = "<td width='110' align='right' valign='middle'>";
marr0[3] = "<a class='a0' href='#STOP2'>";
marr0[4] = "about the&nbsp;&nbsp;<br/>cathedral&nbsp;&nbsp;</a>"


marr1 = new Array();
marr1[0] = "<table onMouseover='seeit(1)' onMouseout='hidemenu(100)' border='0'>";
marr1[1] = "<tr>"
marr1[2] = "<td width='110'  align='right' valign='middle'>";
marr1[3] = "<a class='a7' href='#STOP2'>";
marr1[4] = "our&nbsp;&nbsp;<br/>school&nbsp;&nbsp;</a>";


marr2 = new Array();
marr2[0] = "<table onMouseover='seeit(2)' onMouseout='hidemenu(100)' border='0'>";
marr2[1] = "<tr>"
marr2[2] = "<td width='110'  align='right' valign='middle'>";
marr2[3] = "<a class='a1' href='#STOP2'>";
marr2[4] = "sunday&nbsp;&nbsp;<br/>bulletin&nbsp;&nbsp;</a>";

marr3 = new Array();
marr3[0] = "<table  onMouseover='seeit(3)' onMouseout='hidemenu(100)' border='0'>";
marr3[1] = "<tr>"
marr3[2] = "<td width='110'  align='right' valign='middle'>";
marr3[3] = "<a class='a2' href='#STOP2'>";
marr3[4] = "sacraments&nbsp;&nbsp;</a><br />";

marr4 = new Array();
marr4[0] = "<table  onMouseover='seeit(4)' onMouseout='hidemenu(100)' border='0'>";
marr4[1] = "<tr>"
marr4[2] = "<td width='110'  align='right' valign='middle'>";
marr4[3] = "<a class='a3' href='#STOP2'>";
marr4[4] = "ministries&nbsp;&nbsp;<br/>organizations&nbsp;&nbsp;</a>";

marr5 = new Array();
marr5[0] = "<table  onMouseover='seeit(5)' onMouseout='hidemenu(100)' border='0'>";
marr5[1] = "<tr>"
marr5[2] = "<td width='110'  align='right' valign='middle'>";
marr5[3] = "<a class='a4' href='#STOP2'>";
marr5[4] = "prayer&nbsp;&nbsp;</a>";

marr6 = new Array();
marr6[0] = "<table  onMouseover='seeit(6)' onMouseout='hidemenu(100)' border='0'>";
marr6[1] = "<tr>"
marr6[2] = "<td width='110' align='right' valign='middle'>";
marr6[3] = "<a class='a5' href='#STOP2'>";
marr6[4] = "links and&nbsp;&nbsp;<br/>resources&nbsp;&nbsp;</a>";


mainmenarr = new Array();
mainmenarr[0] = marr0;
mainmenarr[1] = marr1;
mainmenarr[2] = marr2;
mainmenarr[3] = marr3;
mainmenarr[4] = marr4;
mainmenarr[5] = marr5;
mainmenarr[6] = marr6;


subarr0 = new Array();
subarr0[0] = "<table width='170' id='menu0' onMouseout='hidemenu(0)' border='0'>";
subarr0[1] = "<a class='a0a' href='about/about.htm'>-About</a>";
subarr0[2] = "<a class='a0a' href='about/pastor.htm'>-Our Pastor</a>";
subarr0[3] = "<a class='a0a' href=JavaScript:OnMouseClick=pop8('about/rector.htm')>-Our Rector</a>";
subarr0[4] = "<a class='a0a' href='about/photo1.htm'>-Photos</a>";
subarr0[5] = "<a class='a0a' href='about/pgmap.htm'>-Location</a>";


subarr1 = new Array()
subarr1[0] = "<table width='170' id='menu1' onMouseout='hidemenu(1)' border='0'>";
subarr1[1] = "<a class='a7a' href=JavaScript:OnMouseClick=pop5('http://www.pgdiocese.bc.ca/Schools/sacredheart.htm')>-Sacred Heart School</a>";



subarr2 = new Array()
subarr2[0] = "<table width='170' id='menu2' onMouseout='hidemenu(2)' border='0'>";
subarr2[1] = "<a class='a1a' href=JavaScript:OnMouseClick=pop88('bulletins/current.htm')>-Current</a>";
subarr2[2] = "<a class='a1a' href=JavaScript:OnMouseClick=pop2('bulletins/archive.htm')>-Archives</a>";

//subarr1[3] = "<a class='a1a' href=JavaScript:OnMouseClick=pop8('cal/apr.htm')>-Calendar</a>";


subarr3 = new Array()
subarr3[0] = "<table width='170' id='menu3' onMouseout='hidemenu(3)' border='0'>";
subarr3[1] = "<a class='a2a' href='sacraments.htm#S1'>-Baptism</a>";
subarr3[2] = "<a class='a2a' href='sacraments.htm#S1'>-Confirmation</a>";
subarr3[3] = "<a class='a2a' href='sacraments.htm#S1'>-Eucharist</a>";
subarr3[4] = "<a class='a2a' href='sacraments.htm#S2'>-Reconciliation</a>";
subarr3[5] = "<a class='a2a' href='sacraments.htm#S2'>-Anointing of the Sick</a>";
subarr3[6] = "<a class='a2a' href='sacraments.htm#S3'>-Marriage</a>";
subarr3[7] = "<a class='a2a' href='sacraments.htm#S3'>-Holy Orders</a>";


subarr4 = new Array();
subarr4[0] = "<table width='170' id='menu4' onMouseout='hidemenu(4)' border='0'>";
subarr4[1] = "<a class='a3a' href='ministries.htm#TOP'>-C.W.L.</a>";
subarr4[2] = "<a class='a3a' href='ministries.htm#MB'>-Church Custodians</a>";
subarr4[3] = "<a class='a3a' href='ministries.htm#MC'>-D. & P.</a>";
subarr4[4] = "<a class='a3a' href='ministries.htm#MD'>-Finance Com.</a>";
subarr4[5] = "<a class='a3a' href='ministries.htm#ME'>-Kairos</a>";
subarr4[6] = "<a class='a3a' href='ministries.htm#MF'>-K. of C.</a>";
subarr4[7] = "<a class='a3a' href='ministries.htm#MG'>-Liturgy</a>";
subarr4[8] = "<a class='a3a' href='ministries.htm#MH'>-Parish Pastoral Council</a>";
subarr4[9] = "<a class='a3a' href='ministries.htm#MI'>-P.R.E.P.</a>";
subarr4[10] = "<a class='a3a' href='ministries.htm#MJ'>-R.C.I.A.</a>";
subarr4[11] = "<a class='a3a' href='ministries.htm#MK'>-Remembering Church</a>";
subarr4[12] = "<a class='a3a' href='ministries.htm#ML'>-Sacramental Prep</a>";
subarr4[13] = "<a class='a3a' href='ministries.htm#MM'>-S.H. School Council</a>";
subarr4[14] = "<a class='a3a' href='ministries.htm#MN'>-Parent Support Group</a>";
subarr4[15] = "<a class='a3a' href='ministries.htm#MO'>-St. Vicent de Paul</a>";
subarr4[16] = "<a class='a3a' href='ministries.htm#MP'>-Shepherd's Corner</a>";
subarr4[17] = "<a class='a3a' href='ministries.htm#MQ'>-Youth Group</a>";


subarr5 = new Array();
subarr5[0] = "<table width='170'  id='menu5' onMouseout='hidemenu(5)' border='0' >";
subarr5[1] = "<a class='a4a' href='prayer.htm#TOP'>-Devotions to Sacred Heart</a>";
subarr5[2] = "<a class='a4a' href='prayer.htm#P2'>-Rosary</a>";
subarr5[3] = "<a class='a4a' href='prayer.htm#P3'>-Stations of the Cross</a>";
subarr5[4] = "<a class='a4a' href='prayer.htm#P4'>-Angelus</a>";
subarr5[5] = "<a class='a4a' href='prayer.htm#P5'>-Regina Caeli(Easter Season)</a>";
subarr5[6] = "<a class='a4a' href='prayer.htm#P6'>-Diocesan Vocation Prayer</a>";

subarr6 = new Array();
subarr6[0] = "<table width='170' id='menu6' onMouseout='hidemenu(6)' border='0' >";
subarr6[1] = "<a class='a5a' href=JavaScript:OnMouseClick=pop5('http://www.pgdiocese.bc.ca/Schools/sacredheart.htm')>-Sacred Heart School</a>";
subarr6[2] = "<a class='a5a' href=JavaScript:OnMouseClick=pop5('http://www.pgdiocese.bc.ca/')>-Diocese of Prince George</a>";
subarr6[3] = "<a class='a5a' href=JavaScript:OnMouseClick=pop5('http://www.geocities.com/domanorenewal/')>-Domano Renewal Centre</a>";
subarr6[4] = "<a class='a5a' href=JavaScript:OnMouseClick=pop5('http://www.city.pg.bc.ca/')>-City of P.G.</a>";
subarr6[5] = "<a class='a5a' href=JavaScript:OnMouseClick=pop5('http://www.vatican.va')>-Vatican</a>";
subarr6[6] = "<a class='a5a' href=JavaScript:OnMouseClick=pop5('resources.htm')>-Others</a>";



submenarr = new Array();
submenarr[0] = subarr0;
submenarr[1] = subarr1;
submenarr[2] = subarr2;
submenarr[3] = subarr3;
submenarr[4] = subarr4;
submenarr[5] = subarr5;
submenarr[6] = subarr6;


mename = new Array()
mename[0] = "menu0";
mename[1] = "menu1";
mename[2] = "menu2";
mename[3] = "menu3";
mename[4] = "menu4";
mename[5] = "menu5";
mename[6] = "menu6";
mename[100] = "";

// END THE ARRAY OF DATA FOR THE MENU ITEMS


//THE POP FUNCTIONS ALLOW THE BROWSER TO OPEN A NEW WINDOW OF DATA

function pop1(pic) 
{
newone=window.open(pic,"win1","width=500,height=200,menubar=0,status=0,scrollbars=1,resizable=1,location=0,screenX=100,screenY=100");

newone.focus();
}


function pop2(pic) 
{
newone=window.open(pic,"win2","width=300,height=300,menubar=0,status=0,scrollbars=1,resizable=1,location=0,screenX=100,screenY=100");

newone.focus();
}

function pop3(pic) 
{
newone=window.open(pic,"win3","width=740,height=470,menubar=yes,scrollbars=1,resizable=1");
newone.focus();
}


function pop4(pic) 
{
newone=window.open(pic,"win4","width=740,height=600,menubar=yes,scrollbars=1,resizable=1");
newone.focus();
}

function pop5(pic) 
{
newone=window.open(pic,"win5","width=770,height=500,menubar=yes,scrollbars=1,resizable=1");
newone.focus();
}



function pop8(pic) 
{
newone=window.open(pic,"win8","width=710,height=470,menubar=yes,scrollbars=1,resizable=1");
newone.focus();
}


function pop88(pic) 
{
newone=window.open(pic,"win8","width=820,height=500,menubar=yes,scrollbars=1,resizable=1");
newone.focus();
}


function pop9(pic) 
{
newone=window.open(pic,"win9","width=520,height=520,menubar=0,scrollbars=1,resizable=1,status=0");
newone.focus();
}



// THE SEEIT FUNCTION ALLOWS YOU TO MAKE VISIBLE AN OBJECT WITH A NAMED ID

function seeit(c)
{
  test1 = true;
  //hidemenu(c);
  if (document.getElementById) // stdBrowser
  {
	test1 = false;
	var b = 1;
	var menx = "";
	var idx = mename[c];
	idx = document.getElementById(idx).style;

	if (idx.setProperty) {idx = idx.setProperty("visibility", "visible", "")}

	else {idx.visibility="visible"}

  } // end if stdBrowser
					
  if ((document.all) && (test1))
  {// alert("document.all and test1")
	idx = eval(idx + ".style");
	idx.visibility="visible";
  } // end if (document.all)

  if ((document.layers) && (test1)) // Netscape 4.?
  {
	idx = eval("document." + idx);
	idx.visibility="visible";
  } // end if (document.Layers)
  
} // end function seeit(idx,a)




// THE HIDEMENU IS CALLED TO HIDE ALL THE ID NAMED MENU ITEMS
// NOTE THAT THE LOOP WILL GO FOR MENUITEMS NUMBER OF TIMES

function hidemenu(c)
{
	var menuitems = 7
	var b = 0;
	var menx = mename[b];
	var viewit = mename[c]
	var idx = document.getElementById(menx).style;

	if (idx.setProperty) {
		while (b < menuitems)
		{
		    if (viewit != menx){
			menx = document.getElementById(menx).style;
			menx = menx.setProperty("visibility", "hidden", "");
		    };// end if
		    b ++;
		    menx = mename[b];
		}// end while
	}// end if

	else {

		while (b < menuitems)
		{
		    if (viewit != menx){
			menx = document.getElementById(menx).style;
			menx = menx.visibility="hidden";
			
		    };// end if
		    b ++;
		    menx = mename[b];
		}// end while
		
	}// end else  bgcolor='#EBFCFF'   background='images/pic-cath.jpg'  #EBFCFF

}// end function hidemenu




// GETMENU IS THE FUNCTION THAT WRITES THE MENU ONTO THE WEBPAGE
// IT USES DATA FROM THE ARRAYS ABOVE

function getmenu()
{
    var a = 0;
    var b = mainmenarr.length;

    document.write("<table border='0' cellspacing='0' cellpadding='0'>");
    document.write("<tr><td valign='top' align='right'>");
    


        while (a < b)//using mainmenarr 
        {var mname = mainmenarr[a];
	var c = 0;
    	var d = mname.length;
	document.write("<hr width='120'/>");

	  while (c < d)
	  {document.write(mname[c]);
	   c ++;
	  };//end while

//BEGIN 2ND COLUMN FOR SUB-MENU TABLES

//TEST TO SEE IF LAST SUB-MENU ITEM, IF IT IS THEN GO TO "ELSE"

	 if (a + 1 < b)
	  {document.write("</td><td align='left' valign='top'>")}

//TEST TO SEE IF LAST SUB-MENU ITEM, IF IT IS THEN . . .
	 
	 else
	  {document.write("</td><td align='left' valign='top'>")}
  	  
	  var sname = submenarr[a];
	  var e = 0;
	  var f = sname.length;


// WRITE THE SUB-MENU ITEMS TO THE PAGE

	    while (e < f)//using submenarr
	    {document.write(sname[e]);
	    document.write("<tr><td bgcolor='#F2F0F0' align='left'>");
	    e ++;
		while (e < f)
		{document.write(sname[e]);

		e ++;

		if (e < f)
		{document.write("</td></tr><tr><td align='left' bgcolor='#F2F0F0'>")};
		
		};//end while

	    if (e < f)
	    {document.write(sname[e])};
	    document.write("</td></tr></table>");
	    };//end while

	a ++;
	document.write("</td></tr></table>");

	if (a < b)
	{document.write("</td></tr><tr><td align='right' valign='top'>")};
    	
	};// end while


    document.write("<hr width='120'/>");

    document.write("</td></tr>");
    document.write("</table>");


};// end function getmenu(arr)



