jQuery(function()
       {
       jQuery("div.svw").prepend("<img src='/static/media/artwork/spinner.gif' class='ldrgif' alt='loading...'/ >"); 
      });
var j = 0;
var quantofamo = 0;
jQuery.fn.slideView = function(settings) {
   settings = jQuery.extend({
                            easeFunc: "easeInOutExpo",
                            easeTime: 750,
                            toolTip: false
                            }, settings);
   return this.each(function(){
                    var container = jQuery(this);
                    container.find("img.ldrgif").remove(); // removes the preloader gif
                    container.removeClass("svw").addClass("stripViewer");		
                    // var pictWidth = container.find("img").width();
                    // var pictHeight = container.find("img").height();
                    var pictWidth = 160;
                    var pictHeight = 108;
                    var pictEls = container.find("li").size();
                    var stripViewerWidth = pictWidth*pictEls;
                    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) + "'></div>");
                                   /* jQuery(this).find("li").each(function(n) {
                                    jQuery("div#stripTransmitter" + j + " ul").append("<li><a title='" + jQuery(this).find("img").attr("alt") + "' href='#'>"+(n+1)+"<\/a><\/li>");												
                                    }); */
                                   jQuery("div#stripTransmitter" + j ).append("<div class='car-left'><a title='left' href='#'><img src='/static/media/artwork/carrousel-left.png'></a></div>");
                                   jQuery("div#stripTransmitter" + j ).append("<div class='car-right'><a title='right' href='#'><img src='/static/media/artwork/carrousel-right.png'></a></div>");
                                   jQuery("div#stripTransmitter" + j + " a[title^=left]").click(function()
                                                                                                {
                                                                                                if (jQuery(':animated').length) {
                                                                                                return false;} // throw away repeated clicks
                                                                                                curleft = container.find("ul").position().left
                                                                                                cnt = Math.round(curleft) + pictWidth
                                                                                                if (cnt <= 0) { container.find("ul").animate({ left: cnt}, settings.easeTime, settings.easeFunc); }
                                                                                                else {container.find("ul").animate({ left: 30},250);
                                                                                                container.find("ul").animate({ left: 0},250)};
                                                                                                return false;
                                                                                                });
                                   jQuery("div#stripTransmitter" + j + " a[title^=right]").click(function() 
                                                                                                 {
                                                                                                 if (jQuery(':animated').length) {
                                                                                                 return false;}
                                                                                                 curleft = container.find("ul").position().left
                                                                                                 cnt = Math.round(curleft) - pictWidth
                                                                                                 if ( -(cnt) < stripViewerWidth) {container.find("ul").animate({ left: cnt }, settings.easeTime, settings.easeFunc)}
                                                                                                 else { container.find("ul").animate({ left: -stripViewerWidth+pictWidth-30},250);
                                                                                                 container.find("ul").animate({ left: -stripViewerWidth+pictWidth },250)};
                                                                                                 return false;
                                                                                                 });
                      
                  
                                   
                                   jQuery("div#stripTransmitter" + j).css("width" , pictWidth);
                                   jQuery("div#stripTransmitter" + j + " a:first").addClass("current");
                                   if(settings.toolTip){
                                   container.next(".stripTransmitter ul").find("a").Tooltip({
                                                                                            track: true,
                                                                                            delay: 0,
                                                                                            showURL: false,
                                                                                            showBody: false
                                                                                            });
                                   }
                                   });
                    j++;
                    });	
};
