// StevePantazis.com navigation menu
delay=01;menuwidth=740;pagewidth=780;shift=(pagewidth-menuwidth)/2;
ltop=0;moveOnScroll=false;scrollSpeed=20;scrolled='document.body.scrollTop';
/* shield page from geezer browsers -- try to get them to upgrade */
if (document.layers) {top.location.href="http://www.mozilla.org";}
if (document.all && !document.getElementById) { //oops - MSIE ver 5
   top.location.href="http://www.microsoft.com/windows/ie/";}
function wait(millis){
date=new Date();curDate=null;
do {curDate=new Date();} while (curDate-date<millis);}
/* scrolling stuff to hold menu on screen */
function checkScrolled(){
   document.getElementById('menu').style.top=eval(scrolled)+ltop+'px';
   setTimeout('checkScrolled()',scrollSpeed);}
/* begin JavaScript code for the cl2down menu system */
function show(elmnt) {
   document.getElementById(elmnt).style.visibility="visible";}
function hide(elmnt) {
   document.getElementById(elmnt).style.visibility="hidden";}
/* write the menu dynamically instead of including on each page */
function writeMenu() {
// SP - Uncomment this to set absolute left position:  document.getElementById('menu').style.marginLeft=shift+'px';
// SP - Uncomment this to set absolute top position:   document.getElementById('menu').style.top=ltop+'px';
   x1=eval(scrolled);window.scrollBy(0,1);  //test scrolled ptr
   x2=eval(scrolled);window.scrollBy(0,-1); //reset position
   if ((x2-x1)<1) {scrolled='document.documentElement.scrollTop';}
copy ='';copy+='<ul class="cl1" id="cl1">';
// Columns section -- note:  to create a hyperlink using the empty space after the text, <img src="menu_border.gif" height="0"> is used
// Column 1 - id1
copy+='<li class="cl1" class="home" onmouseover="show(\'id1\')"';
copy+=' onmouseout="hide(\'id1\')"><a class="cl1" href="index.html"><img src="menu_border.gif" height="0">Home<\/a>';
copy+='<ul class="cl2" id="id1" onmouseover="hide(\'id1\')" onmouseout="hide(\'id1\')"><\/ul>'; // Dummy row
copy+='<\/li>';
// Column 2 - id2
copy+='<li class="cl1" onmouseover="show(\'id2\')"';
copy+=' onmouseout="hide(\'id2\')"> <a class="cl1" href="bio.html"><img src="menu_border.gif" height="0">Biography<\/a>';
copy+='<ul class="cl2" id="id2" onmouseover="hide(\'id2\')" onmouseout="hide(\'id2\')"><\/ul>'; // Dummy row
copy+='<\/li>';
// Column 3 - id3
copy+='<li class="cl1" onmouseover="show(\'id3\')"';
copy+=' onmouseout="hide(\'id3\')"><a class="cl1" href="?"><img src="menu_border.gif" height="0">Resume<\/a>';
copy+='<ul class="cl2" id="id3" onmouseover="show(\'id3\')" onmouseout="hide(\'id3\')">';
copy+='<li class="cl2"><a class="cl2" href="resume_work.html"><img src="menu_border.gif" height="0">Work resume<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="resume_writing.html"><img src="menu_border.gif" height="0">Writing resume<\/a><\/li>';
copy+='<\/ul><\/li>';
// Column 4 - id4
copy+='<li class="cl1" onmouseover="show(\'id4\')"';
copy+=' onmouseout="hide(\'id4\')"><a class="cl1" href="?"><img src="menu_border.gif" height="0">Writing<\/a>';
copy+='<ul class="cl2" id="id4" onmouseover="show(\'id4\')" onmouseout="hide(\'id4\')">';
copy+='<li class="cl2"><a class="cl2" href="novels.html"><img src="menu_border.gif" height="0">Novels<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="short_stories.html"><img src="menu_border.gif" height="0">Short stories<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="current_projects.html"><img src="menu_border.gif" height="0">Current projects<\/a><\/li>';
copy+='<\/ul><\/li>';
// Column 5 - id6
copy+='<li class="cl1" onmouseover="show(\'id6\')"';
copy+=' onmouseout="hide(\'id6\')"> <a class="cl1" href="http://stevepantazis.com/pblog/index.php"><img src="menu_border.gif" height="0">Blog<\/a>';
copy+='<ul class="cl2" id="id6" onmouseover="hide(\'id6\')" onmouseout="hide(\'id6\')"><\/ul>'; // Dummy row
copy+='<\/li>';
// Column 6 - id5
copy+='<li class="cl1" onmouseover="show(\'id5\')"';
copy+=' onmouseout="hide(\'id5\')"><a class="cl1" href="?"><img src="menu_border.gif" height="0">Misc<\/a>';
copy+='<ul class="cl2" id="id5" onmouseover="show(\'id5\')" onmouseout="hide(\'id5\')">';

copy+='<li class="cl2"><a class="cl2" onmouseover="show(\'id52\')"';
copy+=' onmouseout="hide(\'id52\')" href="?"><img src="menu_border.gif" height="0">Pictures&hellip;<\/a>';
copy+='<ul class="cl3" id="id52" onmouseover="show(\'id52\')" onmouseout="hide(\'id52\')">';
copy+='<li class="cl3"><a class="cl3" href="pics_writing.html"><img src="menu_border.gif" height="0">Writing<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="pics_personal.html"><img src="menu_border.gif" height="0">Personal<\/a><\/li>';
copy+='<li class="cl3"><a class="cl3" href="pics_air_force.html"><img src="menu_border.gif" height="0">Air Force<\/a><\/li>';
copy+='<\/ul><\/li>';
copy+='<li class="cl2"><a class="cl2" href="index.html"><img src="menu_border.gif" height="0">News<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="podcasts.html"><img src="menu_border.gif" height="0">Podcasts<\/a><\/li>';
copy+='<li class="cl2"><a class="cl2" href="contact.html"><img src="menu_border.gif" height="0">Contact<\/a><\/li>';
copy+='<\/ul><\/li>';copy+='<\/ul>';document.getElementById('menu').innerHTML=copy;
if(moveOnScroll){checkScrolled();}}