<div id="container">
 
	<ul id="nav">
		<li id="selected"><a href="#">Home</a></li> <!-- change 'selected' id for each current page ie. when on about page, the selected should be on about -->
		<li><a href="#">About</a></li>
		<li><a href="#">Blog</a></li>
		<li><a href="#">More About My Portfolio</a></li>
		<li><a href="#">Contact</a></li>
	</ul>
 
</div>
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>	
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
 
<script type="text/javascript" src="js/jquery.spasticNav.js"></script>    
 
<script type="text/javascript">  
$('#nav').spasticNav();  
</script>