
function submenu(objName, action){
	document.getElementById(objName).style.visibility = action;
}


function generateSubmenu(){
	var submenu = "";
	for (var k = 0; k<menuArrays.length; k++){
		var ArrayName = eval(menuArrays[k] + 'Array');
		var position = eval(menuArrays[k] + 'Position');

		for (var i = 0; i<ArrayName.length; i++){
			if (typeof ArrayName[i][0] != 'object'){
				if (i == 0){
					submenu += '<tr><td nowrap><a href="'+ArrayName[i][1]+'" class="cssLinkMenuDrop">'+ArrayName[i][0]+'</a></td></tr>';
				} else {
					submenu += '<tr><td bgcolor="#EDB6B8" height="1"><img src="image/spacer.gif" width="1" height="1"></td></tr><tr><td nowrap><a href="'+ArrayName[i][1]+'" class="cssLinkMenuDrop">'+ArrayName[i][0]+'</a></td></tr>';
				}
			}
		}
	
		with(document){
			write('<span id="submenu_' + menuArrays[k] + '" style="position:absolute; left:' + position + '; top:47; visibility:hidden" onMouseOver="submenu(\'submenu_' + menuArrays[k] + '\',\'visible\')"; onMouseOut="submenu(\'submenu_' + menuArrays[k] + '\',\'hidden\')">');
			write('<img src="image/spacer.gif" width="100" height="17"><br>');
			write('<table border="0" cellspacing="0" cellpadding="0" class="cssTableDrop">');
			write('<tr>');
			write('	<td>');
			write('		<table border="0" cellspacing="0" cellpadding="0" class="cssTableDropMenu">');
			write('		<tr>');
			write('			<td>');
			write('				<table border="0" cellspacing="5" cellpadding="0">');
			write(					submenu);
			write('				</table>');
			write('			</td>');
			write('		</tr>');
			write('		</table>');
			write('	</td>');
			write('</tr>');
			write('</table>');
			write('</span>');
		}
		submenu = "";
	}
}


function generateLeftmenu(){
		var fullPath = window.location.pathname;
		for( var i = 1; i<=fullPath.length; i++){
			var  oneChar = fullPath.charAt(fullPath.length-i);
			if (oneChar == "\/" || oneChar == "\\"){
				var pageName =  fullPath.substr(fullPath.length-i+1);
				break;
			}
		}

		for( var i = 0; i<pageName.length; i++){
			var  oneChar = pageName.charAt(i);
			if (oneChar == "_"){
				var topicName =  pageName.substr(0, i);
				break;
			}
		}
		
		if (!topicName){
			topicName = pageName.substr(0, pageName.indexOf("."))
		}

/*
var arr = /[^\\/]+$/.exec(fullPath);
document.write(arr[0]);
*/
//		var topicName = "about";
//		var pageName = "about_overview.htm";
		var selectedPoint = "";
		var selectedPointTopic = "";
		var subTopics = "";

		var ArrayName = eval(topicName + 'Array');
		var ArrayNameImg = eval(topicName + 'ArrayImg');
		var q=0;
		var t=0;

		with(document){
			write('<table width="100%" border="0" cellspacing="0" cellpadding="0">');
			write('<tr>');
			write('	<td width="25">&nbsp;</td>');
			write('	<td width="200" height="30" align="left" valign="top"><a href="'+ArrayNameImg[1]+'" class="cssLeftHeader">'+topicName+'</a></td>');
			write('	<td width="25">&nbsp;</td>');
			write('</tr>');
			write('<tr>');
			write('	<td height="1"><img src="image/spacer.gif" width="1" height="1"></td>');
			write('	<td height="1" bgcolor="#E5E5E5"><img src="image/spacer.gif" width="1" height="1"></td>');
			write('	<td height="1"><img src="image/spacer.gif" width="1" height="1"></td>');
			write('</tr>');
			write('</table>');
		}


		while (q < ArrayName.length){
			t=q;
			if( ArrayName[t][1]==pageName ){
				selectedPointTopic = "Selected";
			} else {
				selectedPointTopic = "";
			}

			if (q < ArrayName.length -1){
				if (typeof ArrayName[q+1][0] == 'object'){
					for (var j=0; j<ArrayName[q+1].length; j++){
						if( ArrayName[q+1][j][1]==pageName ){
							selectedPoint = "Selected";
							selectedPointTopic = "Selected";
						} else {
							selectedPoint = "";
						}
						
						subTopics +='<table width="100%" border="0" cellspacing="0" cellpadding="0">';
						subTopics +='<tr>';
						subTopics +='	<td width="25" class="cssBgPointer">&nbsp;</td>';
						subTopics +='	<td width="200" align="left" valign="middle">';
						subTopics +='		<table width="100%"  border="0" cellspacing="0" cellpadding="0">';
						subTopics +='		<tr>';
						subTopics +='			<td align="left" valign="middle" width="15"><img src="image/pic_marker_submenu.gif" width="3" height="7"></td>';
						subTopics +='			<td align="left" valign="top"><a href="'+ArrayName[q+1][j][1]+'" class="cssLinkMenuLeft'+selectedPoint+'">'+ArrayName[q+1][j][0]+'</a></td>';
						subTopics +='		</tr>';
						subTopics +='		</table>';
						subTopics +='	</td>';
						subTopics +='	<td width="25">&nbsp;</td>';
						subTopics +='</tr>';
						subTopics +='<tr>';
						subTopics +='	<td height="1"><img src="image/spacer.gif" width="1" height="1"></td>';
						subTopics +='	<td height="1" bgcolor="#E5E5E5"><img src="image/spacer.gif" width="1" height="1"></td>';
						subTopics +='	<td height="1"><img src="image/spacer.gif" width="1" height="1"></td>';
						subTopics +='</tr>';
						subTopics +='</table>';
					}			
					q++;
				}
			}
			with(document){
				write('<table width="100%" border="0" cellspacing="0" cellpadding="0">');
				write('<tr>');
				write('	<td width="25" class="cssBgPointer'+selectedPointTopic+'">&nbsp;</td>');
				write('	<td width="200" align="left" valign="middle"><a href="'+ArrayName[t][1]+'" class="cssLinkMenuLeft'+selectedPointTopic+'">'+ArrayName[t][0]+'</a></td>');
				write('	<td width="25">&nbsp;</td>');
				write('</tr>');
				write('<tr>');
				write('	<td height="1"><img src="image/spacer.gif" width="1" height="1"></td>');
				write('	<td height="1" bgcolor="#E5E5E5"><img src="image/spacer.gif" width="1" height="1"></td>');
				write('	<td height="1"><img src="image/spacer.gif" width="1" height="1"></td>');
				write('</tr>');
				write('</table>');
				write(subTopics);
			}
			subTopics = "";
			q++;
		}
}

function generateTopmenu(){

	document.write('<table height="35" border="0" cellspacing="0" cellpadding="0">');
	document.write('<tr>');
	document.write('	<td width="20">&nbsp;</td>');

	for (var k = 0; k<menuArrays.length; k++){
		var ArrayName = eval(menuArrays[k] + 'ArrayImg');
//		document.write('<td valign="bottom"><a href="'+ArrayName[1]+'" onMouseOver="submenu(\'submenu_'+menuArrays[k]+'\',\'visible\')"; onMouseOut="submenu(\'submenu_'+menuArrays[k]+'\',\'hidden\')"><img src="image/'+ArrayName[0]+'" hspace="15" vspace="2" border="0"></a></td>');
		document.write('<td valign="bottom"><a href="'+ArrayName[1]+'"><img src="image/'+ArrayName[0]+'" hspace="15" vspace="2" border="0"></a></td>');
		document.write('<td width="1" bgcolor="#FFFFFF"><img src="image/spacer.gif" width="1" height="1"></td>');
	}

	document.write('	<td valign="bottom"><a href="contact.htm"><img src="image/menu_index_contact.gif" width="43" height="9" hspace="15" vspace="2" border="0"></a></td>');
	document.write('</tr>');
	document.write('</table>');
}
