I am having some issues with a one page scrolling site and the navigation retaining the current class so it stays highlighted once you've reach the appropriate section. By no means am I a javascript wizard, so I am taking a couple different bits of javascript and combining them.

I am linking a <script type="text/javascript" src="js/jquery.localscroll-1.2.7-min.js"></script> file while also using some inline script

Code:
<script type="text/javascript">
$(document).ready(function(){
  $('#nav').localScroll();

			$('#navbar').onePageNav({
				currentClass : 'current',
				changeHash : true
				//scrollSpeed : 350,
				//scrollOffset : 0
			});
});
It seems this is a duplication of efforts with the .localScroll and also the .onePageNav. How would I combine these two, using the localScroll, to include the currentClass: 'current' code and omit the .onePageNav.

Here is an example of the template I've built:

www.andyrichin.com/canary-path/new

If I need to provide more information, linked files, etc I can do so. Thanks in advance for the help.

Also, it would seem everything is working properly, but once you view on mobile, you can see there is a glitch in the sliding function. I think it's reacting to both .localScroll and .onePageNav like I mentioned above.