jQuery.fn.scroll = function(settings) {
		settings = jQuery.extend({
      speed: 1000,
      picture_width: 100,
      picture_num: 1,
      view_num: 1,
      slide_num: 1,
      window: "#window",
      reel: "#reel",
      prev_btn: "#BtnPrev",
      next_btn: "#BtnNext"
		}, settings);
    var left_position = 0;
    var curr_picture = 0;
    all_width = settings.picture_width * (settings.picture_num + settings.view_num);
    $(settings.window).css({'position': 'relative'});
    $(settings.reel).css({'width' : all_width, 'position': 'absolute'});
    //Paging  and Slider Function
    liRotate = function(move){
      if (move == "r") {
        curr_picture++;
        if (curr_picture > settings.picture_num) {
          $(settings.reel).css({'left': '0'});
          curr_picture = 1;
        }
      } else {
        curr_picture--;
        if (curr_picture == -1) {
          left_position = -settings.picture_num * settings.picture_width;
          $(settings.reel).css({'left': left_position});
          curr_picture = settings.picture_num - 1;
        }
      }

      left_position = -curr_picture * settings.picture_width;

      $(settings.reel).animate({
        left: left_position
      }, 1000);
    };


    //Rotation  and Timing Event
    liRotateSwitch = function(){
      setInterval(function(){
        liRotate("r");
      }, settings.speed); //Timer speed in milliseconds (5 seconds)
    };

    //liRotateSwitch();

    jQuery(settings.next_btn).click(function() {
      liRotate("r");
    });
    jQuery(settings.prev_btn).click(function() {
      liRotate("l");
    });
};