Jquery image scroller not switching to next image
<p>I have an image scroller that I am trying to implement. The image scrolling works, but it is moving vertically instead of horizontally. Here is what I got so far:</p>

<pre><code>&lt;a href = "#" id = "btnNext"&gt;Next Image&lt;/a&gt;

$('#btnNext').click(function () {
    //Calls new image with value true, meaning next image
    newImage(true);
    return false;
});

function newImage(direction) {
  //Get the current selected item (with selected class), if none was found, get the first item
  current_image = $('#imageGallery li.selected').length ? $('#imageGallery li.selected') : $('#imageGallery li:first');

  //If determines slideshow direction
  if (direction) {    //Next image
      //Get next sibling
      next_image = (current_image.next().length) ? current_image.next() :  $('#imageGallery li:first');
  } else {    //Previous image
      //Get previous sibling
      next_image = (current_image.prev().length) ? current_image.prev() :  $('#imageGallery li:last');
  }

  //Clear selected class
  $('#imageGallery li').removeClass('selected');

  //Reassign selected class to current image
  next_image.addClass('selected');

  //Scroll images
  $('#images').scrollTo(next_image, 800);
}
</code></pre>

<p><strong>Update:</strong> Here are my quesions:
1) How do I edit this to make it move horizontally?
2) Is there a way to make an image scroller like this without using .scrollTo()? </p>
