/***************************************************/
/* Code for showing and hiding layers for sub-menu display */
/* written by L. J. Sun  */

var browser, version, ie, netscape
//browser Name
browser = navigator.appName;
//browser version
version = navigator.appVersion.substring(0,1);
ie = "Microsoft Internet Explorer";
netscape = "Netscape";

// first define these tabs for the sub-menu
function create_menutabs() { 	
	tabs = new Array ();
	tabs[0] = "cat1";
	tabs[1] = "cat2";
	/*tabs[2] = "cat3";
	tabs[3] = "cat4";
	tabs[4] = "cat5";
	tabs[5] = "cat6";
	tabs[6] = "cat7";
	tabs[7] = "cat8";*/
}
/*
// these functions are already included in the file "menu.js"
/////////////////////////////////////////////////////////////
function show(tab) {
        if (browser == netscape) {
                document.layers[tab].visibility = 'visible';
        }
    else if (browser == ie) {
                document.all[tab].style.visibility = 'visible';
    }
}
function hide(tab) {
        if (browser == netscape) {
                document.layers[tab].visibility = 'hidden';
        }
        else if (browser == ie) {
                document.all[tab].style.visibility = 'hidden';
        }
}
function display(tab) {
        for (var i = 0; i < tabs.length; i++) {
                if (tabs[i] == tab) {
                        show(tabs[i]);   
                }
                else {
                        hide(tabs[i]);
                }
        }
}
/////////////////////////////////////////////////////////////
*/

var layerBody, layerHeader, layerFooter, i
	layerBody = new Array();
	layerHeader = new Array();
	layerFooter = new Array();
// we have 2 sub-menus to draw for this system
	create_menutabs();
		
	
	
	
/**************** sub menu layer 1 *****************************************/		
		layerBody[1] = 
		'<table border="0" cellspacing="0" cellpadding="0" align="left">'
				+	'<tr>'
					+	'<td height="50" align="left" valign="top"><img src="images/shim.gif"></td>'
					+	'</tr>'
					+	'<tr>'
					+	'<td lign="left" valign="top"><img src="images/menu_cat_ane.gif"  border="0" alt=""></td>'
					+	'</tr>'
					+'<tr>'
					+'<td height="3" align="left" VALIGN="top"><img src="images/shim.gif"></td>'
					+'</tr>'
					+	'<tr>'
					+	'<td lign="left" valign="top"><a href="cat_ane1.htm" TARGET="_top"><img src="images/menu_cat_ane1.gif" border="0" alt=" " ></a></td>'
					+	'</tr>'
					+'<tr>'
					+'<td height="3" align="left" VALIGN="top"><img src="images/shim.gif"></td>'
					+'</tr>'
					+	'<tr>'
					+	'<td lign="left" valign="top"><a href="cat_ane2.htm" TARGET="_top"><img src="images/menu_cat_ane2.gif" border="0" alt=" " ></a></td>'
					+	'</tr>'
					+'<tr>'
					+'<td height="3" align="left" VALIGN="top"><img src="images/shim.gif"></td>'
					+'</tr>'
					+	'<tr>'
					+	'<td lign="left" valign="top"><a href="cat_ane3.htm" TARGET="_top"><img src="images/menu_cat_ane3.gif" border="0" alt=" " ></a></td>'
					+	'</tr>'
					+'<tr>'
					+'<td height="3" align="left" VALIGN="top"><img src="images/shim.gif"></td>'
					+'</tr>'
					+	'<tr>'
					+	'<td lign="left" valign="top"><a href="cat_ane4.htm" TARGET="_top"><img src="images/menu_cat_ane4.gif" border="0" alt=" " ></a></td>'
					+	'</tr>'
					+'<tr>'
					+'<td height="3" align="left" VALIGN="top"><img src="images/shim.gif"></td>'
					+'</tr>'
					+	'<tr>'
					+	'<td lign="left" valign="top"><a href="cat_ane5.htm" TARGET="_top"><img src="images/menu_cat_ane5.gif" border="0" alt=" " ></a></td>'
					+	'</tr>'
					+'<tr>'
					+'<td height="3" align="left" VALIGN="top"><img src="images/shim.gif"></td>'
					+'</tr>'					
					+	'<tr>'
					+	'<td lign="left" valign="top"><a href="cat_ane6.htm" TARGET="_top"><img src="images/menu_cat_ane6.gif" border="0" alt=" " ></a></td>'
					+	'</tr>'
					
					+'<tr>'
					+'<td height="3" align="left" VALIGN="top"><img src="images/shim.gif"></td>'
					+'</tr>'
					+	'<tr>'
					+	'<td lign="left" valign="top"><a href="cat_plaza.asp" TARGET="_top"><img src="images/plaza.jpg" border="0" alt=" " ></a></td>'
					+	'</tr>'
					+'<tr>'
					+'<tr>'
					+'<td height="3" align="left" VALIGN="top"><img src="images/shim.gif"></td>'
					+'</tr>'
					+	'<tr>'
					+	'<td lign="left" valign="top"><a href="cat_ane7.htm" TARGET="_top"><img src="images/menu_cat_ane7.gif" border="0" alt=" " ></a></td>'
					+	'</tr>'
					+'<tr>'
					
					
					+'<td height="3" align="left" VALIGN="top"><img src="images/shim.gif"></td>'
					+'</tr>'
					+	'<tr>'
					+	'<td lign="left" valign="top"><a href="cat_lc.htm" TARGET="_top"><img src="images/menu_cat_lc.gif" border="0" alt=" " ></a></td>'
					+	'</tr>'
					+'<tr>'
					+'<td height="3" align="left" VALIGN="top"><img src="images/shim.gif"></td>'
					+'</tr>'
					+	'<tr>'
					+	'<td lign="left" valign="top"><a href="cat_ccc.htm" TARGET="_top"><img src="images/menu_cat_ccc.gif" border="0" alt=" " ></a></td>'
					+	'</tr>'
					+'<tr>'
					+'<td height="3" align="left" VALIGN="top"><img src="images/shim.gif"></td>'
					+'</tr>'
					+	'<tr>'
					+	'<td lign="left" valign="top"><a href="cat_ortho.htm" TARGET="_top"><img src="images/menu_cat_fbs.gif" border="0" alt=" " ></a></td>'
					+	'</tr>'
					+'<tr>'
					+'<td height="3" align="left" VALIGN="top"><img src="images/shim.gif"></td>'
					+'</tr>'
					+	'<tr>'
					+	'<td lign="left" valign="top"><img src="images/menu_cat_acc.gif" border="0" alt=" " ></td>'
					+	'</tr>'
					+'<tr>'
					+'<td height="3" align="left" VALIGN="top"><img src="images/shim.gif"></td>'
					+'</tr>'
					+	'<tr>'
					+	'<td lign="left" valign="top"><a href="cat_acc_10.htm" TARGET="_top"><img src="images/menu_cat_acc_10.gif" border="0" alt=" " ></a></td>'
					+	'</tr>'
					+'<tr>'
					+'<td height="3" align="left" VALIGN="top"><img src="images/shim.gif"></td>'
					+'</tr>'
					+	'<tr>'
					+	'<td lign="left" valign="top"><a href="cat_acc_11.htm" TARGET="_top"><img src="images/menu_cat_acc_11.gif" border="0" alt=" " ></a></td>'
					+	'</tr>'
					+'<tr>'
					+'<td height="3" align="left" VALIGN="top"><img src="images/shim.gif"></td>'
					+'</tr>'
					+	'<tr>'
					+	'<td lign="left" valign="top"><a href="cat_acc_12.htm" TARGET="_top"><img src="images/menu_cat_acc_12.gif" border="0" alt=" " ></a></td>'
					+	'</tr>'
					+'<tr>'
					+'<td height="3" align="left" VALIGN="top"><img src="images/shim.gif"></td>'
					+'</tr>'

				+	'</table>';

		if (browser == netscape) {
			/** layer number i for netscape browser **/ 
			layerHeader[1] = '<layer id="cat1" '
			+ 'onMouseOut="hide(\'cat1\');" onMouseOver="display(\'cat1\');"'
			+ 'left="150" top="78" width="110" height="350" z-index="1" visibility="hide">';
			layerFooter[1] = '</layer>';
			
		}
		else	{ 
			if ( browser == ie) {
			/** layer number i for internet explorer browser**/ 
				layerHeader[1] = 
				'<div id="cat1" style="position:absolute; width:110px; height:350px; z-index:1; left: 150px; top: 78px; overflow: hidden; visibility: hidden"'
			+ 'onMouseOut="hide(\'cat1\');" onMouseOver="display(\'cat1\');">'; 
				layerFooter[1] = '</div>';
			}
		}
		document.write(layerHeader[1]);
		document.write(layerBody[1]);
		document.write(layerFooter[1]);
		
		
		
		
		///////////////////
		
		
		
		
		///////////////////
		
		
/**************** sub menu layer 2 *****************************************/	
		layerBody[2] = 
		'<table border="0" cellspacing="0" cellpadding="0" align="left" background="images/shim.gif">'
					+'<tr>'
					+'<td height="30" align="left" VALIGN="top"><img src="images/shim.gif"><br></td>'
					+'</tr>'
					+'<tr>'
					+'<td align="left" VALIGN="top"><a href="pro_sq.htm" TARGET="_top"><img src="images/menu_product_1.gif"  border="0" alt=""></a></td>'
					+'</tr>'
					+'<tr>'
					+'<td height="3" align="left" VALIGN="top"><img src="images/shim.gif"><br></td>'
					+'</tr>'
					+'<tr>'
					+'<td align="left" VALIGN="top"><a href="pro_wc.htm" TARGET="_top"><img src="images/menu_product_2.gif"  border="0" alt=""></a></td>'
					+'</tr>'
					+'<tr>'
					+'<td height="3" align="left" VALIGN="top"><img src="images/shim.gif"><br></td>'
					+'</tr>'
					+'<tr>'
					+'<td align="left" VALIGN="top"><a href="pro_gc.htm" TARGET="_top"><img src="images/menu_product_3.gif"  border="0" alt=""></a></td>'
					+'</tr>'
					+'<tr>'
					+'<td height="3" align="left" VALIGN="top"><img src="images/shim.gif"><br></td>'
					+'</tr>'
				//	+'<tr>'
				//	+'<td align="left" VALIGN="top"><a href="pro_res.htm" TARGET="_top"><img src="images/menu_product_4.gif"  border="0" alt=""></a></td>'
				//	+'</tr>'
					
				+'</table>';
		

		if (browser == netscape) {
			/** layer number i for netscape browser **/ 
			layerHeader[2] = 
			'<layer id="cat2" onMouseOut="hide(\'cat2\');" onMouseOver="display(\'cat2\');" left="140" top="180" width="130" height="215" z-index="1" visibility="hide">'; 
			layerFooter[2] = '</layer>';
			
		}
		else	{ 
			if ( browser == ie) {
			/** layer number i for internet explorer browser**/ 
				layerHeader[2] = 
				'<div id="cat2" style="position:absolute; width:130px; height:215px; z-index:1; left: 140px; top: 180px; overflow: hidden; visibility: hidden"'
				+ 'onMouseOut="hide(\'cat2\');" onMouseOver="display(\'cat2\');">';
				layerFooter[2] = '</div>';
			}
		}
		document.write(layerHeader[2]);
		document.write(layerBody[2]);
		document.write(layerFooter[2]);
				
		
		
/**************** sub menu layer 3 *****************************************/	
/* we disable the store listing menu and merge all 3 submenu into one
		layerBody[3] = 
		
		'<table border="0" cellspacing="0" cellpadding="0" align="left" background="images/shim.gif">'
					+'<tr>'
					+'<td align="left" VALIGN="top"><a href="http://63.209.228.178/~zburke/alden_shoe/store.php" TARGET="_top"><img src="images/menu_sto_na.gif" width="81" height="10" border="0"></a></td>'
					+'</tr>'
					+'<tr>'
					+'<td height="15" align="left" VALIGN="top"><img src="images/shim.gif"><br></td>'
					+'</tr>'
					+'<tr>'
					+'<td align="left" VALIGN="top"><a href="http://63.209.228.178/~zburke/alden_shoe/store.php" TARGET="_top"><img src="images/menu_sto_e.gif" border="0" width="81" height="11"></a></td>'
					+'</tr>'
					+'<tr>'
					+'<td height="15" align="left" VALIGN="top"><img src="images/shim.gif"><br></td>'
					+'</tr>'
					+'<tr>'
					+'<td align="left" VALIGN="top"><a href="http://63.209.228.178/~zburke/alden_shoe/store.php" TARGET="_top"><img src="images/menu_sto_ap.gif" border="0" width="81" height="10"></a></td>'
					+'</tr>'
			+'</table>';


*/


/*		if (browser == netscape) {
			// layer number i for netscape browser // 
			layerHeader[3] = 
			'<layer id="cat3" onmouseover="display(\'cat3\');" onmouseout="hide(\'cat3\');" left="140" top="287" width="84" height="215" z-index="1" visibility="hide">'; 
			layerFooter[3] = '</layer>';
			
		}
		
		else	{ 
			if ( browser == ie) {
			// layer number i for internet explorer browser // 
				layerHeader[3] = 
				'<div id="cat3" style="position:absolute; width:84px; height:215px; z-index:1; left: 140px; top: 287px; overflow: hidden; visibility: hidden"'
				+ 'onmouseover="display(\'cat3\');" onmouseout="hide(\'cat3\');">';
				layerFooter[3] = '</div>';
			}
		}
		document.write(layerHeader[3]);
		document.write(layerBody[3]);
		document.write(layerFooter[3]);
		
		*/

/****************************************************************************/
/********* Generating the sub-menus see "menu_gen.js" ************************/
