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

var j = 0;

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 = container.find("li").find("img").width();
		var pictHeight = container.find("li").find("img").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" + j + "'><ul><\/ul><\/div>");
			var r = 0;
			jQuery(this).find("li").each(function() {
				if (jQuery(this).html() == "website: " || jQuery(this).html() == "video: ") {
					jQuery(this).remove();
					jQuery("div#stripTransmitter" + j + " ul").append("<li>" + jQuery(this).html() + "<\/li>");
				} else {
					jQuery("div#stripTransmitter" + j + " ul").append("<li><a href='#'>"+(r+1)+"<\/a><\/li>");
					r++;
				}
			});
			
			
		jQuery("div#stripTransmitter" + j).after("<div class='toLeft' id='toLeft" + j + "'><a href='#'><img src='img/toleft.gif' width='20' height='30' alt='left' \/><\/a><\/div>&nbsp;<div class='toRight' id='toRight" + j + "'><a href='#'><img src='img/toright.gif' width='20' height='30' alt='right' \/><\/a><\/div>");
		
		jQuery("div#toLeft" + j).bind("click", function(){ 
			var stripe = jQuery(this).prev();
			var prevHTML = stripe.find("a.current").parent().prev().html();
			if(prevHTML == "website: " || prevHTML == "video: ") {
				var prevA = stripe.find("a.current").parent().prev().prev().find("a");
			} else {
				var prevA = stripe.find("a.current").parent().prev().find("a");
			}
			var aNum = prevA.html() * 1;
			if (aNum > 0) {
				var lft = stripe.prev().find("ul").css("left");
				cntNow = lft.substr(0, lft.length - 2)*1;
				stripe.prev().find("ul").animate({left: cntNow + pictWidth}, settings.easeTime, settings.easeFunc);
				stripe.find("a.current").removeClass("current");
				prevA.addClass("current");
			}
			return false;
		});

		jQuery("div#toRight" + j).bind("click", function(){ 
			var stripe = jQuery(this).prev().prev();
			var nextHTML = stripe.find("a.current").parent().next().html();
			if(nextHTML == "website: " || nextHTML == "video: ") {
				var nextA = stripe.find("a.current").parent().next().next().find("a");
			} else {
				var nextA = stripe.find("a.current").parent().next().find("a");
			}
			var aNum = nextA.html() * 1;
			if (aNum > 0) {
				var lft = stripe.prev().find("ul").css("left");
				cntNow = lft.substr(0, lft.length - 2)*1;
				stripe.prev().find("ul").animate({left: cntNow - pictWidth}, settings.easeTime, settings.easeFunc);
				stripe.find("a.current").removeClass("current");
				nextA.addClass("current");
			}
			return false;
		});

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





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

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