// Get the URL and location of a slash before the filename
var sPath = window.location.href;
var iLastSlash = sPath.lastIndexOf('/');

// Get the filename without the extension (last slash up to the .)
var sPage = sPath.substring(iLastSlash + 1);
sPage = sPage.substring(0, sPage.lastIndexOf('.'));

// Get the directory this file is in
var iSecondLastSlash = sPath.substring(0, iLastSlash).lastIndexOf('/');
subDir = sPath.substring(iSecondLastSlash + 1, iLastSlash);


/***********************************************/

image1 = new Image();
image1.src = "images/navigation/pictures_on.gif";
image2 = new Image();
image2.src = "images/navigation/benefits_on.gif";
image3 = new Image();
image3.src = "images/navigation/book_on.gif";
image4 = new Image();
image4.src = "images/navigation/drawings_on.gif";
image5 = new Image();
image5.src = "images/navigation/geogrid_on.gif";
image6 = new Image();
image6.src = "images/navigation/charts_on.gif";
image7 = new Image();
image7.src = "images/navigation/producers_on.gif";
image8 = new Image();
image8.src = "images/navigation/masterplan_on.gif";

function MakeNavButton(name, width, height)
{
  if (name == "home")
    var linkName = name;
  else
    var linkName = name + "/" + name;

  if (sPage == linkName || subDir == name)
    var state = '_on'; 
  else
    var state = '_off'; 

  var HTML = "";
  HTML += '<A HREF="' + linkName + '.html"><IMG SRC="images/navigation/' + name + state + '.gif" ';
  HTML += 'WIDTH="' + width + '" HEIGHT="' + height + '" BORDER="0" ';
  HTML += 'ONMOUSEOVER="javascript:this.src=\'images/navigation/' + name + '_on.gif\';" ';
  HTML += 'ONMOUSEOUT="javascript:this.src=\'images/navigation/' + name + state + '.gif\';"></A>';
  return HTML;
}


/***********************************************/


var header = "";

header += '<TABLE CELLSPACING="0" CELLPADDING="0" WIDTH="736" BORDER="0">';
header += '<TR><TD COLSPAN="3"><a href="home.html"><IMG SRC="images/header_banner.jpg" WIDTH="736" HEIGHT="108" ALT="VyKing Stone Corporation" BORDER="0"></a></TD></TR>';
header += '<TR><TD><IMG SRC="images/navigation/nav_bg.gif" WIDTH="3" HEIGHT="30"></TD><TD BACKGROUND="images/navigation/nav_bg.gif" STYLE="color:#FFFFFF;" ALIGN="middle" HEIGHT="30" NOWRAP>';
header += MakeNavButton("pictures", 84, 30);
header += MakeNavButton("benefits", 84, 30);
header += MakeNavButton("book", 84, 30);
header += MakeNavButton("drawings", 84, 30);
header += MakeNavButton("geogrid", 176, 30);
header += MakeNavButton("charts", 84, 30);
header += MakeNavButton("producers", 84, 30);
header += '</TD><TD><IMG SRC="images/navigation/nav_bg.gif" WIDTH="3" HEIGHT="30"></TD></TR>';
header += '<TR><TD><IMG SRC="images/navigation/nav_bg.gif" WIDTH="3" HEIGHT="30"></TD><TD BACKGROUND="images/navigation/nav_bg.gif" STYLE="color:#FFFFFF;" ALIGN="left" HEIGHT="30" NOWRAP>';
header += MakeNavButton("masterplan", 108, 30);
header += '</TD><TD><IMG SRC="images/navigation/nav_bg.gif" WIDTH="3" HEIGHT="30"></TD></TR>';
header += '<TR><TD><IMG SRC="images/spacer.gif" WIDTH="1" HEIGHT="2" ALT=""></TD></TR>';
header += '</TABLE>';

document.write(header);