var smgrp_click = false;
var youth_click = false;
var camps_click = false;
var welcome_click = false;
var worship_click = false;
var contactus_click = false;
var map_click = false;
var membership_click = false;
var leaders_click = false;
var faqs_click = false;
var purpose_click = false;
var corebeliefs_click = false;
var vision_click = false;
var history_click = false;
var values_click = false;
var staff_click = false;
var cal_click = false;
var special_click = false;
var proj_click = false;
var audio_click = false;
var womens_click = false;
var childrens_click = false;
var general_click = false;

var index_page = true;
var path_1 = "./pics/";
var path_2 = "../pics/";
var sel = "-selected";
/* Connecting with others */
var smgrp_menu_item = "<input type='image' onclick='smallGroupsClick();' src='#R#smallgrps#S#.gif' width='135'/>";
var youth_menu_item = "<input type='image' onclick='youthClick();' src='#R#youth#S#.gif' width='135'/>";
var camps_menu_item = "<input type='image' onclick='campsClick();' src='#R#camps#S#.gif' width='135'/>";
/* Visitor Information */
var welcome_menu_item = "<input type='image' onclick='welcomeClick();' src='#R#welcome#S#.gif' width='135'/>";
var worship_menu_item = "<input type='image' onclick='worshipServiceClick();' src='#R#worshipservice#S#.gif' width='135'/>";
var contactus_menu_item = "<input type='image' onclick='contactUsClick();' src='#R#contactus#S#.gif' width='135'/>";
var map_menu_item = "<input type='image' onclick='mapClick();' src='#R#map#S#.gif' width='135'/>";
var membership_menu_item = "<input type='image' onclick='membershipClick();' src='#R#membership#S#.gif' width='135'/>";
var leaders_menu_item = "<input type='image' onclick='leadersClick();' src='#R#leaders#S#.gif' width='135'/>";
var faqs_menu_item = "<input type='image' onclick='faqsClick();' src='#R#faqs#S#.gif' width='135'/>";
/* Our DNA */
var purpose_menu_item = "<input type='image' onclick='purposeClick();' src='#R#purpose#S#.gif' width='135'/>";
var corebeliefs_menu_item = "<input type='image' onclick='coreBeliefsClick();' src='#R#corebeliefs#S#.gif' width='135'/>";
var vision_menu_item = "<input type='image' onclick='visionClick();' src='#R#vision#S#.gif' width='135'/>";
var history_menu_item = "<input type='image' onclick='historyClick();' src='#R#history#S#.gif' width='135'/>";
var values_menu_item = "<input type='image' onclick='valuesClick();' src='#R#values#S#.gif' width='135'/>";
var staff_menu_item = "<input type='image' onclick='staffClick();' src='#R#staff#S#.gif' width='135'/>";
/* Events */
var cal_menu_item = "<input type='image' onclick='calendarClick();' src='#R#calendar#S#.gif' width='135'/>";
var special_menu_item = "<input type='image' onclick='specialClick();' src='#R#specialEvents#S#.gif' width='135'/>";
var proj_menu_item = "<input type='image' onclick='projectsClick();' src='#R#projects#S#.gif' width='135'/>";
var audio_menu_item = "<input type='image' onclick='audioClick();' src='#R#audio#S#.gif' width='135'/>";
/* Ministries */
/* var cr_menu_item = "<input type='image' onclick='crClick();' src='#R#cr#S#.gif' width='135'/>";*/
var womens_menu_item = "<input type='image' onclick='womensClick();' src='#R#womens#S#.gif' width='135'/>";
var childrens_menu_item = "<input type='image' onclick='childrensClick();' src='#R#childrens#S#.gif' width='135'/>";
var general_menu_item = "<input type='image' onclick='generalClick();' src='#R#general#S#.gif' width='135'/>";

/*
 *
 * For mouse over menus panel on home page.
 *
 */

 function displaySubMenu(menuList) 
 {
 	var subMenu = document.getElementById("SUBMENU");
 	var m2Layer = document.getElementById("Menu2Layer");
 	m2Layer.style.display = "inline"; 
 	var html_new = "";
 	var path = index_page ? path_1 : path_2;
 	switch(menuList)
 	{
 		case 1:
 			html_new = replacePath(smgrp_menu_item, path, smgrp_click)
 			             + replacePath(youth_menu_item, path, youth_click)
 			             + replacePath(camps_menu_item, path, camps_click);
		 	subMenu.innerHTML = html_new;
		 	m2Layer.style.left = "190px"; 
		 	m2Layer.style.height = "100px"; 
 			break;
 		case 2:
 			html_new = replacePath(welcome_menu_item, path, welcome_click)
 			             + replacePath(worship_menu_item, path, worship_click)
 			             + replacePath(contactus_menu_item, path, contactus_click)
 			             + replacePath(map_menu_item, path, map_click)
 			             + replacePath(membership_menu_item, path, membership_click)
 			             + replacePath(leaders_menu_item, path, leaders_click)
 			             + replacePath(faqs_menu_item, path, faqs_click);
		 	subMenu.innerHTML = html_new;
		 	m2Layer.style.left = "350px"; 
		 	m2Layer.style.height = "220px"; 
 			break;
 		case 3:
 			html_new = replacePath(purpose_menu_item, path, purpose_click)
 			             + replacePath(corebeliefs_menu_item, path, corebeliefs_click)
 			             + replacePath(vision_menu_item, path, vision_click)
 			             + replacePath(history_menu_item, path, history_click)
 			             + replacePath(values_menu_item, path, values_click)
 			             + replacePath(staff_menu_item, path, staff_click);
		 	subMenu.innerHTML = html_new;
		 	m2Layer.style.left = "500px"; 
		 	m2Layer.style.height = "190px"; 
 			break;
 		case 4:
 			html_new = replacePath(cal_menu_item, path, cal_click)
 			             + replacePath(special_menu_item, path, special_click)
 			             + replacePath(proj_menu_item, path, proj_click)
 			             + replacePath(audio_menu_item, path, audio_click);
		 	subMenu.innerHTML = html_new;
		 	m2Layer.style.left = "655px"; 
		 	m2Layer.style.height = "130px"; 
 			break;
 		case 5:
 			html_new = replacePath(womens_menu_item, path, womens_click)
 			             + replacePath(childrens_menu_item, path, childrens_click)
 			             + replacePath(general_menu_item, path, general_click);
		 	subMenu.innerHTML = html_new;
		 	m2Layer.style.left = "810px"; 
		 	m2Layer.style.height = "100px"; 
 			break;
 		default: 		
		 	subMenu.innerHTML = html_new;
 	}
 }

 function removeSubMenu()
 {
 	var subMenu = document.getElementById("SUBMENU");
 	var m2Layer = document.getElementById("Menu2Layer");
 	m2Layer.style.display = "none"; 
 	subMenu.innerHTML = "&nbsp";
 }
 
 function replacePath(str, path, selected)
 {
 	str = str.replace(/#R#/, path);
 	if (selected)
 	{
	 	str = str.replace(/#S#/, sel);
 	}
 	else
 	{
	 	str = str.replace(/#S#/, "");
 	}
 	return str + '</br>';
 }

 function preloadImages() 
 { 
  if (document.images) 
  {
    var imgFiles = preloadImages.arguments;
	var preloadArray = new Array();
    for (var i=0; i<imgFiles.length; i++) 
    {
      preloadArray[i] = new Image;
      preloadArray[i].src = imgFiles[i];
    }
  }
 }