//loads comic navigation
//comic pages are loaded using x\y.js, where x is the comic series, and j is the javascript file for the series. 
//uses 4 navi image maps pre loaded in comicnavfn.js


document.write("    <td class=\"sidebar\" valign=top>")
//document.write("    <span id=\"scrollmenu2\" style=\"position:absolute\">")

//load page number
document.write("<b>Page <a ID=\"pageNumber\">1</a> of " + totalpages +"</b> ")

document.write("    <div class=\"comic_nav\">")

//navi instructions
document.write("<br/>")
document.write("         <u>Navigation:</u><p><a class=\"menubutton\" onclick=\"next()\">- Next - right arrow or</br>click right area of page </a></p><p><a class=\"menubutton\" onclick=\"previous()\">- Previous - left arrow or click left area of page</a></p><p><a class=\"menubutton\" onclick=\"first()\">- First -</a><br/><a class=\"menubutton\" onclick=\"last()\">- Last -</a></p>  ")

/*
//image map for control
//http://www.w3schools.com/tags/tag_map.asp
document.write("<map NAME=\"comicNav\">")
document.write("<area SHAPE=\"CIRCLE\" coords=\"74,32,10\" onclick=\"first()\" onmouseover=\"comicNavSet(1)\" onmouseout=\"comicNavSet(0)\">")
document.write("<area SHAPE=\"CIRCLE\" coords=\"34,72,10\" onclick=\"previous()\"onmouseover=\"comicNavSet(2)\" onmouseout=\"comicNavSet(0)\">")
document.write("<area SHAPE=\"CIRCLE\" coords=\"114,72,10\" onclick=\"next()\" onmouseover=\"comicNavSet(3)\" onmouseout=\"comicNavSet(0)\">")
document.write("<area SHAPE=\"CIRCLE\" coords=\"74,108,10\" onclick=\"last()\" onmouseover=\"comicNavSet(4)\" onmouseout=\"comicNavSet(0)\">")
document.write("</map>")

//load navi image
document.write("<p>")
document.write("<img id=\"comic_nav_img\" src=\"global/comicNavi_v2.gif\" usemap=\"#comicNav\" border=\"0\" >")
document.write("</p>")
*/

//jump to page
//http://www.w3schools.com/js/tryit.asp?filename=try_dom_option_index
document.write("<form>")

document.write("<select id=\"mySelect\">  ")

for (k=1;k<=totalpages;k++)
document.write("  <option value=" + k +">page " + k + "</option>")

document.write("<input type=\"button\" onclick=\"pullDownView()\" value=\"jump\" /> ")

document.write("</select>")
document.write("<br />")

document.write("</form>")

document.write("     </div>")

//copyright info
document.write("<p>")
document.write("Copyright &#169;<br /> Ed Bangalan 2010.")
document.write("</p>")

/*
//right bar graphic
document.write("<p>")
document.write("<img src=\"global\\rightnav2_v2.gif\">")
document.write("</p>")
*/

document.write("    </td>")