<!-- Begin
var path = document.location.pathname;
var dir = 'http://' + location.host + path.substring(path.indexOf('/', 1)+1, path.lastIndexOf('/'));
//path.indexOf('/', 1) should give you the second / because it gives you the first / after the first character, and the first character is the first /.
//path.indexOf('/', 1)+1--The index (number) of the first forward slash after the first character plus one.
//The offset (second parameter to indexOf) is so that it doesn't return the index of the first / at the beginning of the pathname. The plus one makes it so that the / isn't included.
//lastIndexOf('/')--the index (number) of the last occurrence of forward slash.
//Basically, it should give you everthing b/w the second / and the last /.

document.write('<table><tr><td width=100%>');
document.write('<IMG SRC="images/jwc.jpg" style="margin-bottom:10px;padding-bottom:5px;" WIDTH=148 HEIGHT=80 BORDER="0" COLSPAN="1" ALT="OurAP" align="left">');
document.write('</td></tr></table>');

// USE lowercase FOR ALL OPTIONS ONLY

document.write('<div id="menulocation" style="z-index: 10;">');
document.write('<table cellpadding="0" cellspacing="0" border="0" width="25"><tr><td class="printhide">');

document.write('<ul id="top-nav">');

// START MENU LINKS - EDIT BELOW THIS AREA

//document.write('  <li class="menutop"><a href="index.html">Home</a></li>');
document.write('  <li class="menutop"><a href="'+dir+'/about.html">About OurAP</a>'); 
document.write('    <ul id="sub-nav">');
document.write('      <li><a href="'+dir+'/about.html">About Us</a></li>');
document.write('      <li><a href="'+dir+'/whyjwc.html">Why OurAP</a></li>');
document.write('      <li><a href="'+dir+'/howitwork.html">How It Works</a></li>');
document.write('      <li><a href="'+dir+'/contact.html">Contact Us</a></li>');
document.write('    </ul>');
document.write('  </li>');

document.write('  <li class="menutop"><a href="'+dir+'/solutions.html">Solutions</a>'); 
document.write('    <ul id="sub-nav">');
document.write('      <li><a href="'+dir+'/solutions.html">Overview</a></li>');
document.write('      <li><a href="'+dir+'/hotelsolution.html">Hotel & Resort</a></li>');
document.write('      <li><a href="'+dir+'/restaurantsolution.html">Restaurant</a></li>');
document.write('      <li><a href="'+dir+'/cafesolution.html">Coffee Shop</a></li>');
document.write('      <li><a href="'+dir+'/bizcentersolution.html">Business Center</a></li>');
document.write('      <li><a href="'+dir+'/airportsolution.html">Airport</a></li>');
document.write('      <li><a href="'+dir+'/eventsolution.html">Event Service</a></li>');
document.write('    </ul>');
document.write('  </li>');

document.write('  <li class="menutop"><a href=#>Services & Products</a>'); 
document.write('    <ul id="sub-nav">');
document.write('      <li><a href="'+dir+'/services.html">Services</a></li>');
document.write('      <li><a href="'+dir+'/products.html">Products</a></li>');
document.write('    </ul>');
document.write('  </li>');


document.write('  <li class="menutop"><a href="'+dir+'/partnership.html">Partners</a>');
document.write('    <ul id="sub-nav">');
document.write('      <li><a href="'+dir+'/partnership.html">Overview</a></li>');
document.write('      <li><a href="'+dir+'/agent.html">OurAP Agent</a></li>');
document.write('      <li><a href="'+dir+'/techpartner.html">Technical Partner</a></li>');
document.write('      <li><a href="'+dir+'/regionpartner.html">Regional Business Partner</a></li>');
document.write('    </ul>');
document.write('  </li>');

document.write('  <li class="menutop"><a href="'+dir+'/FAQ.html">Help and Support</a>');
document.write('    <ul id="sub-nav">');
document.write('      <li><a href="'+dir+'/FAQ.html">FAQ</a></li>');
document.write('      <li><a href="'+dir+'/lan_layout.html">Firewall Layout Examples</a></li>');
document.write('      <li><a>Contact a Tech Partner</a></li>');
/*
document.write('      <li><a href="'+dir+'/PDFgallery.html" target="_blank">PDF help files</a></li>');
document.write('      <li><a>Privacy Policy</a></li>');
*/
document.write('    </ul>');
document.write('  </li>');

document.write('  <li class="menutop"><a href="/hotspot/dealer_register.php">Register</a>');
document.write('    <ul id="sub-nav">');
document.write('      <li><a href="'+dir+'/member_benefit.html">OurAP Members</a></li>');
document.write('      <li><a href="/hotspot/dealer_register.php">Agent Signup</a></li>');
document.write('      <li><a href="/hotspot/customer_register.php">Member Signup</a></li>');
document.write('    </ul>');
document.write('  </li>');

document.write('  <li class="menutop"><a href="login_agent.html">My Accounts</a>');
document.write('    <ul id="sub-nav">');
document.write('      <li><a href="login_agent.html">Agent Login</a></li>');
document.write('      <li><a href="login_member.html">Member Login</a></li>');
document.write('    </ul>');
document.write('  </li>');

// END LINKS //

document.write('</ul>');
document.write('</td></tr><tr><td align="center">');

//  End -->

document.write('</td></tr></table></DIV>');

// YOU DO NOT NEED TO EDIT BELOW THIS LINE

function IEHoverPseudo() {

	var navItems = document.getElementById("top-nav").getElementsByTagName("li");
	
	for (var i=0; i<navItems.length; i++) {
		if(navItems[i].className == "menutop") {
			navItems[i].onmouseover=function() { this.className += " over"; }
			navItems[i].onmouseout=function() { this.className = "menutop"; }
		}
	}

}
window.onload = IEHoverPseudo;
