// JavaScript Document
//preload images
f_image_preload();

//store menu data in global
var g_db = f_menu_db();

//store list of menu div id's in global
var g_menu_ids_list = ["sub_0"];

//store maximum page width in global
var g_page_width = 780;

//track currently selected section
var g_section_active = "topnav_0";


//handles preloading images
function f_image_preload(){

	//build list og image sources
	var my_image_list_src = new Array();
	my_image_list_src[my_image_list_src.length] = "images/tab_vline.gif";
	my_image_list_src[my_image_list_src.length] = "images/tab_left_off.gif";
	my_image_list_src[my_image_list_src.length] = "images/tab_left_on.gif";
	my_image_list_src[my_image_list_src.length] = "images/tab_right_off.gif";
	my_image_list_src[my_image_list_src.length] = "images/tab_right_on.gif";
	my_image_list_src[my_image_list_src.length] = "images/tab_bg_off.gif";
	my_image_list_src[my_image_list_src.length] = "images/tab_bg_on.gif";
	
	//track image list
	var my_image_list = new Array();
	
	//iterate through image source list and add to array
	for(i=0;i<my_image_list_src.length;i++){
		my_image_list[i] = new Image();
		my_image_list[i].src = my_image_list_src[i];
	}//end for(i=0;i<my_image_list.length;i++)
}

//Enter full URL to image tabs to preload below. Separate with comma:

//preloadimg("http://mysite/bluetab.jpg", "http://mysite/bluetabover.jpg", "http://mysite/redtab.jpg")

//set default onmouseover event
//allows operation of banner menu code
//by default the menu hiding will occur while over a page element
document.onmouseover = f_menu_hide;

//handles getting left co-ordinate of element
//necessary because IE calculates object.offsetLeft relative to parent
function f_loc_x(my_array){
	//get object - passed as parameter
	var my_object = my_array['object'];
	var myLeft = -320//track left co-ordinate
	
	if (navigator.appName!=="Microsoft Internet Explorer")
	{
		var myLeft = -320//track left co-ordinate
	}

	if (my_object.offsetParent){//check if current object has parent 
		while (my_object.offsetParent){//keep checking if current object has parent 
			myLeft += my_object.offsetLeft;//iterate left co-ordinate tracker
			my_object = my_object.offsetParent;//set object ref to parent object
		}//end while
	}//end if
	return(myLeft);//return co-ordinate
}//end function f_loc_x

//handles menu button states
function f_menu_button(my_array){
	//get rollover object
	//rollover object is the page element calling this function
	var my_object_rollover = my_array['object'];
	
	//iterate through menu buttons
	for(i in g_db['data']){
		//get associated left menu ref
		var my_object_left = document.getElementById(i + "_left");
		//get associated middle menu ref
		var my_object_middle = document.getElementById(i + "_middle");
		//get associated right menu ref
		var my_object_right = document.getElementById(i + "_right");
		
		//set rollover objects active
		//set all other object inactive
		if(i==my_object_rollover.id){//active objects
			my_object_left.className = "menu_left_ro";
			my_object_middle.className = "menu_ro";
			my_object_right.className = "menu_right_ro";
		}else{//inactive objects
			my_object_left.className = "menu_left";
			my_object_middle.className = "menu";
			my_object_right.className = "menu_right";			
		}//end if(i==my_object_rollover.id)
	}//end for(i in g_db['data'])
}//end function f_menu_button(my_array)

//generates data for menu
function f_menu_db(my_array){
	//define data array
	my_menu_data = new Array();
	
	//store menu data at DATA location
	my_menu_data['data'] = new Array;
	
	//MENU ITEM 0
	my_menu_data['data']['topnav_0'] = {label:"Home",url:"javascript:;"};
	
	//MENU ITEM 1
	my_menu_data['data']['topnav_1'] = {label:"Life of Augustine"};
	//MENU ITEM 1 SUB ELEMENTS
	my_menu_data['data']['topnav_1']['data'] = new Array();
	my_menu_data['data']['topnav_1']['data']['topnav_1_0']  = {label:"Growing up",url:"default.asp?ipageid=45"}; 
my_menu_data['data']['topnav_1']['data']['topnav_1_1']  = {label:"In Italy",url:"default.asp?ipageid=46"}; 
my_menu_data['data']['topnav_1']['data']['topnav_1_2']  = {label:"In Africa Again",url:"default.asp?ipageid=105"}; 
my_menu_data['data']['topnav_1']['data']['topnav_1_3']  = {label:"Augustine in general",url:"default.asp?ipageid=148"}; 
my_menu_data['data']['topnav_1']['data']['topnav_1_4']  = {label:"His era",url:"default.asp?ipageid=184"}; 

	
	//my_menu_data['data']['topnav_1']['data']['topnav_1_0'] = {label:"Growing Up",url:"http://www.google.com"};
	//my_menu_data['data']['topnav_1']['data']['topnav_1_1'] = {label:"In Italy",url:"javascript:;"};
	//my_menu_data['data']['topnav_1']['data']['topnav_1_2'] = {label:"In Africa",url:"javascript:;"};
	//my_menu_data['data']['topnav_1']['data']['topnav_1_3'] = {label:"In General",url:"javascript:;"};
	//my_menu_data['data']['topnav_1']['data']['topnav_1_4'] = {label:"His Era",url:"javascript:;"};
	
	//MENU ITEM 2
	my_menu_data['data']['topnav_2'] = {label:"Works of Augustine"};
	//MENU ITEM 2 SUB ELEMENTS
	my_menu_data['data']['topnav_2']['data'] = new Array();
	my_menu_data['data']['topnav_2']['data']['topnav_2_0']  = {label:"His writings",url:"default.asp?ipageid=223"}; 
my_menu_data['data']['topnav_2']['data']['topnav_2_1']  = {label:"His Spiritual Tradition",url:"default.asp?ipageid=282"}; 
my_menu_data['data']['topnav_2']['data']['topnav_2_2']  = {label:"His Ideas",url:"default.asp?ipageid=305"}; 
my_menu_data['data']['topnav_2']['data']['topnav_2_3']  = {label:"His Impact",url:"default.asp?ipageid=367"}; 

	//my_menu_data['data']['topnav_2']['data']['topnav_2_0'] = {label:"Label 1"};
	//my_menu_data['data']['topnav_2']['data']['topnav_2_1'] = {label:"Label 2"};
	//my_menu_data['data']['topnav_2']['data']['topnav_2_2'] = {label:"Label 3"};
	
	//MENU ITEM 3
	my_menu_data['data']['topnav_3'] = {label:"Order of Saint Augustine"};
	my_menu_data['data']['topnav_3']['data'] = new Array();
	my_menu_data['data']['topnav_3']['data']['topnav_3_0']  = {label:"Community",url:"default.asp?ipageid=433"}; 
my_menu_data['data']['topnav_3']['data']['topnav_3_1']  = {label:"Today",url:"default.asp?ipageid=456"}; 
my_menu_data['data']['topnav_3']['data']['topnav_3_2']  = {label:"Projects",url:"default.asp?ipageid=487"}; 
my_menu_data['data']['topnav_3']['data']['topnav_3_3']  = {label:"Friends of the Order",url:"default.asp?ipageid=522"}; 

	//MENU ITEM 4
	my_menu_data['data']['topnav_4'] = {label:"History"};
	my_menu_data['data']['topnav_4']['data'] = new Array();
	my_menu_data['data']['topnav_4']['data']['topnav_4_0']  = {label:"General",url:"default.asp?ipageid=554"}; 
my_menu_data['data']['topnav_4']['data']['topnav_4_1']  = {label:"Regional History",url:"default.asp?ipageid=620"}; 
my_menu_data['data']['topnav_4']['data']['topnav_4_2']  = {label:"Places",url:"default.asp?ipageid=623"}; 
my_menu_data['data']['topnav_4']['data']['topnav_4_3']  = {label:"People",url:"default.asp?ipageid=624"}; 

	//MENU ITEM 5
	my_menu_data['data']['topnav_5'] = {label:"Photo Gallery"};

	//MENU ITEM 5 SUB ELEMENTS
	
	
	//return data array
	return(my_menu_data);
}//end function f_menu_db(my_array)

//handles hiding menu elements
function f_menu_hide(myArray){
	//hold list of sub menu refs for this page
	//retrieve from global
	var my_list = g_menu_ids_list;
	
	//iterate through id list
	for(i in my_list){
		//get menu object
		//menu object is a div containing menu elements
		var my_object_name = my_list[i];
		var my_object_menu = document.getElementById(my_object_name);
		
		//make menu divs invisible 
		my_object_menu.style.visibility='hidden';
	}//end for
	
	//reset all menu buttons
	f_menu_button({object:""});
}//end function f_menu_hide

//handles showing menu elements
function f_menu_show(my_array){
	//get rollover object
	//rollover object is the page element calling this function
	var my_object_rollover = my_array['object'];
	//var my_object_rollover = document.getElementById(my_object.id);
	
	//CHECK FOR SUB MENU ITEMS
	//check if sub menu items defined in data
	if(g_db['data'][my_object_rollover.id]['data']!=undefined){//sub menu items found
	
		//POPULATE MENU ITEMS TO SUB MENU DIV
		//initialise container for html text
		var my_html = "";
		//write html to use as divider between menu items
		var my_html_divider = " <span class='pipe'>|</span>";
		//track menu sub item count
		var my_count = 0;
		//iterate through sub menu items
		for(i in g_db['data'][my_object_rollover.id]['data']){
			//put a space before each item except the first
			if(my_count != 0){my_html = my_html + " "};
			//open URL link if needed
			if(g_db['data'][my_object_rollover.id]['data'][i]['url'] != undefined){//URL defined in data
				my_html = my_html + "<a href='" + g_db['data'][my_object_rollover.id]['data'][i]['url'] + "' class='topnav_link'>";
			}//end if(g_db['data'][my_object_rollover.id]['data'][i]['url'] != undefined)
			//write LABEL
			my_html = my_html + g_db['data'][my_object_rollover.id]['data'][i]['label'];
			//close URL link if needed
			if(g_db['data'][my_object_rollover.id]['data'][i]['url'] != undefined){//URL defined in data
				my_html = my_html + "</a>";
			}//end if(g_db['data'][my_object_rollover.id]['data'][i]['url'] != undefined)
			//write DIVIDER between menu elements
			my_html = my_html + my_html_divider;
			
			my_count = my_count + 1;
		}//end for(i in g_db['data'][my_object_rollover.id]['data'])
		//remove last divider
		my_html = my_html.substring(0,my_html.length - my_html_divider.length);		
		
		//WRITE HTML TO SUB OBJECT
		var my_object_sub = document.getElementById("sub_0_content");
		my_object_sub.innerHTML = my_html;
		
		//POSITION SUB OBJECT
		//get sub object ref
		my_object_sub = document.getElementById("sub_0");
		//set menu layer left position
		//get adjoining left side image td
		my_object_left = document.getElementById(my_object_rollover.id + "_left");
		var my_x = 0;
		//check if sub menu exceeds page width
		if((f_loc_x({object:my_object_left}) + my_object_sub.offsetWidth) > g_page_width){//exceeds page width
			var my_object_right = document.getElementById(my_object_rollover.id + "_right");
			my_x = (f_loc_x({object:my_object_right}) + my_object_right.offsetWidth) - my_object_sub.offsetWidth;
		}else{//within page width
			my_x = f_loc_x({object:my_object_left});
		}//end if((f_loc_x({object:my_object_left}) + my_object_sub.offsetWidth) > g_page_width)
		//set left
		my_object_sub.style.left = my_x + "px";
		
		//ensure that rollover object does not pass mouseover event
		//default document mouseover event set to hide menu subs 
		my_array['event'].cancelBubble = true;
		
		//SHOW MENU SUB
		my_object_sub = document.getElementById("sub_0");
		my_object_sub.style.visibility='visible';
		
	}else{//no sub menu items found
		//hide menu sub
		f_menu_hide();
	}//end if(g_db['data'][my_object_rollover.id]['data']!=undefined)
	
}//end function f_menu_show()