jQuery(function(){
   jQuery("div.svw").prepend("<img style=\"margin-top:70px;margin-left:127px;\" src='images/ajax-loader.gif' class='ldrgif' alt='loading...'/ >"); 
});
var j = 0;
jQuery.fn.slideView = function(settings) {
	  settings = jQuery.extend({
     easeFunc: "expoinout",
     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");
		if( settings.pictWidth ) { var pictWidth = settings.pictWidth; }
		else { var pictWidth = container.find("li").find("img").width() }
		if( settings.pictHeight ) { var pictHeight = settings.pictHeight; }
		else { var pictHeight = container.find("li").find("img").height(); }		
		
		if( settings.displayImages ) { var displayImages = settings.displayImages; }
		else { var displayImages = 1; }
		
		var containerWidth = displayImages * pictWidth;
		var containerHeight = pictHeight;
		
		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" , containerWidth);
		container.css("height" , containerHeight);
		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><a title='" + jQuery(this).find("img").attr("alt") + "' href='#'>"+(n+1)+"<\/a><\/li>");												
				});

				
				z = 0;
				
				// default Werte
				if(!settings.ContainerClass){ settings.ContainerClass = '.image'; }
				if(!settings.backCon){ settings.ContainerClass = '#back'; }
				if(!settings.nextCon){ settings.ContainerClass = '#next'; }
				
				jQuery(settings.nextCon).bind("click", function(){
					if(z<pictEls-displayImages){
						z = z+1;
						var cnt = - (pictWidth*z);
						jQuery("ul"+settings.ContainerClass).animate({ left: cnt}, settings.easeTime, settings.easeFunc);
					}
				return false;
				});
				
				jQuery(settings.backCon).bind("click", function(){
					if(z>=1){
						z = z-1;
						var cnt = - (pictWidth*z);
						jQuery("ul"+settings.ContainerClass).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++;
  });	
};