//********************************************************************************>
// main.js
//
// This script contians 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 TotalWidth		= 800		//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 link buttons
var MenuBarBorder	= 0		//border for table around the menu bar, 
var MenuBarBGColor	= 'silver'

var MainBorder		= 0		//for (single cell) table around primary page contents
var MainMargin		= 015
var MenuBarMargin	= 0

var SubHeaderBorder	= 0
var SubHeaderspacing= 0
var SubHeaderWidth	= '100%'

var FooterBorder	= 0

var MasterPageTitle	= 'Page Title -  '
var LocalPageTitle	= MasterPageTitle

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 sponsors_cnt = 0;
var sponsors_txt = new Array();
var sponsors_img2 = 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

//********************************************************************************>





//********************************************************************************>
// main_site_specific.js contains implementation specific values

document.write('<script language="JavaScript" src="main_site_specific.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="./">');
	document.write('<img src="'+ PageBanner_img +'" alt="'+ PageBanner_alt +'" style="border-width: '+ PageBanner_border_width +'; border-color:'+ PageBanner_border_color +';"></a>');
	
	MainMenuBar(); 

	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-----
	document.write('<td width='+ Left_Column_Width +' valign=top bgcolor='+ MenuBarBGColor +' >');

	document.write('</td>');

	//<!-- START OF CONTENT -->
	document.write('<td 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() {

	document.write('</td></tr></table>'); //Close nested table containing main content of page

	document.write('<td>')
	
	Sponsor_Logos()		//Show Sponsor Logos
	document.write('<br>')

	show_related_links("V") //V(ertical) adds a <br>. Not all browsers auto-wrap.
	document.write('</td>')

	document.write('</td></tr></table>'); //close table defining page layout (between header & footer)
	
	document.write('<table border=0 cellpadding=0 cellspacing=0 width=100%><tr><td bgcolor=white>');

	show_related_links();

	document.write('</td></tr></table>');
		
	//Footer
	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() {

	document.write('<table border=',MenuBarBorder,' class="menu_bar" Xcellspacing=0 Xcellpadding=' + MenuBarMargin + ' width=100%><tr>');

	//menu_items set 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 may be ok to split the line intra-<a>-tag.
		//This only became an issue after moved some style and layout details from javascript variables, to css (in main.css).
		document.write('<td><a href="' + menu_item_url[menu_item] +'" title="Linky1" class=');  //layout ok if line split in middle of <a> tag.
		document.write('"menu_bar"><div>' + menu_item_txt[menu_item] + '</div></a>');  //layout also ok if split after <a> tag, ONLY if <a> tag already split.
		document.write('</td>');

		if (menu_item == 6) {	//make menu bar two rows.
			document.write('</tr><tr>');
		}//end if

		
	}//end for menu_item

	document.write('</tr></table>')

}//end MainMenuBar()
//********************************************************************************>






//********************************************************************************>
function show_related_links(VorH) {

	var image_border_color = "white"
	var image_border_width = 15

	document.write('<center>');
	
	//document.write('<font size=-1>San Tan Racing is a proud member of:</font><br>');

	document.write('<a  href="' + related_links_url[02] + '" target="_blank">');
	document.write('<img src="' + related_links_img[02] + '" alt="' + related_links_txt[02] + '" style="border-color: ' + image_border_color + '; border-width: ' + image_border_width + ';"></a>');

	if(VorH == "V"){//if VorH = V(vertical), 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] + '" alt="' + related_links_txt[01] + '" style="border-color: ' + image_border_color + '; border-width: 03;"></a>');

	if(VorH == "V"){//if VorH = V(vertical), 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] + '" alt="' + related_links_txt[03] + '" style="border-color: ' + image_border_color + '; border-width: ' + image_border_width + ';"></a>');

	document.write('</center>');
}//end show_related_links()
//********************************************************************************>





//********************************************************************************>
function Sponsor_Logos() {

	document.write('<center>');

	//sponsors_cnt determined in main_site_specific.js
	for (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_img2[sponsor] +'" style="border-style: solid; border-color: white; border-width: 2;"><br>');

		if(sponsors_url[sponsor] != ''){ 
			document.write('</a>');
		};//End if

	}//End for

	document.write('</center>');

}//end Sponsor_Logos()
//********************************************************************************>
