jQuery.fn.imageScroller = function(params){
  var p = params || {
    next:"buttonNext",
    prev:"buttonPrev",
    frame:"viewerFrame",
    width:100,
    child:"a",
    auto:true
  }; 
  var _btnNext = $("#"+ p.next);
  var _btnPrev = $("#"+ p.prev);
  var _imgFrame = $("#"+ p.frame);
  var _width = p.width;
  var _child = p.child;
  var _auto = p.auto;
  var _itv;
  
  var turnLeft = function(){
    _btnPrev.unbind("click",turnLeft);
    if(_auto) autoStop();
    _imgFrame.animate( {marginLeft:-_width}, 'slow', '', function(){
      _imgFrame.find(_child+":first").appendTo( _imgFrame );
      _imgFrame.css("marginLeft",0);
      _btnPrev.bind("click",turnLeft);
      if(_auto) autoPlay();
    });
  };
  
  var turnRight = function(){
    _btnNext.unbind("click",turnRight);
    if(_auto) autoStop();
    _imgFrame.find(_child+":last").clone().show().prependTo( _imgFrame );
    _imgFrame.css("marginLeft",-_width);
    _imgFrame.animate( {marginLeft:0}, 'slow' ,'', function(){
      _imgFrame.find(_child+":last").remove();
      _btnNext.bind("click",turnRight);
      if(_auto) autoPlay(); 
    });
  };
  
  
  _btnNext.css("cursor","hand").click( turnRight );
  _btnPrev.css("cursor","hand").click( turnLeft );
  
  var autoPlay = function(){
    _itv = window.setInterval(turnLeft, 5000);
  };
  var autoStop = function(){
    window.clearInterval(_itv);
  };
  if(_auto)  autoPlay();

  var pauseMO = function() {
    _auto=false;
    autoStop();
  }
  
  var resumeMO = function() {
    _auto=true;
    autoPlay();
  }
  
  _btnNext.bind("mouseover",pauseMO);
  _btnNext.bind("mouseout",resumeMO);
  _btnPrev.bind("mouseover",pauseMO);
  _btnPrev.bind("mouseout",resumeMO);
  _imgFrame.bind("mouseover",pauseMO);
  _imgFrame.bind("mouseout",resumeMO);

};

  $(document).ready(function(){  
       
    $("#viewer").imageScroller({
      next:"btnRight",
      prev:"btnLeft",
      frame:"viewerFrame",
      width:946,
      child:"a",
      auto:true
    });
       
  });