named anchors inside mbScrollable horizontal panels not working across pages
<p>I have 10 horizontal mbScrollable panels on a page and each panel has a named anchor.  I am using a css drop down menu for the site's main navigation.</p>

<p>On the page with the panels the css menu links go nicely to the named anchors exactly like I want them to but when I try to link to the anchors from outside pages the anchors do not work I am directed to the page but not the named anchor.</p>

<p>Any help will be greatly appreciated - thank you.</p>

<p>Here is the linking code from the css menu on the index.html page:</p>

<pre><code>&lt;a href="http://www.acoustichailingdevices.com/about_ahds.html#ap" onclick="$('#myScroll').goToPage(2); return false;"&gt;Anti-Piracy&lt;/a&gt;
</code></pre>

<p>Here is the code where the named anchor is located:</p>

<pre><code>&lt;a name="ap" class="subtitles_text" id="ap"&gt;Anti-Piracy and Marine Security&lt;/a&gt;
</code></pre>

<p>Here is the mbScrollable script and relevant js links:</p>

<pre><code>&lt;script type="text/javascript"     src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" src="jquery.mb.scrollable/inc/mbScrollable.js"&gt;&lt;/script&gt;

    &lt;script type="text/javascript"&gt;
$(function(){
            if (self.location.href == top.location.href){
                $("body").css({font:"normal 10px/13px 'trebuchet MS', verdana, sans-serif"});
                var logo=$("&lt;a href='http://pupunzi.com'&gt;&lt;img id='logo' border='0' style='display:none;'&gt;&lt;/a&gt;");
                $("body").prepend(logo);
                $("#logo").fadeIn();
            }

            $("#myScroll").mbScrollable({
                width:980,
                elementsInPage:1,
                elementMargin:2,
                shadow:"#",
                height:"auto",
                controls:"#controls",
                slideTimer:1000,
                autoscroll:false,
                scrollTimer:3000
            });

            setTimeout(function(){$("#wrapper").fadeIn();},100);
        });
&lt;/script&gt;
</code></pre>
