var menuTop = "86px";
var menuLeft = new Array();

// These are the left positions for each menu
menuLeft[0] = "-425px";
menuLeft[1] = "-255px";
menuLeft[2] = "-85px";
menuLeft[3] = "85px";
menuLeft[4] = "255px";

//Pop-it menu- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use
//Modified by Michael Karikas (karikas.com) for PID Seattle

var linkset=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT

linkset[0]='<div class="menuitems"><a href="aboutus.html" class="menu1 first"><b>&middot;</b>&nbsp; Our Story</a></div>'
linkset[0]+='<div class="menuitems"><a href="javascript:popUp(\'mandate.html\',825,553);" class="menu1"><b>&middot;</b>&nbsp; Our Mandate</a></div>'
linkset[0]+='<div class="menuitems"><a href="ordinance.html" class="menu1"><b>&middot;</b>&nbsp; The Ordinance</a></div>'
linkset[0]+='<div class="menuitems"><a href="commission.html" class="menu1"><b>&middot;</b>&nbsp; Land Bank Commission</a></div>'
linkset[0]+='<div class="menuitems"><a href="staff.html" class="menu1"><b>&middot;</b>&nbsp; Staff</a></div>'
linkset[0]+='<div class="menuitems"><a href="employment.html" class="menu1"><b>&middot;</b>&nbsp; Employment Opportunities</a></div>'
linkset[0]+='<div class="menuitems"><a href="volunteer.html" class="menu1"><b>&middot;</b>&nbsp; Volunteer</a></div>'
linkset[0]+='<div class="menuitems"><a href="contact.html" class="menu1 last"><b>&middot;</b>&nbsp; Contact Us</a></div>'

linkset[1]='<div class="menuitems"><a href="turtle_back.html" class="menu2xtra first"><b>&middot;</b>&nbsp; Turtleback Mtn Preserve</a></div>'
linkset[1]+='<div class="menuitems"><a href="properties.html" class="menu2"><b>&middot;</b>&nbsp; Selection Criteria</a></div>'
linkset[1]+='<div class="menuitems"><a href="easements.html" class="menu2"><b>&middot;</b>&nbsp; Conservation Easements</a></div>'
linkset[1]+='<div class="menuitems"><a href="preserves.html" class="menu2"><b>&middot;</b>&nbsp; Preserves</a></div>'
linkset[1]+='<div class="menuitems"><a href="pending.html" class="menu2"><b>&middot;</b>&nbsp; Pending Projects</a></div>'
linkset[1]+='<div class="menuitems"><a href="javascript:popUp(\'islands.html\',1000, 807);" class="menu2"><b>&middot;</b>&nbsp; County-wide Map</a></div>'
linkset[1]+='<div class="menuitems"><li><a href="lopez.html" class="menu2">Lopez Island Map</a></li></div>'
linkset[1]+='<div class="menuitems"><li><a href="orcas.html" class="menu2">Orcas Island Map</a></li></div>'
linkset[1]+='<div class="menuitems"><li><a href="sanjuan.html" class="menu2">San Juan Island Map</a></li></div>'
linkset[1]+='<div class="menuitems"><a href="list.html" class="menu2 last"><b>&middot;</b>&nbsp; Property List/Preserve Maps</a></div>'

linkset[2]='<div class="menuitems"><a href="buyer.html" class="menu3 first"><b>&middot;</b>&nbsp; About the Program</a></div>'
linkset[2]+='<div class="menuitems"><a href="faq.html" class="menu3"><b>&middot;</b>&nbsp; FAQ</a></div>'
linkset[2]+='<div class="menuitems"><a href="listings.html" class="menu3 last"><b>&middot;</b>&nbsp; Current Listings</a></div>'

linkset[3]='<div class="menuitems"><a href="stew.html" class="menu4 first"><b>&middot;</b>&nbsp; What is Stewardship?</a></div>'
linkset[3]+='<div class="menuitems"><a href="plans.html" class="menu4"><b>&middot;</b>&nbsp; Managment Plans</a></div>'
linkset[3]+='<div class="menuitems"><a href="stew_funding.html" class="menu4"><b>&middot;</b>&nbsp; Funding</a></div>'
linkset[3]+='<div class="menuitems"><a href="stew_challenge.html" class="menu4"><b>&middot;</b>&nbsp; Meeting the Challenge</a></div>'
linkset[3]+='<div class="menuitems"><a href="volunteer.html" class="menu4 last"><b>&middot;</b>&nbsp; Volunteer</a></div>'

linkset[4]='<div class="menuitems"><a href="draft_plans.html" class="menu5 first"><b>&middot;</b>&nbsp; Draft Management Plans</a></div>'
linkset[4]+='<div class="menuitems"><a href="meeting.html" class="menu5"><b>&middot;</b>&nbsp; Commission Business</a></div>'
linkset[4]+='<div class="menuitems"><a href="events.html" class="menu5"><b>&middot;</b>&nbsp; Events & Announcements</a></div>'
linkset[4]+='<div class="menuitems"><a href="news.html" class="menu5"><b>&middot;</b>&nbsp; In the News</a></div>'
linkset[4]+='<div class="menuitems"><a href="reports.html" class="menu5"><b>&middot;</b>&nbsp; Annual Reports & Articles</a></div>'
linkset[4]+='<div class="menuitems"><a href="links.html" class="menu5"><b>&middot;</b>&nbsp; Websites & Links</a></div>'
linkset[4]+='<div class="menuitems"><a href="javascript:popUp(\'sitemap.html\',300,807);" class="menu5"><b>&middot;</b>&nbsp; Site Map</a></div>'
linkset[4]+='<div class="menuitems"><a href="http://www.facebook.com/pages/San-Juan-County-Land-Bank/130103757042971?sk=events" target="blank"class="menu5 last"><b>&middot;</b>&nbsp; The Land Bank on Facebook</a></div>'

////No need to edit beyond here

var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var ns6=document.getElementById&&!document.all
var ns4=document.layers

function showmenu(e,current){

which = linkset[current];
leftPosition = menuLeft[current];

if (!document.all&&!document.getElementById&&!document.layers)
return

clearhidemenu()

menuobj=ie4? document.all.popmenu : ns6? document.getElementById("popmenu") : ns4? document.popmenu : ""
menuobj.thestyle=(ie4||ns6)? menuobj.style : menuobj

if (ie4||ns6)
menuobj.innerHTML=which
else{
menuobj.document.write('<layer name=gui bgColor=#E6E6E6 onmouseover="clearhidemenu()" onmouseout="hidemenu()">'+which+'</layer>')
menuobj.document.close()
}

menuobj.contentwidth=(ie4||ns6)? menuobj.offsetWidth : menuobj.document.gui.document.width
menuobj.contentheight=(ie4||ns6)? menuobj.offsetHeight : menuobj.document.gui.document.height
eventX=ie4? event.clientX : ns6? e.clientX : e.x
eventY=ie4? event.clientY : ns6? e.clientY : e.y

//position the horizontal position of the menu where the mouse was clicked
menuobj.thestyle.left=leftPosition; // Just pick one of the four values defined in menuLeft[]
menuobj.thestyle.marginLeft='50%'; // Just pick one of the four values defined in menuLeft[]
document.getElementById('popmenu').style.width = "170px"; // Fixes a bug in Mac IE
//same concept with the vertical position
menuobj.thestyle.top=menuTop;; // Top value for this site;
menuobj.thestyle.visibility="visible"
return false
}

function contains_ns6(a, b) {
//Determines if 1 element in contained in another- by Brainjar.com
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function hidemenu(){
if (window.menuobj)
menuobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide"
}

function dynamichide(e){
if (ie4&&!menuobj.contains(e.toElement))
hidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}

function delayhidemenu(){
if (ie4||ns6||ns4)
delayhide=setTimeout("hidemenu()",500)
}

function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}

function highlightmenu(e,state){
if (document.all)
source_el=event.srcElement
else if (document.getElementById)
source_el=e.target
else{
while(source_el.id!="popmenu"){
source_el=document.getElementById? source_el.parentNode : source_el.parentElement
}
}
}

if (ie4||ns6)
document.onclick=hidemenu

// URL is the url
// x is the width, y is the height
function popUp(URL, x, y)
{
	day = new Date();
	id = day.getTime();
	eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=yes,width=" + x + ",height=" + y + "');");
}
