jQuery(function(){
	jQuery("div.svw").prepend("<img src='/img/svwloader.gif' class='ldrgif' alt='loading...'/ >");
});
var j = 0;
jQuery.fn.verticalSlideView = function(settings,topbut,bottombut,gofunc) {
	settings = jQuery.extend({
		easeFunc: "swing", /* <-- easing function names changed in jquery.easing.1.2.js */
		easeTime: 750,
		toolTip: false,
		items: null,
		sliderCount:2
	}, settings);
	return this.each(function() {
		var container = jQuery(this);
		container.find("img.ldrgif").remove(); // removes the preloader gif
		container.removeClass("svw").addClass("stripVerticalViewer");
		var pictWidth = container.find("li").find("div").width();
		var pictHeight = container.find("li").height()+10;
		var pictEls = container.find("li").size();
		if (settings.items && settings.items.length) {
			pictEls = settings.items.length;
		}
		var stripViewerHeight = pictHeight*pictEls;
		//		container.find("ul").css("height" , stripViewerHeight); //assegnamo la larghezza alla lista UL
		container.css("width" , pictWidth);
		container.css("height" , pictHeight*settings.sliderCount-5);
		var idx = parseInt(container.find("ul").css("top")) / -pictHeight;
				
		var li_count=container.find("li").size();
		if (idx<=0) {
			jQuery(topbut).css('visibility', 'hidden');
		} else {
			jQuery(topbut).css('visibility', 'visible');
		}
		
		if (idx>li_count-1-settings.sliderCount) {
			jQuery(bottombut).css('visibility', 'hidden');
		} else {
			jQuery(bottombut).css('visibility', 'visible');
		}

		// bind action to button

		jQuery(bottombut).bind("click",function()
		{			
			if (container.hasClass("buzy")) return false;
			var idx = parseInt(container.find("ul").css("top")) / -pictHeight;			
			var act = jQuery(container.find("li")[idx]).find("a");		
			if (idx<container.find("li").size()-settings.sliderCount) {
				container.addClass("buzy");
				var cnt = parseInt(container.find("ul").css("top")) - pictHeight;
				container.find("ul").animate( { top: cnt }, settings.easeTime, settings.easeFunc, function() {					
					container.removeClass("buzy");
					var idx = parseInt(container.find("ul").css("top")) / -pictHeight;
					var li_count=container.find("li").size();
					var ul = container.find("ul");
					var last_li = container.find("li")[li_count-1];					
					if ( settings.items[li_count] && idx>=li_count-settings.sliderCount) {						
						var cnt = settings.items[li_count];
						ul.append("<li>"+cnt+"</li>");
					}
					var idx = parseInt(container.find("ul").css("top")) / -pictHeight;
					var li_count=container.find("li").size();
					if (idx<=0) {
						jQuery(topbut).css('visibility', 'hidden');
					} else {
						jQuery(topbut).css('visibility', 'visible');
					}
					if (idx>li_count-1-settings.sliderCount) {
						jQuery(bottombut).css('visibility', 'hidden');
					} else {
						jQuery(bottombut).css('visibility', 'visible');
					}
				});
			}
			return false;
		});
		// bind action to button
		jQuery(topbut).bind("click",function()
		{
			if (container.hasClass("buzy")) return false;
			var idx = parseInt(container.find("ul").css("top")) / -pictHeight;			
			var act = jQuery(container.find("li")[idx]).find("a");
			if (idx>0) {
				container.addClass("buzy");
				var cnt = parseInt(container.find("ul").css("top")) + pictHeight;
				container.find("ul").animate( { top: cnt }, settings.easeTime, settings.easeFunc, function() {
					container.removeClass("buzy");
					var idx = parseInt(container.find("ul").css("top")) / -pictHeight;
					var li_count=container.find("li").size();
					if (idx<=0) {
						jQuery(topbut).css('visibility', 'hidden');
					} else {
						jQuery(topbut).css('visibility', 'visible');
					}
					if (idx>li_count-1-settings.sliderCount) {
						jQuery(bottombut).css('visibility', 'hidden');
					} else {
						jQuery(bottombut).css('visibility', 'visible');
					}
				});
			}
			return false;
		});

	});
};