jQuery(function(){
   jQuery("div.svw").prepend("<img src='../images/ajax-loader.gif' class='ldrgif' alt='loading...'/ >"); 
});
var j = 0;

var prev;

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 pictEls = container.find("li").size();
		var stripViewerWidth = pictWidth*pictEls;
		var curr_slide = 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) {

		// rimuovo una freccia se siamo agli estremi
		fix_arrows = function(){
			// freccia back
			if (curr_slide == 0) {
				$('#prev_link').remove();
				$('#prev_link_small').remove();
			}

			if (curr_slide != 0) {
				if ($('#prev_link').length == 0) {
					// devo rimettere il back	
					$('#mygal').append("<a class='prev' id='prev_link' onclick='prev()'>" + "<\/a>");
					$('#mygal').append("<a class='small_prev' id='prev_link_small' onclick='prev()'>" + "<\/a>");
				}
			}
			
			// freccia next
			if (curr_slide != pictEls-1) {
				if ($('#next_link').length == 0) {
					// devo rimettere il next	
					$('#mygal').append("<a class='next' id='next_link' onclick='next()'>" + "<\/a>");
					$('#mygal').append("<a class='small_next' id='next_link_small' onclick='next()'>" + "<\/a>");
				}
			}
			else {
				$('#next_link_small').remove();
				$('#next_link').remove();
			}
		}


		fix_arrows();


		prev = function(){
		var cnt = -(pictWidth*(curr_slide-1));
		container.find("ul").animate({ left: cnt}, settings.easeTime, settings.easeFunc);
		curr_slide = (curr_slide-1);


		// sistemo la classe current nei quadratini
		
		$('#stripTransmitter0 a').each(function(idx, item) {
    		if (idx == curr_slide) {
				jQuery(this).addClass("current");
    		}
    		else{
    			jQuery(this).removeClass("current");
    		}
		});



		fix_arrows();

		}



		next = function(){
		var cnt = -(pictWidth*(curr_slide+1));
		container.find("ul").animate({ left: cnt}, settings.easeTime, settings.easeFunc);
		curr_slide = (curr_slide+1);


		// sistemo la classe current nei quadratini
		
		$('#stripTransmitter0 a').each(function(idx, item) {
      		if (idx == curr_slide) {
				jQuery(this).addClass("current");
    		}
    		else{
    			jQuery(this).removeClass("current");
    		}
		});



		fix_arrows();

		}




			
			
			$(this).before("<div class='stripTransmitter' id='stripTransmitter" + (j) + "'><ul><\/ul><\/div>");
			$(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 + " a").each(function(z) {
				jQuery(this).bind("click", function(){


				jQuery(this).addClass("current").parent().parent().find("a").not(jQuery(this)).removeClass("current"); // wow!

				var cnt = -(pictWidth*z);
				container.find("ul").animate({ left: cnt}, settings.easeTime, settings.easeFunc);
				curr_slide = z
				
				fix_arrows();
				return false;
				   });
				});
				
				
							
			
				
			
				
				
				
				
				
				
		
			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++;
  });	
};