//jQuery.fn.skim = function() { return this.each(function() {var container = $(this);var imgHeight = container.find("li").find("img").height();var imgWidth = container.find("li").find("img").width();var numImgs = container.find("li").size();var zoneWidth = imgWidth / numImgs;container.css("overflow", "hidden");container.css("width", imgWidth);container.find("ul").css("float", "left");container.find("ul").css("width", imgWidth);container.find("ul").css("height", imgHeight);container.find("ul li").css("float", "left");container.find("ul li").css("display", "none");container.find("ul li:first").css("display", "block"); container.find("ul li:first").css("float", "left"); container.find("ul").mousemove(function(e) { var offset = container.offset(); x = e.pageX - offset.left; var currentZone = Math.floor(x / zoneWidth); $(this).find("li").css("display", "none"); $(this).find("li:eq(" + currentZone + ")").css("display", "block"); }); }); }

jQuery.fn.skim = function () {
    return this.each(function () {
        var container = $(this);
        var imgHeight = container.find("li").find("img").height();
        var imgWidth = container.find("li").find("img").width();
        var numImgs = container.find("li").size();
        var zoneWidth = imgWidth / numImgs;
        container.css("overflow", "hidden");
        container.css("width", imgWidth);
        container.find("ul").css("float", "left");
        container.find("ul").css("width", imgWidth);
        container.find("ul").css("height", imgHeight);
        container.find("ul li").css("float", "left");
        container.find("ul li").css("display", "none");
        container.find("ul li:first").css("display", "block");
        container.find("ul li:first").css("float", "left");
        container.find("ul").mousemove(function (e) {
            var offset = container.offset();
            x = e.pageX - offset.left;
            var currentZone = Math.floor(x / zoneWidth);
            
            if( currentZone > (numImgs-1) )  {
				currentZone = numImgs-1;
            }
            
            $(this).find("li").css("display", "none");
            $(this).find("li:eq(" + currentZone + ")").css("display", "block");
        });
        
        container.find("ul").mouseleave(function (e) {
        	$(this).find("li").css("display", "none");
			$(this).find("li:first").css("display", "block");
        });	
    });
}