jQuery(function(){
   jQuery("div.svw").prepend("<p class='loader'>Load...</p>"); 
});
var j = 0;
jQuery.fn.slideView = function(settings) {
     settings = jQuery.extend({
     easeFunc: "easeInOutExpo", /* <-- easing function names changed in jquery.easing.1.2.js */
     easeTime: 750,
     toolTip: false
  }, settings);
   return this.each(function(){
      var container = jQuery(this);
      container.find("p.loader").remove(); // removes the preloader gif
      container.removeClass("svw").addClass("stripViewer");    
      //var pictWidth = container.find("li").find("img").width();
      var pictWidth = container.find("li").width();
      var pictHeight = container.find("li").find("img").height();
      var pictEls = container.find("li").size();
      var stripViewerWidth = pictWidth*pictEls;
      var numberOfPictures = 0;
      container.find("ul").css("width" , stripViewerWidth); //assegnamo la larghezza alla lista UL 
      //container.css("width" , pictWidth);
      //container.css("height" , pictHeight);
      container.each(function(i) {
         jQuery(this).after("<div class='stripTransmitter' id='stripTransmitter" + j + "'><ul><\/ul><\/div>");
         jQuery(this).find("li").each(function(n) {
                  jQuery("div#stripTransmitter" + j + " ul").append("<li class='pic"+(n+1)+"thumb'><a title='" + jQuery(this).find("img").attr("alt") + "' href='#'>"+(n+1)+"<\/a><\/li>");
                                                     
            });

         jQuery("div#stripTransmitter" + j + " a").each(function(z) {
            numberOfPictures = z;
         });
            
         jQuery("div#stripTransmitter" + j + " a").each(function(z) {
            var cnt = - (pictWidth*z);
            var cntNEG = - (pictWidth*numberOfPictures);
            jQuery("div#bildergalerie div#img"+(z+1)).append("<a id='picPRE"+(z+1)+"'' class='back' href='#'><span>back</span><\/a>");
            jQuery("div#bildergalerie div#img"+(z+1)).append("<a id='picNXT"+(z+1)+"' class='next' href='#'><span>next</span><\/a>");
            
            jQuery("#picPRE"+(z+1)).bind("click", function(){
               jQuery("div.stripTransmitter ul li a").removeClass("current");
               if(z==0){
                  jQuery("#bildergalerie ul").animate({ left: (cntNEG)}, settings.easeTime, settings.easeFunc);
                  jQuery(".pic"+(numberOfPictures+1)+"thumb a").addClass("current");
               } else {
                  jQuery("#bildergalerie ul").animate({ left: (cnt+pictWidth)}, settings.easeTime, settings.easeFunc);
                  jQuery(".pic"+(z)+"thumb a").addClass("current");
               }
               return false;
            });
            jQuery("#picNXT"+(z+1)).bind("click", function(){
               jQuery("div.stripTransmitter ul li a").removeClass("current");
               if(z==numberOfPictures){
                  jQuery("#bildergalerie ul").animate({ left: (0)}, settings.easeTime, settings.easeFunc);
                  jQuery(".pic"+(1)+"thumb a").addClass("current");
               } else {
                  jQuery("#bildergalerie ul").animate({ left: (cnt-pictWidth)}, settings.easeTime, settings.easeFunc);
                  jQuery(".pic"+(z+2)+"thumb a").addClass("current");
               }
               return false;
            });
                                               
            jQuery(this).bind("click", function(){
               jQuery(this).addClass("current").parent().parent().find("a").not(jQuery(this)).removeClass("current"); // wow!
               jQuery("#bildergalerie ul").animate({ left: (cnt)}, settings.easeTime, settings.easeFunc);
               return false;
               });
            });
         jQuery("div#stripTransmitter" + j).css("width" , pictWidth);
         jQuery("div#stripTransmitter" + j + " a:eq(0)").addClass("current");
         if(settings.toolTip){
         container.next(".stripTransmitter ul").find("a").Tooltip({
            track: true,
            delay: 0,
            showURL: false,
            showBody: false
            });
         }
         });
      j++;
  }); 
};