nav.html

<div class="navbar"> 
		<ul id="navItems"> 
			<li class="active"><a href="/index.html" id="navHome">Home</a></li>
			<li><a href="/sta/ref.html" id="navStaRef">Statics References</a>
			</li>
			<li><a href="/dyn/ref.html" id="navDynRef">Dynamics References</a>
			</li>
			<li><a href="/sol/ref.html" id="navSolRef">Solids References</a>
			</li>
			<li><a href="/pol/index.html" id="navPolIdx">TAM 2XX</a>
			</li>
		</ul> 
		
		<script> 
		$(function(){ 
			var current = location.pathname;
// 			if(window.location.href.indexOf("DynamicsBook") > -1){
// 				$this.parent().parent().parent().parent().parent().addClass('active');
// 				console.log("Make references active")
// 			}
			if (current != "/"){
			$('#navItems li a').each(function(){ 
				var $this = $(this); 
				// if the current path is like this link, make it active
				if($this.attr('href').indexOf(current) !== -1){ 
					$this.parent().addClass('active'); 
				}
				else {
					$this.parent().removeClass('active');
				  }
			})
			}
		})
		</script> 
	</div>