jQuery(function(){
   jQuery("div.svw").prepend("<img src='i/svwloader.gif' class='ldrgif' alt='loading...'/ >"); 
});

var j = 1;
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();
		container.removeClass("svw").addClass("stripViewer");
		
		var pictWidth = 970;
		var pictHeight = 380;
		var pictEls = container.find("li").size();
		var stripViewerWidth = pictWidth * pictEls;
		
		container.find("ul").css("width" , stripViewerWidth);
		container.css("width" , pictWidth);
		container.css("height" , pictHeight);

		
		container.each(function(i) {
			jQuery(this).after("<div class='stripTransmitter' id='stripTransmitter'><ul><\/ul><\/div>");
			var r = 1;
			jQuery(this).find("li").each(function() {
				jQuery("div#stripTransmitter ul").append("<li><a href='#'>"+ r +"<\/a><\/li>");
				
				jQuery("div#toLeft" + r).bind("click", function(){ 
					var frame = jQuery("ul#frame");
					var stripe = jQuery("div#stripTransmitter");
					var prevA = stripe.find("a.current").parent().prev().find("a");

					var aNum = prevA.html() * 1;
					if (aNum > 0) {
						var lft = frame.css("left");
						cntNow = lft.substr(0, lft.length - 2) * 1;
						frame.animate({left: cntNow + pictWidth}, settings.easeTime, settings.easeFunc);
						stripe.find("a.current").removeClass("current");
						prevA.addClass("current");
					}
					return false;
				});

				jQuery("div#toRight" + r).bind("click", function(){ 
					var frame = jQuery("ul#frame");
					var stripe = jQuery("div#stripTransmitter");
					var nextA = stripe.find("a.current").parent().next().find("a");

					var aNum = nextA.html() * 1;
					if (aNum > 0) {
						var lft = frame.css("left");
						cntNow = lft.substr(0, lft.length - 2) * 1;
						frame.animate({left: cntNow - pictWidth}, settings.easeTime, settings.easeFunc);
						stripe.find("a.current").removeClass("current");
						nextA.addClass("current");
					}
					return false;
				});
				
				r++;
			});
			
		


			jQuery("div#stripTransmitter 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);
					jQuery(this).parent().parent().parent().prev().find("ul").animate({left: cnt}, settings.easeTime, settings.easeFunc);
					return false;
				});
			});





			jQuery("div#stripTransmitter").css("width" , pictWidth);
			jQuery("div#stripTransmitter a:eq(0)").addClass("current");

		});
		$j++;
	});	
};