var tmpStr = '';
var appN = navigator.appName;
var appV = navigator.appVersion;
var majV = appV.substring(0, 1);
NS4 = (document.layers) ? 1 : 0;
IE4 = (document.all) ? 1 : 0;
if (appN == 'Netscape' && majV >= 5)
  NS6 = 1;
else
  NS6 = 0;
ver4 = (NS4 || IE4 || NS6) ? 1 : 0;

var secFlag = '';
var url = location.href;

if (url.indexOf('=taming_intro') != -1)
  secFlag = 'animaltaming';
else if (url.indexOf('=retaming') != -1)
  secFlag = 'animaltaming';
else if (url.indexOf('=taming_gain') != -1)
  secFlag = 'animaltaming';
else if (url.indexOf('=taming_list') != -1)
  secFlag = 'animaltaming';
else if (url.indexOf('=lore_intro') != -1)
  secFlag = 'animallore';
else if (url.indexOf('=loyalty') != -1)
  secFlag = 'animallore';
else if (url.indexOf('=lore_gain') != -1)
  secFlag = 'animallore';
else if (url.indexOf('=vet_intro') != -1)
  secFlag = 'veterinary';
else if (url.indexOf('=vet_vet') != -1)
  secFlag = 'veterinary';
else if (url.indexOf('=vet_res') != -1)
  secFlag = 'veterinary';
else if (url.indexOf('=vet_gain') != -1)
  secFlag = 'veterinary';
else if (url.indexOf('=overview') != -1)
  secFlag = 'animaldetails';
//else if (url.indexOf('=profiles') != -1)
//  secFlag = 'animaldetails';
else if (url.indexOf('=traits') != -1)
  secFlag = 'animaldetails';
else if (url.indexOf('=spawn') != -1)
  secFlag = 'animaldetails';
else if (url.indexOf('=ownership') != -1)
  secFlag = 'pethandling';
else if (url.indexOf('=control') != -1)
  secFlag = 'pethandling';
else if (url.indexOf('=slots') != -1)
  secFlag = 'pethandling';
else if (url.indexOf('=food') != -1)
  secFlag = 'pethandling';
else if (url.indexOf('=commands') != -1)
  secFlag = 'pethandling';
else if (url.indexOf('=reactions') != -1)
  secFlag = 'pethandling';
else if (url.indexOf('=contextmenu') != -1)
  secFlag = 'pethandling';
else if (url.indexOf('=stables') != -1)
  secFlag = 'pethandling';
else if (url.indexOf('=bond') != -1)
  secFlag = 'pethandling';
else if (url.indexOf('=training') != -1)
  secFlag = 'pethandling';
else if (url.indexOf('=opponents') != -1)
  secFlag = 'pethandling';
else if (url.indexOf('=start') != -1)
  secFlag = 'characters';
else if (url.indexOf('=gainsystem') != -1)
  secFlag = 'characters';
else if (url.indexOf('=templates#magetamer') != -1)
  secFlag = 'characters';
else if (url.indexOf('=templates#bardtamer') != -1)
  secFlag = 'characters';
else if (url.indexOf('=templates#warriortamer') != -1)
  secFlag = 'characters';
else if (url.indexOf('=templates') != -1)
  secFlag = 'characters';
else if (url.indexOf('=pro') != -1)
  secFlag = 'characters';
//else if (url.indexOf('=tamingatlas') != -1)
//  secFlag = 'locations';
else if (url.indexOf('=spawns') != -1)
  secFlag = 'locations';
//else if (url.indexOf('=orientation') != -1)
//  secFlag = 'locations';
else if (url.indexOf('=guildinfo') != -1)
  secFlag = 'general';
else if (url.indexOf('=siteinfo') != -1)
  secFlag = 'general';
//else if (url.indexOf('=sitemap') != -1)
//  secFlag = 'general';
else
  secFlag = 'default';

if (ver4) {
  with (document) {
    write("<style TYPE='text/css'>");
    if (NS4) {
      write(".parent {position: absolute; top: 145px; visibility: hidden}");
      write(".child {position: absolute; left: 13px; visibility: hidden}");
      write(".regular {position: absolute; visibility: hidden}");
      write("A.nav {font-family: Arial, Verdana; font-size: 10pt; font-weight: bold; color: #D8E2D8; text-decoration: none}");
      write("A.subnav {font-family: Arial, Verdana; font-size: 9pt; font-weight: normal; color: #D8E2D8; text-decoration: none}");
    }
    else if (IE4) {
      write(".child {position: relative; left: 13px; display: none}");
      write("A.nav {font-family: Arial, Verdana; font-size: 9pt; font-weight: bold; color: #D8E2D8; text-decoration: none}");
      write("A:Hover.nav {font-family: Arial, Verdana; font-size: 9pt; font-weight: bold; color: #D8E2D8; text-decoration: none}");
      write("A.subnav {font-family: Arial, Verdana; font-size: 9pt; font-weight: normal; color:#D8E2D8; text-decoration: none}");
      write("A:Hover.subnav {font-family:Arial, Verdana; font-size: 9pt; font-weight: normal; color:#D8E2D8; text-decoration: none}");
    }
    else {
      write(".child {position: relative; left: 13px; display: none}");
      write("A.nav {font-family: Arial, Verdana; font-size: 10pt; font-weight: bold; color: #D8E2D8; text-decoration: none}");
      write("A:Hover.nav {font-family: Arial, Verdana; font-size: 10pt; font-weight: bold; color: #D8E2D8; text-decoration: none}");
      write("A.subnav {font-family: Arial, Verdana; font-size: 9pt; font-weight: normal; color:#D8E2D8; text-decoration: none}");
      write("A:Hover.subnav {font-family:Arial, Verdana; font-size: 9pt; font-weight: normal; color:#D8E2D8; text-decoration: none}");
    }
    write("</style>");
  }
}

function getIndex(el) {
  ind = null;
  for (i=0; i<document.layers.length; i++) {
    whichEl = document.layers[i];
    if (whichEl.id == el) {
      ind = i;
      break;
    }
  }
  return ind;
}

function showAll() {
  for (i=firstInd; i<document.layers.length; i++) {
    whichEl = document.layers[i];
    whichEl.visibility = "show";
  }
}

function arrange() {
  nextY = document.layers[firstInd].pageY + document.layers[firstInd].document.height;
  for (i=firstInd+1; i<document.layers.length; i++) {
    whichEl = document.layers[i];
    if (whichEl.visibility != "hide") {
      if (whichEl.name.indexOf('el') != -1) {
        whichEl.pageY = nextY;
        nextY += whichEl.document.height;
      }
    }
  }
}

function whichSec() {
  if (!ver4)
    return;

  if (IE4) {		// IE
    if (secFlag == 'animaltaming') {
      elTwoChild.style.display = 'block';
      document.images.elTwo.src = "resource/collapse.png";
    }
    else if (secFlag == 'animallore') {
      elThreeChild.style.display = 'block';
      document.images.elThree.src = "resource/collapse.png";
    }
    else if (secFlag == 'veterinary') {
      elFourChild.style.display = 'block';
      document.images.elFour.src = "resource/collapse.png";
    }
    else if (secFlag == 'animaldetails') {
      elFiveChild.style.display = 'block';
      document.images.elFive.src = "resource/collapse.png";
    }
    else if (secFlag == 'pethandling') {
      elSixChild.style.display = 'block';
      document.images.elSix.src = "resource/collapse.png";
    }
    else if (secFlag == 'characters') {
      elSevenChild.style.display = 'block';
      document.images.elSeven.src = "resource/collapse.png";
    }
    else if (secFlag == 'locations') {
      elEightChild.style.display = 'block';
      document.images.elEight.src = "resource/collapse.png";
    }
    else if (secFlag == 'general') {
      elNineChild.style.display = 'block';
      document.images.elNine.src = "resource/collapse.png";
    }
  }
  else if (NS6) {	// Netscape 6
    if (secFlag == 'animaltaming') {
      var idName = document.getElementById('elTwoChild');
      idName.style.display = 'block';
      document.images.elTwo.src = "resource/collapse.png";
    }
    else if (secFlag == 'animallore') {
      var idName = document.getElementById('elThreeChild');
      idName.style.display = 'block';
      document.images.elThree.src = "resource/collapse.png";
    }
    else if (secFlag == 'veterinary') {
      var idName = document.getElementById('elFourChild');
      idName.style.display = 'block';
      document.images.elFour.src = "resource/collapse.png";
    }
    else if (secFlag == 'animaldetails') {
      var idName = document.getElementById('elFiveChild');
      idName.style.display = 'block';
      document.images.elFive.src = "resource/collapse.png";
    }
    else if (secFlag == 'pethandling') {
      var idName = document.getElementById('elSixChild');
      idName.style.display = 'block';
      document.images.elSix.src = "resource/collapse.png";
    }
    else if (secFlag == 'characters') {
      var idName = document.getElementById('elSevenChild');
      idName.style.display = 'block';
      document.images.elSeven.src = "resource/collapse.png";
    }
    else if (secFlag == 'locations') {
      var idName = document.getElementById('elEightChild');
      idName.style.display = 'block';
      document.images.elEight.src = "resource/collapse.png";
    }
    else if (secFlag == 'general') {
      var idName = document.getElementById('elNineChild');
      idName.style.display = 'block';
      document.images.elNine.src = "resource/collapse.png";
    }
  }
  else {	// Netscape 4
    if (secFlag == 'animaltaming') {
      document.elTwoChild.visibility = 'show';
      document.elTwoParent.document.images['elTwo'].src = "resource/collapse.png";
    }
    else if (secFlag == 'animallore') {
      document.elThreeChild.visibility = 'show';
      document.elThreeParent.document.images['elThree'].src = "resource/collapse.png";
    }
    else if (secFlag == 'veterinary') {
      document.elFourChild.visibility = 'show';
      document.elFourParent.document.images['elFour'].src = "resource/collapse.png";
    }
    else if (secFlag == 'animaldetails') {
      document.elFiveChild.visibility = 'show';
      document.elFiveParent.document.images['elFive'].src = "resource/collapse.png";
    }
    else if (secFlag == 'pethandling') {
      document.elSixChild.visibility = 'show';
      document.elSixParent.document.images['elSix'].src = "resource/collapse.png";
    }
    else if (secFlag == 'characters') {
      document.elSevenChild.visibility = 'show';
      document.elSevenParent.document.images['elSeven'].src = "resource/collapse.png";
    }
    else if (secFlag == 'locations') {
      document.elEightChild.visibility = 'show';
      document.elEightParent.document.images['elEight'].src = "resource/collapse.png";
    }
    else if (secFlag == 'general') {
      document.elNineChild.visibility = 'show';
      document.elNineParent.document.images['elNine'].src = "resource/collapse.png";
    }
  }
}

function initIt() {
  if (!ver4)
    return;

  if (IE4) {		// IE
    divColl = document.all.tags("DIV");
    for (i=0; i<divColl.length; i++) {
      whichEl = divColl(i);
      if (whichEl.className == "child")
        whichEl.style.display = "none";
    }
    whichSec();
  }
  else if (NS6) {	// Netscape 6
    divColl = document.getElementsByTagName("DIV");
    for (i=0; i<divColl.length; i++) {
      whichEl = divColl[i];
      if (whichEl.className == "child")
        whichEl.style.display = "none";
    }
    whichSec();
  }
  else {		// Netscape 4
    for (i=0; i<document.layers.length; i++) {
      whichEl = document.layers[i];
      if (whichEl.id.indexOf("Child") != -1)
        whichEl.visibility = "hide";
    }	
    whichSec();				
    arrange();
  }
}

function expandIt(el) {
  if (!ver4)
    return;

  if (IE4) {		//IE
    whichEl = eval(el + "Child");	
    whichIm = event.srcElement;
    if (whichEl.style.display == "none") {
      whichEl.style.display = "block";
      whichIm.src = "resource/collapse.png";   
    }
    else {
      whichEl.style.display = "none";
      whichIm.src = "resource/expand.png";
    }
  }
  else if (NS6) {	// Netscape 6
    var idStr = el + "Child";
    var getId = document.getElementById(idStr);
    whichIm = eval("document.images." + el);
    if (getId.style.display == "none") {
      getId.style.display = "block";
      whichIm.src = "resource/collapse.png";   
    }
    else {
      getId.style.display = "none";
      whichIm.src = "resource/expand.png";
    }
  }
  else {		// Netscape 4
    whichEl = eval("document." + el + "Child");	
    whichIm = eval("document." + el + "Parent.document.images[el]");
    if (whichEl.visibility == "hide") {
      whichEl.visibility = "show";
      whichIm.src = "resource/collapse.png";
    }
    else {
      whichEl.visibility = "hide";
      whichIm.src = "resource/expand.png";
    }
    arrange();
  }
}

onload = initIt;
if (IE4)
  tmpStr += '<table cellspacing="0" cellpadding="0" border="0" width="120"><tr><td>';
else
  tmpStr += '<img SRC="resource/menublank.png" width="120" height = "1">';

// Main
tmpStr += '<DIV ID="elOneParent" CLASS="parent">';
tmpStr += '<IMG NAME="elOne" SRC="resource/menublank.gif" WIDTH=9 HEIGHT=9 BORDER=0 ALT="">';
tmpStr += ' <a href="http://www.strangeworld.com/uo/prc/prc.php" class="nav"><b>Main</b></a></DIV>';
tmpStr += '';
// Animal Taming
tmpStr += '<DIV ID="elTwoParent" CLASS="parent">';
tmpStr += '<A class="nav" HREF="" onClick="expandIt(\'elTwo\'); return false"><img NAME="elTwo" SRC="resource/expand.png" WIDTH=9 HEIGHT=9 BORDER=0 ALT="Expand/Collapse Item"> <b>Animal Taming</b></a></DIV>';
tmpStr += '';
tmpStr += '<DIV ID="elTwoChild" CLASS="child">';
tmpStr += '<a href="prc.php?Section=taming_intro" class="subnav">Introduction</a><br>';
tmpStr += '<a href="prc.php?Section=retaming" class="subnav">Taming & Retaming</a><br>';
tmpStr += '<a href="prc.php?Section=taming_gain" class="subnav">Skill Gain</a><br>';
tmpStr += '<a href="prc.php?Section=taming_list" class="subnav">Tamable Creatures</a><br></DIV>';
tmpStr += '';
// Animal Lore
tmpStr += '<DIV ID="elThreeParent" CLASS="parent">';
tmpStr += '<A class="nav" HREF="" onClick="expandIt(\'elThree\'); return false"><img NAME="elThree" SRC="resource/expand.png" WIDTH=9 HEIGHT=9 BORDER=0 ALT="Expand/Collapse Item"> <b>Animal Lore</b></a></DIV>';
tmpStr += '';
tmpStr += '<DIV ID="elThreeChild" CLASS="child">';
tmpStr += '<a href="prc.php?Section=lore_intro" class="subnav">Introduction</a><br>';
tmpStr += '<a href="prc.php?Section=loyalty" class="subnav">Loyalty & Orneriness</a><br>';
tmpStr += '<a href="prc.php?Section=lore_gain" class="subnav">Skill Gain</a><br></DIV>';
tmpStr += '';
// Veterinary
tmpStr += '<DIV ID="elFourParent" CLASS="parent">';
tmpStr += '<A class="nav" HREF="" onClick="expandIt(\'elFour\'); return false"><IMG NAME="elFour" SRC="resource/expand.png" WIDTH=9 HEIGHT=9 BORDER=0 ALT="Expand/Collapse Item"> <b>Veterinary</b></a></DIV>';
tmpStr += '';
tmpStr += '<DIV ID="elFourChild" CLASS="child">';
tmpStr += '<a href="prc.php?Section=vet_intro" class="subnav">Introduction</a><br>';
tmpStr += '<a href="prc.php?Section=vet_vet" class="subnav">Healing & Curing</a><br>';
tmpStr += '<a href="prc.php?Section=vet_res" class="subnav">Resurrection</a><br>';
tmpStr += '<a href="prc.php?Section=vet_gain" class="subnav">Skill Gain</a><br></DIV>';
tmpStr += '';
// Animal Details
tmpStr += '<DIV ID="elFiveParent" CLASS="parent">';
tmpStr += '<A class="nav" HREF="" onClick="expandIt(\'elFive\'); return false"><IMG NAME="elFive" SRC="resource/expand.png" WIDTH=9 HEIGHT=9 BORDER=0 ALT="Expand/Collapse Item"> <b>Animal Details</b></a></DIV>';
tmpStr += '';
tmpStr += '<DIV ID="elFiveChild" CLASS="child">';
tmpStr += '<a href="prc.php?Section=overview" class="subnav">Overview</a><br>';
//tmpStr += '<a href="prc.php?Section=profiles" class="subnav">Profile Pages</a><br>';
tmpStr += '<a href="prc.php?Section=traits" class="subnav">Special Traits</a><br>';
tmpStr += '<a href="prc.php?Section=spawn" class="subnav">Spawn Mechanics</a><br></DIV>';
tmpStr += '';
// Pet Handling
tmpStr += '<DIV ID="elSixParent" CLASS="parent">';
tmpStr += '<A class="nav" HREF="" onClick="expandIt(\'elSix\'); return false"><IMG NAME="elSix" SRC="resource/expand.png" WIDTH=9 HEIGHT=9 BORDER=0 ALT="Expand/Collapse Item"> <b>Pet Handling</b></a></DIV>';
tmpStr += '<DIV ID="elSixChild" CLASS="child">';
tmpStr += '<a href="prc.php?Section=ownership" class="subnav">Ownership</a><br>';
tmpStr += '<a href="prc.php?Section=control" class="subnav">Control Ability</a><br>';
tmpStr += '<a href="prc.php?Section=slots" class="subnav">Control Slots</a><br>';
tmpStr += '<a href="prc.php?Section=food" class="subnav">Diet & Preferred Food</a><br>';
tmpStr += '<a href="prc.php?Section=commands" class="subnav">Commands</a><br>';
tmpStr += '<a href="prc.php?Section=reactions" class="subnav">Reactions</a><br>';
tmpStr += '<a href="prc.php?Section=contextmenu" class="subnav">The Context Menu</a><br>';
tmpStr += '<a href="prc.php?Section=stables" class="subnav">Stabling</a><br>';
tmpStr += '<a href="prc.php?Section=bond" class="subnav">Bonded Pets</a><br>';
tmpStr += '<a href="prc.php?Section=training" class="subnav">Training</a><br>';
tmpStr += '<a href="prc.php?Section=opponents" class="subnav">Dangerous Foes</a><br></DIV>';
tmpStr += '';
// Character Development
tmpStr += '<DIV ID="elSevenParent" CLASS="parent">';
tmpStr += '<A class="nav" HREF="" onClick="expandIt(\'elSeven\'); return false"><IMG NAME="elSeven" SRC="resource/expand.png" WIDTH=9 HEIGHT=9 BORDER=0 ALT="Expand/Collapse Item"> <b>Characters</b></a></DIV>';
tmpStr += '';
tmpStr += '<DIV ID="elSevenChild" CLASS="child">';
tmpStr += '<a href="prc.php?Section=start" class="subnav">Getting Started</a><br>';
tmpStr += '<a href="prc.php?Section=gainsystem" class="subnav">The Skill Gain System</a><br>';
tmpStr += '<a href="prc.php?Section=templates" class="subnav">Templates</a><br>';
tmpStr += '<a href="prc.php?Section=templates#magetamer" class="subnav">&nbsp;&nbsp;-The Mage-Tamer</a><br>';
tmpStr += '<a href="prc.php?Section=templates#bardtamer" class="subnav">&nbsp;&nbsp;-The Bard-Tamer</a><br>';
tmpStr += '<a href="prc.php?Section=templates#warriortamer" class="subnav">&nbsp;&nbsp;-The Warrior-Tamer</a><br>';
tmpStr += '<a href="prc.php?Section=pro" class="subnav">Tips & Tricks</a><br></DIV>';
tmpStr += '';
// Locations
tmpStr += '<DIV ID="elEightParent" CLASS="parent">';
tmpStr += '<A class="nav" HREF="" onClick="expandIt(\'elEight\'); return false"><IMG NAME="elEight" SRC="resource/expand.png" WIDTH=9 HEIGHT=9 BORDER=0 ALT="Expand/Collapse Item"> <b>Locations</b></a></DIV>';
tmpStr += '';
tmpStr += '<DIV ID="elEightChild" CLASS="child">';
//tmpStr += '<a href="prc.php?Section=tamingatlas" class="subnav">Taming Atlas</a><br>';
tmpStr += '<a href="prc.php?Section=spawns" class="subnav">Spawn Locations</a><br>';
//tmpStr += '<a href="prc.php?Section=orientation" class="subnav">Orientation Maps</a><br>';
tmpStr += '</div>';
// General
tmpStr += '<DIV ID="elNineParent" CLASS="parent">';
tmpStr += '<A class="nav" HREF="" onClick="expandIt(\'elNine\'); return false"><IMG NAME="elNine" SRC="resource/expand.png" WIDTH=9 HEIGHT=9 BORDER=0 ALT="Expand/Collapse Item"> <b>General</b></a></DIV>';
tmpStr += '';
tmpStr += '<DIV ID="elNineChild" CLASS="child">';
tmpStr += '<a href="prc.php?Section=guildinfo" class="subnav">Guild Information</a><br>';
tmpStr += '<a href="prc.php?Section=siteinfo" class="subnav">Site Information</a><br>';
//tmpStr += '<a href="prc.php?Section=sitemap" class="subnav">Alphabetical Index</a><br>';
tmpStr += '</div>';
// FAQ
/*
tmpStr += '<DIV ID="elTenParent" CLASS="parent">';
tmpStr += '<IMG NAME="elTen" SRC="resource/menublank.gif" WIDTH=9 HEIGHT=9 BORDER=0 ALT="">';
tmpStr += ' <a href="prc.php?Section=faq" class="nav"><b>FAQ</b></a></DIV>';
tmpStr += '';
*/
// Boards
tmpStr += '<DIV ID="elElevenParent" CLASS="parent">';
tmpStr += '<IMG NAME="elEleven" SRC="resource/menublank.gif" WIDTH=9 HEIGHT=9 BORDER=0 ALT="">';
tmpStr += ' <a href="http://forums.strangeworld.com/ubbthreads.php?ubb=cfrm&amp;c=2" class="nav" target="_blank"><b>Boards</b></a></DIV>';
tmpStr += '';

if (IE4)
  tmpStr += '</td></tr></table>';

document.write(tmpStr);
if (document.layers) {
  firstEl = "elOneParent";
  firstInd = getIndex(firstEl);
  showAll();
  arrange();
}