/// IGNORE THIS SECTION ///////////////////////////////////////////
/// Utility navigation image (don't touch)                      ///
/// Morgue is commented out both here and in NAMES.JS           ///
var headerImg = new Array()
headerImg[0] = "util_arts.gif\" width=\"30\" height=\"18\""
headerImg[1] = "util_media.gif\" width=\"39\" height=\"18\""
headerImg[2] = "util_fuel.gif\" width=\"28\" height=\"18\""
headerImg[3] = "util_roam.gif\" width=\"38\" height=\"18\""
//headerImg[4] = "util_focus.gif\" width=\"40\" height=\"18\""
headerImg[4] = "util_oped.gif\" width=\"41\" height=\"18\""
headerImg[5] = "util_morgue.gif\" width=\"50\" height=\"18\""
headerImg[6] = "util_contact.gif\" width=\"30\" height=\"11\" align=\"top\""

var headerBkg = new Array()
headerBkg[0] = "util_arts-bkg.gif"
headerBkg[1] = "util_media-bkg.gif"
headerBkg[2] = "util_fuel-bkg.gif"
headerBkg[3] = "util_wanderings-bkg.gif"
//headerBkg[4] = "util_focus-bkg.gif"
headerBkg[4] = "util_oped-bkg.gif"
headerBkg[5] = "util_morgue-bkg.gif"
headerBkg[6] = "util_morgue-bkg.gif"

var headerSpace = new Array()
headerSpace[0] = " width=\"54\" height=\"33\""
headerSpace[1] = " width=\"63\" height=\"33\""
headerSpace[2] = " width=\"52\" height=\"33\""
headerSpace[3] = " width=\"62\" height=\"33\""
//headerSpace[4] = " width=\"64\" height=\"33\""
headerSpace[4] = " width=\"65\" height=\"33\""
headerSpace[5] = " width=\"74\" height=\"33\""
headerSpace[6] = " width=\"45\" height=\"36\""

var headerAlt = new Array()
headerAlt[0] = "Arts"
headerAlt[1] = "Media"
headerAlt[2] = "Fuel"
headerAlt[3] = "Roam"
//headerAlt[4] = "Focus"
headerAlt[4] = "Ed/Op"
headerAlt[5] = "Morgue"
headerAlt[6] = "Contact Us"

var headerState = new Array()
headerState[0] = "utilarts"
headerState[1] = "utilmedia"
headerState[2] = "utilfuel"
headerState[3] = "utilwanderings"
//headerState[4] = "utilfocus"
headerState[4] = "utiloped"
headerState[5] = "utilmorgue"
headerState[6] = "utilcontact"

//  these vars hold the on/off bullets for the utility navigation


//  nav
var inactiveImg = "<td valign=\"top\"><img src=\"../images/spacer.gif\" width=\"48\" height=\"10\" border=\"0\" alt=\"\"></td>\n"
var activeImg = "<td valign=\"top\"><img src=\"../images/arrows_blur.gif\" width=\"48\" height=\"10\" border=\"0\" alt=\"\"></td>\n"


//  pageContent01 holds all html content up to the image preloader script
var theBeginning = "<!doctype HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">\n"
theBeginning += "<html>\n"
theBeginning += "<head>\n"
theBeginning += "<title>SceneandHeard.ca</title>\n"
theBeginning += "<link rel='STYLESHEET' type='text/css' href='../style/style.css'>\n"

//  pageContent02 holds all html content after the image preloader script
var theBody = "</head>\n"
theBody += "<body leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\" bgcolor=\"#ffffff\" background=\"../images/art_bkg.gif\" link=\"#d9acfd\" vlink=\"#9779d7\" alink=\"#ff0000\">\n<a name=\"top\"></a>"


// Date Display
var Months = new Array('January','February','March','April','May','June','July','August','September','October','November','December');
var today = new Date();
var Year = takeYear(today);
var MonthName = Months[today.getMonth()];
var Month = leadingZero(today.getDate());
var Day = leadingZero(today.getDate());

function takeYear(theDate)
{
	x = theDate.getYear();
	var y = x % 100;
	y += (y < 38) ? 2000 : 1900;
	return y;
}

function leadingZero(nr)
{
	if (nr < 10) nr = "0" + nr;
	return nr;
}


//  theHeader holds all html content in the utility navigation
var theHeader = "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n"
theHeader += "<tr>\n"
if (document.location.href.indexOf(homePage) != -1)
{
theHeader += "  <td><a href=\"" + homePage +"\"><img src=\"images/logo.gif\" width=\"104\" height=\"81\" border=\"0\" alt=\"sceneandheard.ca\"></a><img src=\"images/logo-margin.gif\" width=\"131\" height=\"81\" border=\"0\" alt=\"\"></td>\n"
}
else
{
theHeader += "  <td><a href=\"../" + homePage +"\"><img src=\"../images/logo.gif\" width=\"104\" height=\"81\" border=\"0\" alt=\"sceneandheard.ca\"></a><img src=\"../images/logo-margin.gif\" width=\"131\" height=\"81\" border=\"0\" alt=\"\"></td>\n"
}

var utilBulletOn = "images/util_bullet.gif"
var utilBulletOff = "images/spacer.gif"

for ( var i = 0; i < headerLink.length; i++)
{
  if (document.location.href.indexOf(homePage) != -1)
  
  {
    theHeader += "<td valign=\"top\" background=\"images/" + headerBkg[i] + "\"><img src=\"images/spacer.gif\"" + headerSpace[i] + "\" border=\"0\" alt=\"\"><br>\n"
    theHeader += "<a href=\"" + issueNum + "/" + headerLink[i] + "\" onMouseOver=\"swapImg('" + headerState[i] +"',1)\" onMouseOut=\"swapImg('" + headerState[i] +"',0)\">"
    theHeader += "<img src=\"" + utilBulletOff + "\" width=\"11\" height=\"18\" border=\"0\" alt=\"\" name=\"" + headerState[i] + "\"><img src=\"images/" + headerImg[i] + " border=\"0\" alt=\"" + headerAlt[i] + "\"></a></td>\n"
  }

  else
  {
    theHeader += "<td valign=\"top\" background=\"../images/" + headerBkg[i] + "\"><img src=\"../images/spacer.gif\"" + headerSpace[i] + "\" border=\"0\" alt=\"\"><br>\n"

    if (document.location.href.indexOf(headerPrefix[i]) != -1)
      { theHeader += "<a href=\"" + headerLink[i] + "\"><img src=\"../" + utilBulletOn }
    else
      { theHeader += "<a href=\"" + headerLink[i] + "\" onMouseOver=\"swapImg('" + headerState[i] +"',1)\" onMouseOut=\"swapImg('" + headerState[i] +"',0)\"><img src=\"../" + utilBulletOff }
    theHeader += "\" width=\"11\" height=\"18\" border=\"0\" alt=\"\" name=\"" + headerState[i] + "\"><img src=\"../images/" + headerImg[i] + " border=\"0\" alt=\"" + headerAlt[i] + "\"></a></td>\n"
  }
}

if (document.location.href.indexOf(homePage) != -1)
{
/*theHeader += "<td valign=\"top\" background=\"/images/util_morgue-bkg.gif\"><img src=\"images/spacer.gif\" width=\"79\" height=\"33\" border=\"0\" alt=\"\"><br>\n"
theHeader += "<img src=\"" + utilBulletOff + "\" width=\"11\" height=\"18\" border=\"0\" alt=\"\"><img src=\"images/util_morgue.gif\" width=\"50\" height=\"18\" border=\"0\" alt=\"Morgue\"></a></td>\n"*/
theHeader += "</tr>\n"
theHeader += "<tr>\n"
theHeader += "<td valign=\"top\"><img src=\"images/hmlogo_text.gif\" width=\"235\" height=\"20\" border=\"0\" alt=\"sceneandheard.ca\"><br><img src=\"images/spacer.gif\" width=\"235\" height=\"33\" border=\"0\" alt=\"\"></td>\n"
theHeader += "<td colspan=\"8\" align=\"right\" valign=\"top\"><span class=\"hmissue\">" + volumeStr + " - " + issueStr + "</span><br>"
theHeader += "<span class=\"date\">" + MonthName + " " + Day + ", " + Year + "</span>"
theHeader += "</tr>\n"
theHeader += "</table>\n"
}
else
{
/*theHeader += "<td valign=\"top\" background=\"../images/util_morgue-bkg.gif\"><img src=\"../images/spacer.gif\" width=\"79\" height=\"33\" border=\"0\" alt=\"\"><br>\n"
theHeader += "<img src=\"../" + utilBulletOff + "\" width=\"11\" height=\"18\" border=\"0\" alt=\"\"><img src=\"../images/util_morgue.gif\" width=\"50\" height=\"18\" border=\"0\" alt=\"Morgue\"></a></td>\n"*/
theHeader += "</tr>\n"
theHeader += "<tr>\n"
theHeader += "<td valign=\"top\"><a href=\"../index.htm\"><img src=\"../images/sp_logo_text.gif\" width=\"235\" height=\"20\" border=\"0\" alt=\"sceneandheard.ca\"><br><img src=\"images/spacer.gif\" width=\"1\" height=\"5\" border=\"0\" alt=\"\"></a></td>\n"
theHeader += "<td colspan=\"8\" align=\"right\" valign=\"bottom\"><span class=\"artissue\">" + volumeStr + " - " + issueStr + "</span></td>\n"
theHeader += "</tr>\n"
theHeader += "</table>\n"
}
                    //////////////////////////////////////
var theBeef = "  <!-- Main page content ... Begin -->\n"
                    //////////////////////////////////////
theBeef += "<table width=\"506\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n"
theBeef += "<tr>\n"
theBeef += "<td valign=\"top\"><img src=\"../images/spacer.gif\" width=\"20\" height=\"39\" border=\"0\" alt=\"\"></td>\n"
theBeef += "</tr>\n"
theBeef += "<tr>\n"
theBeef += "<td valign=\"top\">\n"


var theEnd = "</body>\n"
theEnd += "</html>"

                                     ////////////////////////////
                                     //////  FUNCTIONS  /////////
                                     ////////////////////////////

//  rollover
function swapImg(Name, No)
{ if (document.images && (loaded == 1))
  { document[Name].src = eval(Name + No + ".src"); }
  return true
}