Multiple instances override values
<p>I've created a very simple jQuery logo rotate plugin, but the second instance is overriding my vlaues from the first instance.</p>

<pre><code>(function($){
    $.fn.clientRoll = function(settings) {

      var config = {
        'speed': 10000,
        'items': 3
    };

  var settings = $.extend(config, settings);

  var itemRoll = $(this); 

  var childHeight = $(itemRoll).children().eq(0).outerHeight();
  $(itemRoll).height(childHeight);

  $.fn.clientRollLeft = function() {
    var logoWidth = $(this).children(':first').innerWidth();

    $(this).children(':first').not(':animated').clone().css({ opacity: 0, marginLeft: "" }).insertAfter($(this).children(':last'))/*.delay(200).animate({ opacity: 1 })*/;

    $(this).children(':first').not(':animated').animate({ 
      marginLeft: -(logoWidth), opacity: 0 }, function () {   
        $(this).remove();
    });

    $(this).children(":gt(" + (config.items - 1) + ")").css({ opacity: 0, background: "#FF0" }).delay(300).animate({ opacity: 1, background: "#FFF" });
}

};
})(jQuery);
</code></pre>

<p>So whenever I write something like this:
    $(".client-roll div > ul").clientRoll({ 'speed': 2000, 'items': 4 });
    $(".article-roll").clientRoll({ 'items': 3, 'speed': 1500 });</p>

<p>The "items" value from the first instance is overriden by the value 3 from the second instance.</p>
