//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



var linkset=new Array()

//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT



linkset[0]='<div class="menuitems"><a href="photos/2000/nationals/index.shtml">2000 - Nationals</a></div>'

linkset[0]+='<div class="menuitems"><a href="photos/2002/nationals/index.shtml">2002 - Nationals</a></div>'



/*

linkset[1]='<div class="menuitems"><a href="season2003.shtml">2003 Season</a></div>'

linkset[1]+='<div class="menuitems"><a href="nationals2003.shtml">2003 Nationals</a></div>'

*/

linkset[1]='<div class="menuitems"><a href="season2007.html">2008 Season</a></div>'

linkset[1]='<div class="menuitems"><a href="season2007.shtml">2007 Season</a></div>'

linkset[1]+='<div class="menuitems"><a href="season2006.shtml">2006 Season</a></div>'

linkset[1]+='<div class="menuitems"><a href="season2005.shtml">2005 Season</a></div>'

linkset[1]+='<div class="menuitems"><a href="season2004.shtml">2004 Season</a></div>'

linkset[1]+='<div class="menuitems"><a href="season2002.shtml">2002 Season</a></div>'

linkset[1]+='<div class="menuitems"><a href="nationals2002.shtml">2002 Nationals</a></div>'



linkset[2]='<div class="menuitems"><a href="http://www.glerl.noaa.gov/metdata/chi/">GLERL</a></div>'

linkset[2]+='<div class="menuitems"><a href="http://weather.noaa.gov/cgi-bin/fmtbltn.pl?file=forecasts/marine/near_shore/lm/lmz741.txt">Marine Forecast</a></div>'

linkset[2]+='<div class="menuitems"><a href="http://www.weather.com/weather/local/60657">Weather Channel</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,which){



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 width=165 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



//Find out how close the mouse is to the corner of the window

var rightedge=ie4? document.body.clientWidth-eventX : window.innerWidth-eventX

var bottomedge=ie4? document.body.clientHeight-eventY : window.innerHeight-eventY



//if the horizontal distance isn't enough to accomodate the width of the context menu

if (rightedge<menuobj.contentwidth)

//move the horizontal position of the menu to the left by it's width

	menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX-menuobj.contentwidth : ns6? window.pageXOffset+eventX-menuobj.contentwidth : eventX-menuobj.contentwidth

else

//position the horizontal position of the menu where the mouse was clicked

	menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX : ns6? window.pageXOffset+eventX : eventX



//same concept with the vertical position

if (bottomedge<menuobj.contentheight)

	menuobj.thestyle.top=ie4? document.body.scrollTop+eventY-menuobj.contentheight : ns6? window.pageYOffset+eventY-menuobj.contentheight : eventY-menuobj.contentheight

else

	menuobj.thestyle.top=ie4? document.body.scrollTop+event.clientY : ns6? window.pageYOffset+eventY : eventY

	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()",250)

	}



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

	if (source_el.className=="menuitems"){

		source_el.id=(state=="on")? "mouseoverstyle" : ""

	} else {

		while(source_el.id!="popmenu"){

			source_el=document.getElementById? source_el.parentNode : source_el.parentElement

			if (source_el.className=="menuitems"){

				source_el.id=(state=="on")? "mouseoverstyle" : ""

			}

		}

	}

}



if (ie4||ns6)

document.onclick=hidemenu