var IE4 = (document.all) ? 1:0;
var NN6 = (document.getElementsByTagName("div")) ? 1:0;
var MAC = 0;

if (NN6 && IE4) {
NN6 = 0;
}

if (navigator.appVersion.indexOf("Mac")!=-1 && IE4) {
IE4 = 0;
MAC = 1;
}

image1 = new Image();
image1.src = "arrow1.gif";
image2 = new Image();
image2.src = "blspace.jpg";
image3 = new Image();
image3.src = "blspace2.jpg";
image4 = new Image();
image4.src = "lowbar.jpg";
image5 = new Image();
image5.src = "titlebar.jpg";
image6 = new Image();
image6.src = "toplink.jpg";
image7 = new Image();
image7.src = "map.jpg";

var space = "        ";

var about0 = "about.overview.html"; var about0d = "overview";
var about1 = "about.admin.contacts.html"; var about1d = "admin contacts";
var about2 = "about.personnel.html"; var about2d = "personnel";

var res0 = "research.facilities.html"; var res0d = "facilities";
var res1 = "research.directions.html"; var res1d = "current directions";

var opp0 = "opp.html"; var opp0d = "open positions";

var link0 = "links.general.html"; var link0d = "overview";
var link1 = "links.reciprocal.html"; var link1d = "reciprocal";

var nano0 = "javascript:window.open('http://www.utoronto.ca/ecan/nanotech.vision.html');void('');"; var nano0d = "ECAN's info page";

var about0c = "Learn more about<br>our group.";
var about1c = "Get in touch with<br>EPMG administration.";
var about2c = "Meet our dedicated<br>researchers.";

var res0c = "View a list of our<br>research tools.";
var res1c = "Find out about our<br>current projects.";

var opp0c = "Check for openings<br>at EPMG.";

var link0c = "Browse related sites<br>on the Internet.";
var link1c = "Join our link<br>exchange program.";

var nano0c = "Visit the site of<br>our partner group<br>(opens in new window).";

//<td height=20></td> // vsp


var str = "<table border=0 width=150 cellpadding=0 cellspacing=0>";
var vsp = "<tr><td width=8 height=25><font class='title'>&nbsp;</font></td></tr>";

var ahead = "<tr><td bgcolor='#00007D' width=8 height=25 onMouseOver='keep=1;' onMouseOut='hidedelay();'><img src='arrow1.jpg' border=0></td>";
var bhead = "<tr><td bgcolor='#00007D' width=8 height=25 onMouseOver='keep=1;' onMouseOut='hidedelay();'><img src='blspace.jpg' border=0></td>";
var item = "<td bgcolor='#7DA7D9' width=20 height=25 onMouseOver='keep=1;' onMouseOut='hidedelay();'>&nbsp;</td><td colspan=2 bgcolor='#7DA7D9' width=122 height=25 onMouseOver='keep=1;' onMouseOut='hidedelay();'><a class='menu' href='";
var mid = "' onMouseOver='keep=1;' onMouseOut='hidedelay();'>";
var end = "</a></td></tr>";
var bot = "<tr><td bgcolor='#00007D'><img src='blspace.jpg' height=8 border=0></td><td colspan=3 bgcolor='#7DA7D9'><img src='blspace2.jpg' height=8 border=0></td></tr></table> ";

var dbegin = bhead + "<td bgcolor='#7DA7D9' width=20 height=15 onMouseOver='keep=1;' onMouseOut='hidedelay();'>&nbsp;</td><td bgcolor='#7DA7D9' width=10 height=15 onMouseOver='keep=1;' onMouseOut='hidedelay();'>&nbsp;</td>";
var dtwo = "<td bgcolor='#7DA7D9' width=112 height=15 onMouseOver='keep=1;' onMouseOut='hidedelay();'><font class='sub'>";
var dend = "</font></td></tr>";

var blank = " ";

var aboutm = str + vsp +
ahead + item + about0 + mid + about0d + end +
dbegin + dtwo + about0c + dend +
bhead + item + about1 + mid + about1d + end +
dbegin + dtwo + about1c + dend +
bhead + item + about2 + mid + about2d + end + 
dbegin + dtwo + about2c + dend + bot;

var resm = str + vsp + vsp +
ahead + item + res0 + mid + res0d + end + 
dbegin + dtwo + res0c + dend +
bhead + item + res1 + mid + res1d + end +
dbegin + dtwo + res1c + dend + bot;

var oppm = str + vsp + vsp + vsp +
ahead + item + opp0 + mid + opp0d + end +
dbegin + dtwo + opp0c + dend + bot;

var linm = str + vsp + vsp + vsp + vsp +
ahead + item + link0 + mid + link0d + end + 
dbegin + dtwo + link0c + dend +
bhead + item + link1 + mid + link1d + end +
dbegin + dtwo + link1c + dend + bot;

var nanom = str + vsp + vsp + vsp + vsp + vsp +
ahead + item + nano0 + mid + nano0d + end +
dbegin + dtwo + nano0c + dend + bot;

var keep = 0;

// this function provides proper placement in window
function init() {
	if (NN6) {
		block1 = document.getElementById("main").style;
		block2 = document.getElementById("title").style;
		block3 = document.getElementById("submenu").style;
		winw = window.innerWidth-16;
		winh = window.innerHeight-16;
		if  (((winw - 775) / 2) > 0) {
			spc = Math.ceil(((winw - 775) / 2)) + 1;
		}
		else {
			spc = 0;
		}
		block1.left = spc;
		block2.left = spc + 380;
		block3.left = spc + 181;
	}
	if (IE4 || MAC) {
		block1 = main.style;
		block2 = title.style;
		block3 = submenu.style;
		winw = document.body.offsetWidth-20;
		winh = document.body.offsetHeight-20;
		if  (((winw - 775) / 2) > 0) {
			spc = Math.ceil(((winw - 775) / 2)) - 2;
		}
		else {
			spc = 0;
		}
		block1.left = spc;
		block2.left = spc + 380;
		block3.left = spc + 181;
	}
}

// this function displays the submenu
function showdiv(menutext) {
	keep = 1;
	if(NN6) {
		document.getElementById("submenu").innerHTML = menutext;
	}
	if(IE4) {
		document.all("submenu").innerHTML = menutext;
	}
	block3.visibility = "visible";
}

// this function hides the submenu
function hidediv() {
	if (keep == 0) {
		if(NN6 || IE4) {
			block3.visibility = "hidden";
		}
	}
}

// this function delays the removal of hidden layers
function hidedelay() {
	keep = 0;
	setTimeout('hidediv()',100);
}

// this function provides the collapsible outline feature
function toggleout(divname) {
	if(NN6) {
		if (document.getElementById(divname).style.display == "block") {
			document.getElementById(divname).style.display = "none";
		} else {
			document.getElementById(divname).style.display = "block";
		}
	}
	if(IE4 || MAC) {
		if (document.all(divname).style.display == "block") {
			document.all(divname).style.display = "none";
		} else {
			document.all(divname).style.display = "block";
		}
	}
}

window.onresize = init;
window.onload = init;