// Universal header - Albert Mispel June 2008

document.write("<html>")
document.write("<head>")

var bodytxt   = "black" // dark colour
var bodybg    = "linen" // light colour
var selecttxt = "lavender" // almost white
var bannertxt = bodytxt
var bannerbg  = bodybg
var menutxt = bodybg
var menubg  = bodytxt
var hovertxt  = bodytxt
var hoverbg   = bodybg
var selectbg  = bodytxt
var footertxt = bodytxt
var footerbg  = bodybg
var bordercolor = bodybg
var mypic = "/images/mispelblum.gif"
var mybanner = "/images/grey_ferns.jpg"
var mylogo = "/images/logo.gif"
var paneltxt = "Mispel is German for the medlar plant"

function getpicture(mypic){
var myid = document.getElementById('panel')
myid.style.background = "url(" + mypic + ") no-repeat"
}
function toptab(dirname,tabname,desc) {
rootstub = self.location.toString().toLowerCase().split("\/")[3]
if(dirname == "index.html") 
{document.write("<a href='/index.html' ") }
else {document.write("<a href='/" + dirname + "/index.html' ") }
if(rootstub != dirname){document.write(" class='nav' ")}
else{document.write(" class='tab' ")}
document.write(" title='" + desc + "'>&nbsp;" + tabname + "&nbsp;</a>&nbsp;")
}
document.write("<style>")
document.write("BODY {margin:2 2 2 2;")
document.write("      font-family:Arial,Helvetica,sans-serif;")
document.write("      font-size:11pt;")
document.write("      color:" + bodytxt + ";")
document.write("      background-color:" + bodybg + ";")
document.write("      scrollbar-base-color:" + bodytxt + ";")
document.write("      overflow:hidden}")
document.write("@media print{")
document.write("#banner {display: none}")
document.write("#menutabs {display: none}")
document.write("#panel {display: none}")
document.write("#footer {display: none}")
document.write("#main	{display:block}")
document.write("}")
document.write("@media screen{")
document.write("#banner	{position:absolute;")
document.write("         left:2px;")
document.write("         top:2px;")
document.write("         width:100%;")
document.write("         height:10%;")
document.write("         color:" + bannertxt + ";")
document.write("         background-image:url(" + mybanner + ");")
document.write("         background-repeat:repeat;")
document.write("         background-color:" + bannerbg + "}")
document.write("#menutabs	{position:absolute;")
document.write("         font-size:18pt;")
document.write("         left:2px;")
document.write("         top:10%;")
document.write("         width:100%;")
document.write("         height:5%;")
document.write("         text-align:right;")
document.write("         vertical-align:middle;")
document.write("         border-top:" + bordercolor + " solid 7;")
document.write("         background-color:" + menubg + "}")
document.write("#panel	{position:absolute;")
document.write("         left:2px;   ")
document.write("         top:15%;  ")
document.write("         width:30%;   ")
document.write("         height:82%;")
document.write("         color:" + bodytxt + ";")
document.write("         font-size:24pt;")
document.write("         padding:8px;")
document.write("         background-image:url(" + mypic + ");")
document.write("         background-repeat:no-repeat;")
document.write("         background-position:middle;")
document.write("         background-color:" + bodybg + "}")
document.write("#footer	{position:absolute;")
document.write("         left:2px;")
document.write("         top:97%;")
document.write("         width:100%;")
document.write("         height:3%;")
document.write("         color:" + footertxt + ";")
document.write("         font-size:11pt;")
document.write("         vertical-align:middle;")
document.write("         border-top:" + bordercolor + " solid 3;")
document.write("         background-image:url(" + mybanner + ");")
document.write("         background-repeat:repeat;")
document.write("         background-position:center;")
document.write("         background-color:" + footerbg + "}")
document.write("#main    {position:absolute;")
document.write("         left:30%;")
document.write("         top:15%;")
document.write("         width:66%;")
document.write("         height:74%;")
document.write("         color:" + bodytxt + ";")
document.write("         overflow:auto;")
document.write("         padding:26px 26px 26px 26px;")
document.write("         background-color:" + bodybg + "}")
document.write("}")
document.write("a       {color:" + menubg + "}")
document.write("a.nav   {color:" + menutxt + ";")
document.write("         font-size:11pt;")
document.write("         font-weight:bold;")
document.write("         vertical-align:middle;")
document.write("         text-decoration:none}")
document.write("a.tab   {color:" + selecttxt + ";")
document.write("         font-size:11pt;")
document.write("         font-weight:bold;")
document.write("         vertical-align:middle;")
document.write("         text-decoration:none;")
document.write("         background-color:" + selectbg + "}")
document.write("a.nav:hover {color:" + hovertxt + ";")
document.write("         background-color:" + hoverbg + "}")
document.write(".small    {font-size:8pt}")
document.write("H1,H2,H3,H4,H5,H6  {font-family:Times,Times-Roman.serif}")
document.write("</style>")
document.write("</head>")
document.write("<body>")
document.write("<div id='banner'><img src='" + mylogo + "' height='60' border='0'></div>")
document.write("<div id='menutabs'>")
   toptab("index.html","Home","Home")
   toptab("ecourse","New Guinea","My Time in Papua New Guinea")
   toptab("glebe","Glebe","Glebe in the Late Sixties")
//   toptab("sevenbridges","Seven Bridges","Walking the Seven Bridges")
   toptab("family","Family","My Family")
   toptab("blog","Blog","My Blog")
document.write("</div endof='menutabs'>")
document.write("<div id='panel' title='" + paneltxt + "'>&nbsp;</div>")
document.write("<div id='main'>")
