/* The guts of this script were borrowed from:
Tabs Menu (mouseover)- By Dynamic Drive: visit http://www.dynamicdrive.com
*/
var submenu=new Array()

//Set submenu contents. Expand as needed. For each content, make sure everything exists on ONE LINE. Otherwise, there will be JS errors.

submenu[0]=''

submenu[1]='<a  href="mission.shtml" class="menu">my mission</a> | <a class="menu" href="portfolio.shtml">my portfolio</a> | <a class="menu" href="services.shtml">services & pricing</a> | <a class="menu" href="speden_resume.pdf">my resume (.pdf)</a> '

submenu[2]='<a class="menu" href="about.shtml">about shane</a> | <a class="menu" href="family_friends.shtml">family & friends</a> | <a class="menu" href="work_school.shtml">work & education</a>'

submenu[3]='<a class="menu" href="wed_img.shtml">wedding</a> | <a class="menu" href="trip_img.shtml">various trips</a> | <a class="menu" href="sara_img.shtml">sara</a> | <a class="menu" href="bands.shtml">bands & concerts</a> | <a class="menu" href="various_img.shtml">various others</a>'

submenu[4]='<a class="menu" href="tech_links.shtml">tech related pages</a> | <a class="menu" href="cool_links.shtml">cool places</a>'

submenu[5]='<p class="contact"> email me at: <a class="menu" href="mailto:%73%68%61%6E%65%40%73%68%61%6E%6F%62%6F%79%2E%63%6F%6D">&#115;&#104;&#97;&#110;&#101;&#64;&#115;&#104;&#97;&#110;&#111;&#98;&#111;&#121;&#46;&#99;&#111;&#109;</a></p>'

//end copy menu

//Set delay before submenu disappears after mouse moves out of it (in milliseconds)
var delay_hide=5000

/////No need to edit beyond here

var menuobj=document.getElementById? document.getElementById("bottom_menu") : document.all? document.all.bottom_menu : document.layers? document.dep1.document.dep2 : ""

function showit(which){
clear_delayhide()
thecontent=(which==-1)? "" : submenu[which]
if (document.getElementById||document.all)
menuobj.innerHTML=thecontent
else if (document.layers){
menuobj.document.write(thecontent)
menuobj.document.close()
}
}

function resetit(e){
if (document.all&&!menuobj.contains(e.toElement))
delayhide=setTimeout("showit(-1)",delay_hide)
else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhide=setTimeout("showit(-1)",delay_hide)
}

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

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

/* this snippet of code is for the images pages where you can click an image to dynamically display it without reloading the page*/

function changeImage(filename)
{
  mainimage.src = filename;
}