I have a flash movie that has 3 links. Each link navigates to different sections of a html page via the getUrl event onrelease: url(index.html#section1) etc.

I also have a navigation bar setup inside the html page (which I want to remove)... The code in the HTML is basic: see below:
Code:
<ul class="nav">
                <li><a href="#section1">1</a></li>
                <li>2</li>
                <li><a href="#section3">3</a></li>
            </ul>
The javascript below calls some jquery files when the links are clicked and scrolls to the associated section. I want to use that javascript in my flash movie and navigate from the movie. I don't know how to change the function below to make it work with the flash links that I have. can anyone assist me with this? Here is the Javascript I have in my HTML page. (and it works fine by the way.

Code:
<!-- The JavaScript -->
	<script type="text/javascript" src="jquery.min.js"></script>		
        <script type="text/javascript" src="jquery.easing.1.3.js"></script>
        <script type="text/javascript">
        
            
            $(function() {
                $('ul.nav a').bind('click',function(event){
                    var $anchor = $(this);
                    /*
                    if you want to use one of the easing effects:
                    $('html, body').stop().animate({
                        scrollLeft: $($anchor.attr('href')).offset().left
                    }, 1500,'easeInOutExpo');
                     */
                    $('html, body').stop().animate({
                        scrollLeft: $($anchor.attr('href')).offset().left
                    }, 1000);
                    event.preventDefault();
                });
            });

	
        </script>