var j = 0;
var currentID = 0;
var slideTimer;
var slideTime = 3000;
var liItems=0;
jQuery.fn.slideView = function(settings) {
	settings = jQuery.extend({
		easeFunc: "easeInOutExpo",
		easeTime: 750,
		slideTime: slideTime,
		fadeTime: 2000,
		fadeOutTime: 200,
		toolTip: false
	}, settings);
	return this.each(function(){
		slideTime = settings.slideTime;
		var container = jQuery(this);
		container.addClass("svw");

		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;
		container.find("ul").css("width" , stripViewerWidth); //assegnamo la larghezza alla lista UL	
		container.css("width" , pictWidth);
		container.css("height" , pictHeight);

		// event to stop the slide effect
		container.bind("click", function(){
			clearTimeout(slideTimer);
		});
		
		container.each(function(i) {
			// this creates the pagination
			jQuery(this).after("<div class='stripTransmitter' id='stripTransmitter" + (j) + "'><ul><\/ul><\/div>");
			//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='#' id='sp"+(n)+"'>"+(n+1)+"<\/a><\/li>");
				liItems++;
			});
			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
				});
			}
			
			//adds the click and cylce events
			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");
					var cnt = -(pictWidth*z);
					container.find("ul").animate({ left: cnt}, settings.easeTime, settings.easeFunc);
					currentID = z;
					clearTimeout(slideTimer);
					return false;
				});
				
				jQuery(this).bind("scrollNext", function(){
					jQuery(this).addClass("current").parent().parent().find("a").not(jQuery(this)).removeClass("current");
					var cnt = -(pictWidth*z);
					var previousImg = jQuery(container).find("img")[currentID].src;
					currentID = z;
					jQuery('#pageImage').css("background-image","url('"+previousImg+"')");
					container.find("ul").animate({ left: cnt}, settings.easeTime, settings.easeFunc, sliderFadeEffect(settings.fadeTime));
					sliderSlide();
					return false;
				});
			});


		});
		j++;
		
		sliderSlide();
	});
};

function sliderFadeEffect(time){
	var sliderID = ".headerImagesList";
	try{
		jQuery(sliderID).hide();
	}catch(e){}
	try{
		jQuery(sliderID).fadeIn(time);
	}catch(e){}
}

function sliderFadeIn(sliderID){
	console.log("sliderFadeIn");
	jQuery(sliderID).stop().fadeTo(500, 1);
}

function sliderSlide(){
	var numImages = liItems;
	currentID = (currentID >= numImages) ? 0 : currentID;
	
	slideTimer = setTimeout(
		(
			function() {
				var numImages = liItems;
				var click = currentID + 1;
				click = (click >= numImages) ? 0 : click;
				jQuery("#sp"+click).trigger("scrollNext");
				//sliderSlide();
			}
		), slideTime
	);

}