// JavaScript Document

document.writeln('<table width="100%" border="0" cellspacing="0" cellpadding="0">');
document.writeln('   <tr align="center">');
document.writeln('		<td width="30%" align="left"><a class="topNav" href="/index.html">Home</a></td>');
// Padding cell, no specified width
document.writeln('      <td>&nbsp;</td>');
document.writeln('		<td width="10%"><a class="topNav" href="/office.html">Contact</a></td>');
document.writeln('		<td width="10%"><a class="topNav" href="/bio.html">Bio</a></td>');
document.writeln('		<td width="10%"><a class="topNav" href="/register.html">Register</a></td>');
document.writeln('		<td width="20%"><a class="topNav" href="/about_seminars.html">About the Seminars</a></td>');
// If we need submenus
//document.writeln('		<td style="border-left: 1px solid DarkGray" class="topNav" onmouseover="Menu.show(\'subnav1\')" onmouseout="Menu.hide();"><a class="topNav" href="#">Link, Subtopics</a></td>');
//document.writeln('		<td style="border-left: 1px solid DarkGray" class="topNav" onmouseover="Menu.show(\'subnav2\')" onmouseout="Menu.hide();">Subtopics</td>');
document.writeln('   </tr>');
document.writeln('</table>');

Menu = {timer : null, current : null};
Menu.getStyle = function(name){
	if(document.getElementById) return document.getElementById(name).style;
	else if(document.all) return document.all[name].style;
	else if(document.layers) return document.layers[name];
}
Menu.show = function(name){
	if(this.timer) clearTimeout(this.timer);
	if(this.current) this.doHide();
	this.getStyle(name).visibility = "visible";
	this.current = name;
}
Menu.hide = function(){
	this.timer = setTimeout("Menu.doHide()",100);
}
Menu.doHide = function(){
	if(this.current){
		this.getStyle(this.current).visibility = "hidden";
		this.current = null;
	}
}

// ||||||||||||||||||||||||||||||||||||||||||||||||||
	/*This div is shown and hidden as a submenu under specific link. It is positioned, so if something in the menu
    changes, it will have to be repositioned. */

document.writeln('<div id="subnav1" class="topSubNav" onmouseover="Menu.show(this.id);" style="POSITION: absolute; LEFT: 528px; TOP: 23px; z-index: 10; VISIBILITY: hidden;" onmouseout="Menu.hide();">');
document.writeln('	<layer onmouseover="if(document.layers)Menu.show(\'subnav1\');" onmouseout="if(document.layers)Menu.hide();">');
document.writeln('	<table cellSpacing="0" cellPadding="0" border="0">');
document.writeln('		<tr>');
document.writeln('			<td align="left"><A href="#" class="topNav">subtopic</A></td>');
document.writeln('		</tr>');
document.writeln('		<tr>');
document.writeln('			<td align="left"><A href="#" class="topNav">subtopic</A></td>');
document.writeln('		</tr>');
document.writeln('		<tr>');
document.writeln('			<td align="left"><A href="#" class="topNav">subtopic</A></td>');
document.writeln('		</tr>');
document.writeln('	</table>');
document.writeln('	</layer></div>');

	/* This div is shown and hidden as a submenu under specific link. It is positioned, so if something in the menu
    changes, it will have to be repositioned. */

document.writeln('<div id="subnav2" class="topSubNav" onmouseover="Menu.show(this.id);" style="POSITION: absolute; LEFT: 640px; TOP: 23px; z-index: 10; VISIBILITY: hidden;" onmouseout="Menu.hide();">');
document.writeln('	<layer onmouseover="if(document.layers)Menu.show(\'subnav2\');" onmouseout="if(document.layers)Menu.hide();">');
document.writeln('	<table cellSpacing="0" cellPadding="0" border="0">');
document.writeln('		<tr>');
document.writeln('			<td align="right"><A class="topNav" href="#">subtopic</A></td>');
document.writeln('		</tr>');
document.writeln('		<tr>');
document.writeln('			<td align="right"><A class="topNav" href="#">subtopic</A></td>');
document.writeln('		</tr>');
document.writeln('		<tr>');
document.writeln('			<td align="right"><a class="topNav" href="#">subtopic</a></td>');
document.writeln('		</tr>');
document.writeln('	</table>');
document.writeln('	</layer></div>');
		

