	<!--


	/*  This script generates the side navigation bar that is 150 px wide and a spacer column to the right of it that is 40 px wide.  It goes on all the web pages.  This script needs the rollover file called bulletChange.js

	*/

	document.writeln("<td valign='top' bgcolor='#cccc99' class='nav'>");

	document.writeln("<img src='images/spacer.gif' width='150' height='10' border='0'><br>");
	document.writeln("<font color='white' face='bookman old style'>")

	//  REGION NAVIGATION LINKS

	var navNumber = new Array("Home",

							"About Us",

							"News",

							"Projects",

							"Grants",

							"Join SWE",

							"Photo Album",

							"Support SWE",

							"Scholarships",

							"Career",

							"Contact Us");


	var linkList = new Array ("index.html",

						"aboutus/index.html",

						"news/news.html", 

						"projects/projects.html",

						"grants/grants.html",

						"membership/join.html",

						"photoalbum/photoalbum.html",

						"products/products.html",

						"scholarships.html",

						"career/career.html",

						"contact.html");


	var titleList = new Array ("Home",

							"About Us",

							"News",

							"Projects",

							"Grants",

							"Join SWE",

							"Photo Album",

							"Support SWE",

							"Scholarships",

							"Career Guide",

							"Contact Us");


	for (i=0; i<navNumber.length; i++) {

		document.writeln("<img src='images/gr_dot.gif' name='bullet"     +navNumber[i]+    "' align='center' width='15' height='15'>");

		document.writeln("<a href='"      +linkList[i]+      "' ");

		document.writeln("onMouseover='bulletChange(\"bullet"      +navNumber[i]+       "\",\"bulletOn\");' ");

		document.writeln("onMouseout='bulletChange(\"bullet"      +navNumber[i]+       "\",\"bulletOff\");'> "   +titleList[i]+    "</a><br>");

	}

	document.writeln("</td>");


	/* *********   THIS SCRIPT SIZES THE PAGE TO FILL OUT THE BROWSER WINDOW FROM TOP TO BOTTOM   **********  */


	var headerH=120; footerH=90;

	if (document.layers) {

		winH = window.innerHeight;

	} else if (document.all) {

		winH = document.body.offsetHeight-4;				

	} else {

		winH = 380 + headerH  + footerH;

	}

	spacerH = winH - headerH - footerH;

	document.write("<td bgcolor='#ffffff' valign='top'><img src='images/spacer.gif' width='40' height=" + spacerH + " border='0'></td>");

	document.write("</font>");
	//-->

