jQuery(function(){
   jQuery("div.svw").prepend("<img src='../images/loading.gif' class='ldrgif' alt='loading...'/ >"); 
});
var j = 0;
jQuery.fn.slideView = function(settings) {
	  settings = jQuery.extend({
     easeFunc: "easeInOutExpo", /* <-- easing function names changed in jquery.easing.1.2.js */
     easeTime: 0,
	 pageSize : 8
  }, settings);
	return this.each(function(){
		var container = jQuery(this);
		container.find("img.ldrgif").remove(); // removes the preloader gif
		container.removeClass("svw").addClass("stripViewer");
        var firstImg = container.find("li").find("img");
		var pictWidth = 709;//firstImg.width();
		var pictHeight = firstImg.height();
		var pictEls = container.find("li").size();
		var stripViewerWidth = pictWidth * pictEls;
		container.find("ul").css("width" , stripViewerWidth);
		container.css("width" , pictWidth);
		container.each(function(i) {
			jQuery(this).before("<div class='stripTransmitterNav'><div class='stripTransmitter' id='stripTransmitter" + j + "'><div style='position:relative;width:210px'><\/div><\/div></div>");
			jQuery(this).before("<div class='stripImage'><img src='"+ firstImg.attr("src") +"'></div>");
			jQuery(this).after("<div class='slidevewpicTitle' id='slidevewpicTitle'>"+jQuery(this).find("img").attr("alt")+"</div>");
			jQuery(this).find("li").each(function(n) {
						jQuery("div#stripTransmitter" + j + " div").append("<a title='" + jQuery(this).find("img").attr("alt") + "' href='javascript:void(0)'><img src='" + jQuery(this).find("img").attr("src") + "'><\/a>");
				});
			var objImagePreloader = jQuery(".stripImage").find("img");
			objImagePreloader[0].onload = function() {
					pageReSize();
			};

			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"); // wow!
				var cnt = - (pictWidth*z);
				objImagePreloader.attr("src", jQuery(this).find("img").attr("src"));
				//jQuery(this).parent().parent().parent().siblings().find("ul").animate({ left: cnt});

				jQuery("#slidevewpicTitle").html(jQuery(this).attr("title"));
				return false;
				   });
				});
 			jQuery("div#stripTransmitter" + j + " a:eq(0)").addClass("current");

			if(pictEls > settings.pageSize){
				jQuery(".stripTransmitterNav").prepend("<a href='#' id='stripTransmitter_forward'>▼<\/a><a href='#' id='stripTransmitter_back'>▲<\/a>&nbsp;MORE PHOTOS:");
				jQuery("#stripTransmitter_forward").bind("click" , function(){
					jQuery(".stripTransmitter div").animate({top : "-416px" }, settings.easeTime, settings.easeFunc);
					return false;
				})
				jQuery("#stripTransmitter_back").bind("click" , function(){
					jQuery(".stripTransmitter div").animate({top : 0 }, settings.easeTime, settings.easeFunc);
					return false;
				})
			}
			});
		j++;
  });	
};