function displayclub(name,no,zone,sponsor,date,postal)
{
  postal = postal.replace(/ /,"+") 
  recout = "<tr><td><a href=http://www.mapquest.com/maps/map.adp?formtype=address&searchtype=address&country=CA&zipcode="+postal+">"+name
  recout = recout+"</a></td><td><a href=Zone"+zone+".htm>"+zone+"</a></td><td>"+sponsor+"</td><td>"+date+"</td></tr>"
 
  document.write(recout)
}



function displayMenu(GroupName,PageName)
{
   document.write("<div id=\"leftmenu\" >")
   document.write("Here I am<br>")
   var aboutUs = new Array()
   aboutUs[0] = "Governors Message"
   aboutUs[1] = "Creed"
   aboutUs[2] = "District Goals"
   aboutUs[3] = "OI Foundation"
   aboutUs[4] = "Dues"

   var People = new Array()
   People[0] = "Executive"
   People[1] = "Past Executive"

   var Clubs = new Array()
   Clubs[0] = "Listed by Name"
   Clubs[1] = "Listed by Zone"
   Clubs[2] = "Announcments" 
   Clubs[3] = "Newsletters"

   var MemberServices = new Array()
   MemberServices[0] = "Membership"
   MemberServices[1] = "New Club Building"

   var AdminServices =new Array()
   AdminServices[0] = "Executive"
   AdminServices[1] = "Optimist Leaders"
   AdminServices[2] = "Optimist Mail"

   var Calendar = new Array()
   Calendar[0] = "Schedule"
   Calendar[1] = "Quarter Boards"
   Calendar[2] = "Executive Meetings"

displayItem("About Us",aboutUs,GroupName,PageName)
displayItem("People",People,GroupName,PageName)
displayItem("Clubs",Clubs,GroupName,PageName)
displayItem("Member Services",MemberServices,GroupName,PageName)
displayItem("Admin Services",AdminServices,GroupName,PageName)
displayItem("Calendar",Calendar,GroupName,PageName)

   document.write("</div>")
}

function displayItem(ItemName,Item,GroupName,PageName)
{
   select = 0;
   for (i=0;i<Item.length;i++){
      if (Item[i] == PageName) select = 1
      if (GroupName == ItemName) select = 1
   }
   document.write("<div onclick=\"displayMenu('"+ItemName+"','"+ItemName+"')\">"+ItemName+"<br></div>")
   if (select){
	   for (i=0;i<Item.length;i++){
           document.write("&nbsp "+Item[i] + "<br>")
	   }
   
   }
 
}
function toggle_object(id) {
		obj = document.getElementById(id);
		if (obj.className == 'on') {
			obj.className = 'off';
		}
		else if (obj.className == 'off') {
			obj.className = 'on';
		}
}
function show_object(id) {
		obj = document.getElementById(id);
		obj.className = 'on';
		
}
function hide_object(id) {
		obj = document.getElementById(id);
		obj.className = 'off';
		
}