// Universal header - Albert Mispel 17 August 2010

document.write("<html>")
document.write("<head>")
document.write("<title>Jeff The Retro DJ</title>")

var body_textcol = "navy"
var body_backcol = "transparent"
//var body_backimg = "none"
var body_backimg = "/images/orange.jpg"

var banner_textcol = body_textcol
var banner_backcol = "transparent"
var banner_backimg = "none"
var banner_logo = "/images/jeff_logo.gif"

var menutabs_textcol = body_textcol
var menutabs_backcol = "transparent"
var menutabs_backimg = "none"

var panel_textcol = body_textcol
var panel_backcol = "transparent"
if (typeof(panel_backimg)=="undefined"){
var panel_backimg = "/images/retrowall.jpg"
}
var panel_text = "Making Music from the 60's 70's 80's"

var main_textcol = body_textcol
var main_backcol = "transparent"
var main_backimg = "none"

var foot_textcol = body_textcol
var foot_backcol = "transparent"
var foot_backimg = "none"

var hover_textcol  = "dodgerblue"
var hover_backcol = body_backcol
var tab_backcol = "lightgray"
var tab_textcol = "black"
var a_textcol = "lightblue"

function toptab(dirname,tabname,desc) {
//document.write("&nbsp;&#9834;&nbsp;")
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:14pt;")
document.write("      color:" + body_textcol + ";")
document.write("      width=100%;")
document.write("      position:absolute;")
document.write("      top:0;")
document.write("      left:0;")
document.write("      overflow:auto;")
document.write("      background-color:" + body_backcol + ";")
document.write("      background-image:url(" + body_backimg + ");")
//document.write("      background-size:100% 100%;")
document.write("      background-position:0 0;")
document.write("      background-attachment:fixed fixed;") 
document.write("      background-repeat:repeat no-repeat;")
document.write("}")

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("#banner	{")
document.write("         color:" + banner_textcol + ";")
document.write("         background-color:" + banner_backcol + ";")
document.write("         background-image:url(" + banner_backimg + ");")
document.write("         background-repeat:repeat no-repeat;")
document.write("}")

document.write("#menutabs {")
document.write("         color:" + menutabs_textcol + ";")
document.write("         font-family:Arial,Helvetica,sans-serif;")
document.write("         font-size:16pt;")
document.write("         text-align:left;")
document.write("         padding:4px;")
document.write("         height:20px;")
document.write("         background-color:" + menutabs_backcol + ";")
document.write("         background-image:url(" + menutabs_backimg + ");")
document.write("         background-repeat:repeat no-repeat;")
document.write("         background-position:top;")
document.write("}")

document.write("#panel {")
document.write("         position:fixed;")
document.write("         left:0%;")
document.write("         width:23%;")
document.write("         height:80%;")
document.write("         background-color:" + panel_backcol + ";")
document.write("         background-image: url(" + panel_backimg + ");") 
document.write("         background-size:100% 100%;")
document.write("         background-repeat:no-repeat no-repeat;") 
document.write("         background-attachment:fixed fixed;") 
document.write("         background-position:0 0;")
document.write("}")

document.write("#main {")
document.write("         position:fixed;")
document.write("         left:32%;")
document.write("         width:60%;")
document.write("         height:80%;")
document.write("         overflow:auto;")
document.write("         color:" + main_textcol + ";")
document.write("         font-size:18pt;")
document.write("         background-color:" + main_backcol + ";")
document.write("         background-image:url(" + main_backimg + ");")
document.write("         background-repeat:repeat no-repeat;")
document.write("}")

document.write("#footer {")
document.write("         color:" + foot_textcol + ";")
document.write("         font-size:7pt;")
document.write("         text-align:right;")
document.write("         background-color:" + foot_backcol + ";")
document.write("         background-image:url(" + foot_backimg + ");")
document.write("         background-repeat:repeat no-repeat;")
document.write("}")

document.write("a       {color:" + a_textcol + ";")
document.write("         text-decoration:none}")

document.write("a.nav   {color:" + menutabs_textcol + ";")
document.write("         font-weight:normal;")
document.write("         text-decoration:none}")

document.write("a.tab   {color:" + tab_textcol + ";")
document.write("         font-weight:bold;")
document.write("         text-decoration:none;")
document.write("         background-color:" + tab_backcol + "}")

document.write("a:hover {color:" + hover_textcol + ";")
document.write("         text-decoration:underline;")
document.write("         background-color:" + hover_backcol + "}")

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'><a href='/'><img src='" + banner_logo + "' height='60' border='0' align='top'></a></div>")
document.write("<div id='menutabs'>")
   toptab("index.html","Home","Home")
   toptab("shows","Shows","Upcoming Shows")
   toptab("music","Music","My Music")
   toptab("about","About","About Me")
document.write("</div>")
document.write("<table border='0' width='100%' cellspacing='0' cellpadding='5'>")
document.write("<tr valign='top'>")
document.write("<td  id='panel' title='" + panel_text + "'>")
document.write("</td>")
document.write("<td id='main'>")

