/**********************************************************
			  R e f e r e n c e
***********************************************************/
/**********************************************************
	
	B r o w s e r   F u n c t i o n a l i t y
	
	doImage   =  allows for image rollover scripts - most browsers
	doStyle   =  allows for modification of element styles on the page
				 (IE4+ & W3C DOM browsers)
	doDOM	  =  allows changes in the page DOM, exp/col menus, etc.
				 {W3C DOM only}
	W3C DOM   =  win IE5+, mac IE5+, NN6+, Mozilla1+, Opera ?
				 browser that allows for document.getElementById()
				
	E l e m e n t   I D s 
	
	theme + TL	   = <a> element id for theme "text link" ROs	
	theme + TIL	   = <img> element id for theme "top image link" ROs	
	theme + BIL	   = <img> element id for theme "bottom image link" ROs	
	subTheme + TL  = <a> element id for sub theme "text link"	
	view + VIL	   = <img> element id for "view imagw link" ROs	

	M e n u   E l e m e n t   I D s 

	menuTable		   = root <table> element id "side nav table"		
	menuTR + page.ID = <tr> element id for pages "side nav table row"		
	menuTD + page.ID = <td> element id for pages "side nav table row"		
	menuTL + page.ID = <a> element for the page	
	menuML + page.ID = plus/minus menu link for the page or spacer gif	

	Menu Object Model ( # = page.ID )
 	
	<table id="menuTable">
		<tr id="menuTR#">
			<td id="menuTD#">
				<table>
					<tr>
						<td><img spacer/></td>	
						<td><img id="menuML#"/></td>
						<td><a id="menuTL#"></a></td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
	
	I m a g e   A r r a y s [ ]

	on/offImg[theme]	= cashed theme on/off RO images	
	on/offImg[view]		= cashed view link RO images
	menuImg[string]		= cashed ref to side nav RO images
	
	P a g e s   A r r a y [ ]
	
	pages[]	   =  theme + "Pages.js", 
				  initPages() - protected  by  doStyle

		
***********************************************************/

/**********************************************************
			I n i t i a l i z a t i o n 
***********************************************************/

/*  B r o w s e r  A b i l i t i e s  */

var isDOM = (document.getElementById ? true : false); 
var isIE4 = ((document.all && !isDOM) ? true : false);

var doImage = (document.images ? true : false);
var doStyle = (( isIE4 || isDOM ) ? true : false);
var doDOM = isDOM;



/**********************************************************
          E l e m e n t   R e f r e n c e s  
***********************************************************/

/*     g e t R e f ( )      */
function getRef(ID) {
	if (isDOM)	return document.getElementById(ID);
	if (isIE4) return document.all[ID];
}

/*     g e t S t y l e ( )     */
function getStyle(ID) {
	return getRef(ID).style;
}