//********************************************************************************>
// main.js
//
// This script generates the layout, and contains variables & functions for general 
// use across the site 
// It should be referenced in EVERY page.
//
//********************************************************************************>





//********************************************************************************>
// GLOBAL DECLARATIONS, styles, etc
// At the end of var declarations, call script that loads site-specific values

var SiteRoot		= './'		//Relavitve "./" or absolute "/" or "http://somesite.com"
var TotalWidth		= "850"		//Total width of page layout
var MainWidth		= '100%'	//TotalWidth-Left_Column_Width?
var Left_Column_Width	=   0	//

var MasterBorder	= 0		//border for single cell table around entire page
var MasterBorder1	= 0		//border for table that defines page layout
var HeaderBorder	= 0		//for single cell table used around page header

var MenuBarWidth	= 10	//currently determined by width of Menu item text, and overall width
var MenuBarBorder	= 0		//border for table around the menu bar, 
var MenuBarBGColor	= 'silver'

var MainBorder		= 0		//for (usualy single cell) table around primary page contents
var MainMargin		= 15
var MenuBarMargin	= 0

var FooterBorder	= 0

var MasterPageTitle	= 'Page Title -  '
var LocalPageTitle	= '';
var PageTitlePadding= ' &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ';

var PageBanner_img			= 'images/logos/banner_01.jpg'
var PageBanner_alt			= 'Banner Image'
var PageBanner_bgcolor		= '#CF0000'	//Not currently used. Using class .banner_bg in main.css instead.
var PageBanner_border_width = "0px"
var PageBanner_border_color = "black"	//#CF0000 SanTanRed

var copyright_tag = 'Copyright'

var menu_imgs ='images'			//path to img's for menu items
var menu_item = 0;  			//current menu item
var menu_items= 1; 				//number of menu items
var menu_item_txt = new Array(); //alt text
var menu_item_img = new Array(); //file name of img
var menu_item_url = new Array(); //duh
var menu_item_tgt = new Array(); //target window for _url

var sponsors_images = 'images/sponsors/';
var sponsors_cnt = 0;
var sponsors_txt = new Array();
var sponsors_img = new Array();
var sponsors_url = new Array();

var related_imgs   ='images/related_links/'
var related_links_txt = new Array();
var related_links_img = new Array();
var related_links_url = new Array();
//var related_link = 0;  //current link
//var related_links= 1;  //number of links

var x = 0;

//********************************************************************************>





//********************************************************************************>
// main_site_config.js contains implementation specific values

document.write('<script language="JavaScript" src="main_site_config.js"></script>');

//********************************************************************************>





//********************************************************************************>
function layout_top() {

	document.write('<html><head><title>' + MasterPageTitle + LocalPageTitle + ' &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </title>');

	document.write('<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />');
	
	document.write('<link rel="stylesheet" href="main.css"></head>')
	
	document.write('<body link=#0000A0 vlink=#0000A0 TOPMARGIN="0">');

	document.write('<A name=top></A>');
	document.write('<center>');

	//single cell table around entire page
	document.write('<table style="table-layout: fixed" border='+ MasterBorder  +' width='+ TotalWidth +' cellspacing=0 cellpadding=0><tr><td>');

	//----Master Header----
	document.write('<table border='+ HeaderBorder+' width="100%" cellspacing=0 cellpadding=0 bgcolor="'+ PageBanner_bgcolor +'"><tr><td align=center valign=center class=banner_bg>');
	document.write('<a href="' + SiteRoot + '">');
	document.write('<img src="'+ PageBanner_img +'" alt="'+ PageBanner_alt +'" style="border-width: '+ PageBanner_border_width +'; border-color:'+ PageBanner_border_color +';"></a>');
	
	MainMenuBar(); 

	//---- Close Master Header ----
	document.write('</td></tr></table>');
	
	//table that defines primary page layout
	document.write('<table border='+ MasterBorder1 +' width="100%" cellspacing=0 cellpadding=0 bgcolor=white>');
	document.write('<tr>');
	
	//---- Left Column - currently empty----
	document.write('<td width='+ Left_Column_Width +' valign=top bgcolor='+ MenuBarBGColor +' >');
	document.write('</td>');

	//---- Middle Column / START OF MAIN CONTENT ----
	document.write('<td class="MAIN_CONTENT" width=',MainWidth,' valign=top>');
	//Create a nested table within main cell of master table (between header & footer)
	//It will have only ONE row, and will be the primary section of the page.
	//Individual pages can add another </td><td> to make it two (or more) columns if needed
	document.write('<table border='+ MainBorder +' cellspacing=0 cellpadding=' + MainMargin + ' width=100%><tr><td>');

}//end layout_top
//********************************************************************************>





//********************************************************************************>
function layout_bottom() {

	//LocalPageTitle not available until after top of page is loaded
	document.title = MasterPageTitle + LocalPageTitle;

	document.write('</td></tr></table>'); //Close nested table containing main content of page

	//---- Right Column ----
	document.write('<td class="RIGHT_SIDE">')
	
	Sponsor_Logos()		//Show Sponsor Logos

	document.write('<br><hr width="80%"><br>')

	//show_related_links("V") // "V"=Vertical - only show here if not many sponsors

	document.write('</td>') // Close Right Column

	document.write('</td></tr></table>'); //close table defining page layout (between header & footer)
	

	//---- Footer ----
	document.write('<table border=0 cellpadding=0 cellspacing=0 width=100%><tr><td class="FOOTER1">');
	show_related_links("H");
	document.write('</td></tr></table>');
	
	document.write('<table width=100% cellpadding=0 cellspacing=0 border=' + FooterBorder + '><tr><td bgcolor=silver>');
	document.write('<center><font size=-1 color=#555555>')
	document.write(copyright_tag);
	document.write('</font></center>')
	document.write('</td></tr></table>');

	document.write('</td></tr></table>');//close single cell table around entire page
	document.write('</center></body></html>')

}//end layout_bottom()
//********************************************************************************>





//********************************************************************************>
function MainMenuBar() { //no buttons

	var MMB_HTML = "" //Main Menu Bar HTML

	document.write('<table border=',MenuBarBorder,' class="menu_bar" ><tr>');

	//menu_item declared globally
	//menu_items in main_site_specific.js

	for (menu_item = 1; menu_item <= menu_items; menu_item=menu_item + 1) {

		//Do not break up the following line between <tags><\tags>, or the layout breaks.
		//It is ok to split the line intra-<a>-tag.
		//Issue did not appear until some options moved from javascript variables to css values.
		MMB_HTML  = '<td><a href="' + menu_item_url[menu_item] + '" class="menu_bar" target="' + menu_item_tgt[menu_item] + '"> ';
		MMB_HTML += '<div>' + menu_item_txt[menu_item] +'</div></a></td>';
		document.write(MMB_HTML);
			
		//Split menu items into two rows
		if(menu_item == 6){  document.write('</tr><tr>');  }
			
	}//end for menu_item

	document.write('</tr></table>')

}//end MainMenuBar()
//********************************************************************************>






//********************************************************************************>
function show_related_links(VorH) {

	document.write('<center>');

	document.write('<a  href="' + related_links_url[02] + '" target="_blank">');
	document.write('<img src="' + related_links_img[02] + '" style="border: none; margin: 1em" alt="' + related_links_txt[02] + '"></a>');

	if(VorH == "V"){//To display Vertically, add line break. Not all browsers auto-wrap.
		document.write('<br>');
	}//end if

	document.write('<a  href="' + related_links_url[01] + '" target="_blank">');
	document.write('<img src="' + related_links_img[01] + '" style="border: none; margin: 1em" alt="' + related_links_txt[01] + '"></a>');
	
	if(VorH == "V"){//To display Vertically, add line break. Not all browsers auto-wrap.
		document.write('<br>');
	}//end if

	document.write('<a  href="' + related_links_url[03] + '" target="_blank">');
	document.write('<img src="' + related_links_img[03] + '" style="border: none; margin: 1em" alt="' + related_links_txt[04] + '"></a>');

	document.write('</center>');
}//end show_related_links()
//********************************************************************************>





//********************************************************************************>
function Sponsor_Logos() {

	document.write('<center>');

	//sponsors_cnt determined in main_site_specific.js
	for (var sponsor = 1; sponsor <= sponsors_cnt; sponsor = sponsor + 1) {
	 
		if(sponsors_url[sponsor] != ''){
			document.write('<a href="'+ sponsors_url[sponsor] + '" target="_blank">');
		};//End if
	 
		document.write('<img src="'+ sponsors_img[sponsor] +'" style="border-style: solid; border-color: white; border-width: 2;" alt="' + sponsors_txt[sponsor] + '">');
	 
		if(sponsors_url[sponsor] != ''){ 
			document.write('</a>');
		};//End if

		document.write('<hr color=white>');
	 
	}//End for

	document.write('</center>');

}//end Sponsor_Logos()
//********************************************************************************>

