/*
Author: Richard Morrison
Phone: 416-857-5697

Description: The menu displayed here is intended for all PMI Lakeshore chapter pages. This is information is currently set as the left nav menu.
menu1 is intended for view on displays greater than 600 pixel width
menu2 is intended for viewing on displays less than 600 pixels in width

The display of this menu is controled by CSS.

nav.css - used to define layout of nav menu

navIE.css - used to fix display bugs only observed in Internet Explorer

nav_mobile.css - used to define layout of nav menu on displays with resolution less than 600 pixels in width


NOTE: I had problems lining up the Menus so I'm going to do a check and if IE is detected menu2 will be loaded. I will align menu2 using this cript instead of stylesheets. So unfortunately adjustments to the menu will required two updates (an update to menu1 and menu2).

*/


sfHover = function() {
	var sfEls = document.getElementById("verticalNav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);


var root="http://www.pmi-lakeshore.org/";
var vert_menu1="<ul>\
	<li><a href=#>About Us</a>\
	<ul>\
		<li><a href=" + root +"overview.htm>Overview</a></li>\
		<li><a href=#>President's Message</a>\
		<ul>\
			<li><a href=" + root +"president_spring11.htm>Spring(2011)</a></li>\
			<li><a href=" + root +"president_spring10.htm>Spring(2010)</a></li>\
			<li><a href=" + root +"president_spring09.htm>Spring(2009)</a></li>\
			<li><a href=" + root +"president_spring08.htm>Spring(2008)</a></li>\
			<li><a href=" + root +"president_spring07.htm>Spring(2007)</a></li>\
		</ul>\
		</li>\
		<li><a href=" + root +"board.htm>Board of Directors</a></li>\
		<li><a href=" + root +"opps_organization.htm>Operations Organization</a></li>\
		<li><a href=" + root +"position_guides.htm>Position Guides</a></li>\
		<li><a href=" + root +"bylaws.htm>Chapter Bylaws</a></li>\
	</ul>\
	</li>\
	<li><a href=" + root +"faq.htm>FAQs</a></li>\
	<li><a href=#>Membership</a>\
	<ul>\
		<li><a href=" + root +"memb.htm>Information</a></li>\
		<li><a href=" + root +"faq.htm>FAQs</a></li>\
		<li><a href=" + root +"notices/notice_membership.htm>New Member Orientation</a></li>\
		<li><a href=" + root +"renew.htm>Membership - New or Renewal</a></li>\
	</ul>\
	</li>\
	<li><a href=#>Education</a>\
	<ul>\
		<li><a href=" + root +"cert.htm>PMI Certification and Benefits</a></li>\
		<li><a href=" + root +"education.htm>Registered Education Providers</a></li>\
		<li><a href=" + root +"PDUs_from_Chapter.htm>Earning PDUs through Chapter activities</a></li>\
		<li><a href=" + root +"call_for_speakers.htm>Call 4 Speakers</a></li>\
		<li><a href='http://www.pmi.org/Pages/default.aspx'>PMI Knowledge and Wisdom Center</a></li>\
		<li><a href=" + root +"pmi_updates.htm>Updates from PMI</a></li>\
	</ul>\
	</li>\
	<li><a href=" + root +"mentor/mentor.htm>Mentoring</a></li>\
	<li><a href=#>Volunteers</a>\
	<ul>\
		<li><a href=" + root +"volun.htm>Volunteering for the Lakeshore Chapter</a></li>\
		<li><a href=" + root +"volunteer_form.htm>Volunteer Registration</a></li>\
		<li><a href='http://www.pmi.org/GetInvolved/Pages/Volunteer-Opportunities.aspx'>Volunteering for PMI</a></li>\
	</ul>\
	</li>\
	<li><a href=" + root +"partnerships/partnerships.htm>Partnerships</a></li>\
	<li><a href=" + root +"sponsorship.htm>Sponsorship</a></li>\
	<li><a href=" + root +"our.htm>Our Sponsors</a></li>\
	<li><a href=#>Links</a>\
	<ul>\
		<li><a href=" + root +"chapter_links.htm>Chapter Links</a></li>\
		<li><a href=" + root +"industry_links.htm>Industry Links</a></li>\
	</ul>\
	</li>\
	<li><a href=" + root +"contact.htm>Contact Us</a></li>\
	</li>\
</ul>";
/* This code will display menu dependant on the screen size.
to address a problem with IE I am instead going to disable this feature and instead will do a check to see if IE is in use or not

This menu is intended for mobile phones. The goal here is to reduce sublinks. If you have any better ideas feel free to update this list
var vert_menu2="\
<ul>\
    <li><a href=" + root +"overview.htm>Overview</a></li>\
    <li><a href='Spring 2004'>President's Message</a></li>\
    <li><a href=" + root +"board.htm>Board of Directors</a></li>\
    <li><a href=>Operations Organization</a></li>\
    <li><a href=>Position Guides</a></li>\
    <li><a href=>Chapter Bylaws</a></li>\
    <li><a href='faq.htm'>FAQs</a></li>\
    <li><a href='memb.htm'>Membership Info</a></li>\
    <li>Education</li>\
    <li>Mentoring</li>\
    <li>Volunteers</li>\
    <li>Simposium</li>\
    <li>Partnerships</li>\
    <li>Sponsorship</li>\
    <li>Our Sponsors </li>\
    <li>Links</li>\
    <li>Archives </li>\
    <li>Affinity Centre </li>\
    <li>Contact Us </li>\
</ul>\
";

var screenWidth=0;
screenWidth=screen.width;
if (screenWidth >= 640) {
document.write(vert_menu1); }
else {document.write(vert_menu2);}
*/

/*
var vert_menu2="\
	<ul>\
	<li>About Us\
	<ul style='top: 13.6em;'>\
		<li><a href=" + root +"overview.htm>Overview</a></li>\
		<li>President's Message\
		<ul style='top: 14.6em;'>\
			<li><a href=" + root +"president_spring11.htm>Spring(2011)</a></li>\
			<li><a href=" + root +"president_spring10.htm>Spring(2010)</a></li>\
			<li><a href=" + root +"president_spring09.htm>Spring(2009)</a></li>\
			<li><a href=" + root +"president_spring08.htm>Spring(2008)</a></li>\
			<li><a href=" + root +"president_spring07.htm>Spring(2007)</a></li>\
		</ul>\
		</li>\
		<li><a href=" + root +"board.htm>Board of Directors</a></li>\
		<li><a href=" + root +"opps_organization.htm>Operations Organization</a></li>\
		<li><a href=" + root +"position_guides.htm>Position Guides</a></li>\
		<li><a href=" + root +"bylaws.htm>Chapter Bylaws</a></li>\
	</ul>\
	</li>\
	<li><a href=" + root +"faq.htm>FAQs</a></li>\
	<li>Membership\
	<ul style='top: 17.6em;'>\
		<li><a href=" + root +"memb.htm>Information</a></li>\
		<li><a href=" + root +"faq.htm>FAQs</a></li>\
		<li><a href=" + root +"focus/focus.htm>2008 Chapter Survey</a></li>\
		<li><a href=" + root +"archives/MemberSurvey_2008.pdf>2009 Focus Group</a></li>\
	</ul>\
	</li>\
	<li>Education\
	<ul style='top: 19.6em;'>\
		<li><a href=" + root +"cert.htm>PMI Certification and Benefits</a></li>\
		<li><a href=" + root +"education.htm>Registered Education Providers</a></li>\
		<li><a href=" + root +"PDUs_from_Chapter.htm>Earning PDUs through Chapter activities</a></li>\
		<li><a href=" + root +"call_for_speakers.htm>Call 4 Speakers</a></li>\
		<li><a href='http://www.pmi.org/Pages/default.aspx'>PMI Knowledge and Wisdom Center</a></li>\
		<li><a href=" + root +"pmi_updates.htm>Updates from PMI</a></li>\
	</ul>\
	</li>\
	<li><a href=" + root +"mentor/mentor.htm>Mentoring</a></li>\
	<li>Volunteers\
	<ul style='top: 23.6em;'>\
		<li><a href=" + root +"volun.htm>Volunteering for the Lakeshore Chapter</a></li>\
		<li><a href=" + root +"volunteer_form.htm>Volunteer Registration</a></li>\
		<li><a href='http://www.pmi.org/GetInvolved/Pages/Volunteer-Opportunities.aspx'>Volunteering for PMI</a></li>\
	</ul>\
	</li>\
	<li><a href=" + root +"partnerships/partnerships.htm>Partnerships</a></li>\
	<li><a href=" + root +"sponsorship.htm>Sponsorship</a></li>\
	<li><a href=" + root +"our.htm>Our Sponsors</a></li>\
	<li>Links\
	<ul style='top: 31.6em;'>\
		<li><a href=" + root +"chapter_links.htm>Chapter Links</a></li>\
		<li><a href=" + root +"industry_links.htm>Industry Links</a></li>\
	</ul>\
	</li>\
	<li>Archives\
	<ul style='top: 33.6em;'>\
		<li><a href='http://pmi-lakeshore.venngo.net/VG_app_Global/VG_app_Welcome/index.cfm?fuseaction=welcomepage&partnerid=5153&languageid=1'>Affinity Centre</a></li>\
		<li><a href=" + root +"contact.htm>Contact Us</a></li>\
	</ul>\
	</li>\
</ul>";
if (navigator.appNameh != "Microsoft Internet Explorer") {
document.write(vert_menu1);} 
else {document.write(vert_menu2);}
*/
document.write(vert_menu1);