jQuery(function(){
   jQuery("div.svw").prepend("<img src='images/product/svwloader.gif' class='ldrgif' alt='loading...'/ >"); 
});
var crr=0;var count=0;
var pictWidth; var pictHeight;
jQuery.fn.slideView = function(settings) {
	settings = jQuery.extend({
     easeTime: 5000,
     moveTime: 15000,
     toolTip: false
  }, settings);
	return this.each(function(){
		var container = jQuery(this);
		container.find("div.ldrgif").remove(); // removes the preloader gif
		container.removeClass("svw").addClass("stripViewer");		
		pictWidth = container.find("li").find("div").width();
		pictHeight = container.find("li").find("div").height();
		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><a href='About/About_patientth.aspx' class='more'>ดูทั้งหมด</a><\/div>");
			jQuery(this).find("li").each(function(n) {
						jQuery("div#stripTransmitter ul").append("<li><a href='#'>"+(n+1)+"<\/a><\/li>");
						count+=1;
				});
			count-=1;
			
		
			
			jQuery("div#stripTransmitter a").each(function(z) {
			    if (this.className != 'more') {
				    jQuery(this).bind("click", function(){
					    crr=z;
					    MoveSlide(jQuery(this),pictWidth,crr);
					    return false;
				    });
				}
			});
			jQuery("div#stripTransmitter").css("width",pictWidth);
			jQuery("div#stripTransmitter a:eq(0)").addClass("current");
			if(settings.toolTip){
				container.next(".stripTransmitter ul").find("a").Tooltip({track:true,delay:0,showURL:false,showBody:false});
			}
		});
		setTimeout(MoveNext, settings.moveTime);
	});
	
	
	function MoveNext() {
		crr+=1;
		if(crr>count){crr=0;}
		var crrA=jQuery("div#stripTransmitter ul li a:eq("+crr+")");
		MoveSlide(crrA,pictWidth,crr);
		setTimeout(MoveNext, settings.moveTime);
	}
			
	function MoveSlide(e,pictWidth,index){
		e.addClass("current").parent().parent().find("a").not(e).removeClass("current");
		var cnt=-(pictWidth*index);
		e.parent().parent().parent().prev().find("ul").fadeOut();
		e.parent().parent().parent().prev().find("ul").animate({left:cnt},1);
		e.parent().parent().parent().prev().find("ul").fadeIn();
	}
		
};