//parse current page pathname into array
var tmpArray = window.location.pathname.split("/");
var dirArray = tmpArray.slice(3, tmpArray.length - 1);

//build array that represents complete navigation
//format = <node level>::<directory>::<link title>::<link url>
navArray = new Array();
var navArrayCtr = 0;
navArray[navArrayCtr++] = "1::about::Introduction::/about/index.html";

navArray[navArrayCtr++] = "1::about::How the Survey<br>is Conducted::/about/aboutHow.html";


//start nav table
document.writeln("<table border='0' cellspacing='0' cellpadding='0' width='142'>");

//loop through navArray and build state of navigation based on current page pathname
var currCat = "undefined";
var currTopic = "undefined";
for (var i in navArray) {
    var navArraySplit = navArray[i].split("::");
    switch (navArraySplit[0]) {
    case "1":
        if (currCat == "undefined") {
            makeCat(navArraySplit[2], navArraySplit[3], false);
        } else {
            makeCat(navArraySplit[2], navArraySplit[3], true);
        }
        currCat = navArraySplit[1];
        break;
    case "2":
        if (dirArray[0] == currCat) {
            if (dirArray[1] == navArraySplit[1]) {
                if (dirArray[2] != null) {
                    makeTopicTween(navArraySplit[2], navArraySplit[3]);
                } else {
                    makeTopicOn(navArraySplit[2], navArraySplit[3]);  
                }
            } else {
                makeTopicOff(navArraySplit[2], navArraySplit[3]);
            }
            currTopic = navArraySplit[1];
        }
        break;
    case "3":
        if ((dirArray[0] == currCat) && (dirArray[1] == currTopic)) {
            if (dirArray[2] == navArraySplit[1]) {
                makeSubTopicOn(navArraySplit[2], navArraySplit[3]);
            } else {
                makeSubTopicOff(navArraySplit[2], navArraySplit[3]);
            }
        }
    default:
        break;
    }
}

//possible states of a nav node
function makeCat(title, url, shim) {
    if (shim == true) {
        document.writeln("  <tr>");
	    document.writeln("      <td colspan='3'><img src='/images/shim.gif' width='1' height='2' vspace='4' alt='' border='0' /></td>");
	    document.writeln("  </tr>");
    }
    document.writeln("  <tr>");
	document.writeln("      <td width='13'><a href='" + url + "'><img src='/results/current/nav_box.gif' alt='' border='0' /></a></td>");
	document.writeln("      <td width='4'><img src='/images/shim.gif' width='2' height='1' hspace='1' alt='' border='0' /></td>");
	document.writeln("      <td width='125' class='leftNav' nowrap><nobr><a href='" + url + "'>" + title + "</a></nobr></td>");
	document.writeln("  </tr>");
}
function makeTopicOff(title, url) {
    document.writeln("  <tr>");
    document.writeln("      <td colspan='3'><img src='/images/shim.gif' width='1' height='2' vspace='2' alt='' border='0' /></td>");
    document.writeln("  </tr>");
    document.writeln("  <tr>");
	document.writeln("      <td width='13'><img src='/images/shim.gif' width='1' height='1' hspace='6' alt='' border='0' /></td>");
	document.writeln("      <td width='4'><img src='/images/shim.gif' width='2' height='1' hspace='1' alt='' border='0' /></td>");
	document.writeln("      <td width='125' class='leftSubNavOff' nowrap><a href='" + url + "'>" + title + "</a></td>");
	document.writeln("  </tr>");
}
function makeTopicOn(title, url) {
    document.writeln("  <tr>");
	document.writeln("      <td colspan='3'><img src='/images/shim.gif' width='1' height='2' vspace='2' alt='' border='0' /></td>");
	document.writeln("  </tr>");
	document.writeln("  <tr>");
	document.writeln("      <td width='13' valign='top'><img src='/images/shim.gif' width='1' height='1' hspace='6' alt='' border='0' /><img src='nav_box.gif' width='4' height='7' alt='' border='0' / align='right'></td>");
	document.writeln("      <td width='4'><img src='/images/shim.gif' width='2' height='1' hspace='1' alt='' border='0' /></td>");
    document.writeln("      <td width='125' class='leftSubNavOn' nowrap><a href='" + url + "'>" + title + "</a></td>");
	document.writeln("  </tr>");
}
function makeTopicTween(title, url) {
    document.writeln("  <tr>");
	document.writeln("      <td colspan='3'><img src='/images/shim.gif' width='1' height='2' vspace='2' alt='' border='0' /></td>");
	document.writeln("  </tr>");
    document.writeln("  <tr>");
    document.writeln("      <td width='13'><img src='/images/shim.gif' width='5' height='1' hspace='1' alt='' border='0' /></td>");
    document.writeln("      <td width='4'><img src='/images/shim.gif' width='2' height='1' hspace='1' alt='' border='0' /></td>");
    document.writeln("      <td width='125' class='leftSubNavOn' nowrap><a href='" + url + "'>" + title + "</a></td>");
    document.writeln("  </tr>");
}
function makeSubTopicOff(title, url) {
    document.writeln("  <tr>");
    document.writeln("      <td colspan='3'><img src='/images/shim.gif' width='1' height='2' vspace='2' alt='' border='0' /></td>");
    document.writeln("  </tr>");
    document.writeln("  <tr>");
    document.writeln("      <td width='13'><img src='/images/shim.gif' width='1' height='1' hspace='6' alt='' border='0' /></td>");
    document.writeln("      <td width='4'><img src='/images/shim.gif' width='2' height='1' hspace='1' alt='' border='0' /></td>");
    document.writeln("      <td width='125' class='t14' nowrap><img src='/images/shim.gif' width='2' height='1' hspace='4' alt='' border='0' /><a href='" + url + "'>" + title + "</a></td>");
    document.writeln("  </tr>");
}
function makeSubTopicOn(title, url) {
    document.writeln("  <tr>");
    document.writeln("      <td colspan='3'><img src='/images/shim.gif' width='1' height='2' vspace='2' alt='' border='0' /></td>");
    document.writeln("  </tr>");
    document.writeln("  <tr>");
    document.writeln("      <td width='13'><img src='/images/shim.gif' width='1' height='1' hspace='6' alt='' border='0' /></td>");
    document.writeln("      <td width='4'><img src='/images/shim.gif' width='2' height='1' hspace='1' alt='' border='0' /></td>");
    document.writeln("      <td width='125' class='t13' nowrap><img src='nav_box.gif' width='4' height='7' alt='' border='0' /><img src='/images/shim.gif' width='2' height='1' hspace='1' alt='' border='0' /><a href='" + url + "'>" + title + "</a></td>");
    document.writeln("  </tr>");
}
    
//finish nav table


document.writeln("  <tr><!-- Cell spacing row to hold dimensions -->");
document.writeln("      <td width='13'><img src='/images/shim.gif' width='1' height='1' hspace='6' alt='' border='0' /></td>");
document.writeln("      <td width='4'><img src='/images/shim.gif' width='2' height='1' hspace='1' alt='' border='0' /></td>");
document.writeln("      <td width='125'><img src='/images/shim.gif' width='1' height='1' hspace='62' alt='' border='0' /></td>");
document.writeln("  </tr>");
document.writeln("</table>");