//easeFunc: "easeInOutExpo",
jQuery(function() {
    jQuery("div.svw").prepend("<img src='img/loading.gif' class='ldrgif' alt='loading...'/ >");
});
var j = 0;
var quantofamo = 0;
jQuery.fn.slideView = function(settings) {
    settings = jQuery.extend({
        easeFunc: "none",
        easeTime: 0,
        toolTip: false
    }, settings);
    return this.each(function() {
        var container = jQuery(this);
        container.find("img.ldrgif").remove(); //removes the preloader gif
        container.removeClass("svw").addClass("stripViewer");
        var captionHeight = 50;
        var pictWidth = 397; //container.find("img").width();
        var pictHeight = 397; //container.find("img").height();
        var pictGroups = container.find("li").size();
        var pictEls = container.find("img").size();
        var stripViewerWidth = pictWidth * pictEls;
        container.find("ul").css("width", stripViewerWidth); //assign width to UL
        container.css("width", pictWidth);
        container.css("height", pictHeight);
        container.each(function(i) {
            jQuery(this).after("<div class='stripCaption' id='stripCaption" + (j) + "'><ul><\/ul><\/div>");
            jQuery(this).after("<div class='stripTransmitter' id='stripTransmitter" + (j) + "'><ul><\/ul><\/div>");

            jQuery(this).find("li").each(function(n) {
                jQuery("div#stripTransmitter" + j + " ul").append("<li id='sli" + (n) + "'>");
                jQuery(this).find("img").each(function(m) {
                    jQuery("div#stripCaption" + j + " ul").append("<li id='sli" + n + "_" + m + "'><strong>" + jQuery(this).parent().attr("title") + "</strong><br />" + jQuery(this).attr("alt") + "<\/li>");
                    if(jQuery(this).parent().attr("title").indexOf("www.")>=0){
                        // make www visit link
                        jQuery("div#stripCaption" + j + " ul li#sli" + n + "_" + m + " strong").append(" <a class='weblink' href='http://" + jQuery(this).parent().attr("title") + "' target='_blank'>visit &gt;</a>");
                    };
                    jQuery("div#stripTransmitter" + j + " ul li#sli" + n).append("<a title='" + jQuery(this).parent().attr("title") + "' href='#'><span class='hide'>" + (m + 1) + "<\/span><\/a>");
                });
            });

            //dynamically set height of transmitter so it sits at bottom edge of image. (
            jQuery("div#stripTransmitter" + j).css("marginTop", 428 - jQuery("div#stripTransmitter" + j).height());

            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!
                    jQuery(this).parent().addClass("current").parent().parent().find("li").not(jQuery(this).parent()).removeClass("current"); //even better
                    var cnt = -(pictWidth * z);
                    var cnt2 = -(captionHeight * z);
                    container.find("ul").stop(true, false).animate({ left: cnt }, settings.easeTime, settings.easeFunc);
                    container.parent().find(".stripCaption ul").stop(true, false).animate({ top: cnt2 }, settings.easeTime, settings.easeFunc);
                    return false;
                });
            });
            //add back/next links       
            jQuery("div#stripTransmitter" + j + " a").parent().parent().parent().prev().find("img").wrap("<div/>").parent().prepend("<a class='imgbtnback'/><a class='imgbtnnext'/>").each(function(z) {
                
                jQuery(this).find("a.imgbtnnext").bind("click", function() {
                    var ui = jQuery(this).parent().parent().parent().parent().next().find("a");
                    if (z + 1 < pictEls) {
                        //alert("next " + (z+1));
                        ui.eq(z + 1).trigger("click");
                    }
                    else ui.eq(0).trigger("click");
                });
                jQuery(this).find("a.imgbtnback").bind("click", function() {
                    var ui = jQuery(this).parent().parent().parent().parent().next().find("a");
                    if (z - 1 < pictEls) {
                        //alert("back " + (z-1));
                        ui.eq(z - 1).trigger("click");
                    }
                    else ui.eq(0).trigger("click");
                });
            });

            //jQuery("div#stripTransmitter" + j).css("width", pictWidth);
            jQuery("div#stripTransmitter" + j + " a:first").addClass("current").parent().addClass("current");

            if (settings.toolTip) {
                container.next(".stripTransmitter ul").find("a").Tooltip({
                    track: true,
                    delay: 0,
                    showURL: false,
                    showBody: false
                });
            }
        });
        j++;
    });
};