Javascript/Jquery image scroller. ScrollTo and LocalScroll not working
<p>I am pretty new to Javascript and Jquery, so I am probably messing up something really simple. Anyway, I am trying to make a horizontal box with images in it that can be scrolled through. I installed the ScrollTo Jquery thing, but it doesn't seem to be working.</p>

<p>Here is my Script</p>

<pre><code>&lt;script type="text/javascript" src="js/jquery-1.9.1.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="js/jquery.scrollTo-1.4.3.1.js"&gt;&lt;/script&gt;
&lt;script&gt;    
$(document).ready(function(){
    $("#leftscroll").mouseover(function(){
        $("#imgcontainer").localScroll(target:'#start')
        });
    $("#rightscroll").mouseover(function(){
        $("#imgcontainer").localScroll(target:'#end')
    });
});
&lt;/script&gt;
</code></pre>

<p>And my Box:</p>

<pre><code>&lt;div class="imgscroll"&gt;
&lt;img id="leftscroll" src="images/leftarrow.png" /&gt;
&lt;div id="imgcontainer"&gt;
    &lt;a href="#start"&gt; &lt;/a&gt;
    &lt;img id="1" src="images/test1.jpg" /&gt;
    &lt;img id="2" src="images/test2.jpg" /&gt;
    &lt;img id="3" src="images/test3.jpg" /&gt;
    &lt;img id="4" src="images/test4.jpg" /&gt;
    &lt;a href="#end"&gt; &lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>
</p>

<p>My Goal here is to have it so that when you mouse over the image leftarrow or rightarrow, it will slide in that direction. Right now it does... nothing. If anyone knows what is wrong with my code (or if you even have another way to do it), help would be much appreciated.</p>
