/*
  slide show using jquery to replace alchemys prototype slideshow
  (c) 12/2010 - http://www.agentur.boyke.de/
*/
    

(function($){

  $.fn.extend({
      
    stop: function() {
    },
    
    play: function() {
    },
    
    slideshow: function( params ) {
      var conf = {
        slide_css_class:    "slideshow_xx",
        track_id:           "slider_track_xx",
        stepsize:           100,
        duration:           5,
        easing:             'linear',
        margin:             10,
        skip_slide_width:   745
      };
      
      $.extend( conf, params );
      
      return $( this ).each( function() {
        conf.tracker = $('#'+conf.track_id);

        var width = 0;

        $( '#' + conf.track_id ).data( 'length', $( '#' + conf.track_id + " img").length );

        $.each($( '#' + conf.track_id + " img"), function(index, elem) {
          width += elem.width + conf.margin;
        });        

        conf.width = width;
                       
        if( conf.width > conf.skip_slide_width ) {
          conf.tracker.append( conf.tracker.html() );
          conf.tracker.css( 'width', conf.width * 2 );
          
          _slide();
        }
        
        return $('#' + conf.slide_css_class );
      });

      function _slide() {        
        left = parseInt( conf.tracker.css( 'left' ));

        if( Math.abs(left) >= conf.width )
          conf.tracker.css('left', conf.width + left );
            
        conf.tracker.animate({
            left: '-=' + conf.stepsize
          },
          conf.duration * 1000,
          conf.easing,
          function(){ _slide() }
        );
      };    
    }
  });
 
})(jQuery);