/**
* @author: tom.bran[]gmail-com
* @version: 0.9.8
* edited: August '10
* plugin name: CarouSlide
*/
(function($) {
$.fn.CarouSlide = function(userConfig) {
        $.fn.CarouSlide.config = { slideTime: 6000, animTime: 1000, autoAnim: false, animInfinity: false, alwaysNext: false, animType: "fade", showSlideNav: true, showBackNext: false, showPauseButton: true, sliderHolder: ".slider-holder", navContainer: ".slider-nav", hoverLinks: false, easingStyle: null }; function methods() {
            this.props = {}; var $m = this; this.gotoSlide = function(pos, direct, dir) {
                pos = parseInt(pos); if (pos != $m.props.currentSlide) {
                    $m.props.animReady = false; $m.props.prevSlide = $m.props.currentSlide; $m.props.direction = dir; $m.props.direct = direct; $m.props.animQueue = null; $m.props.oldPos = $m.props.currentSlide; $m.props.newPos = null; if ($m.props.direct) {
                        if ($m.props.autoAnim && $m.props.animState == "play") { $m.resetTimer(); }
                        $m.props.currentSlide = pos;
                    }
                    else {
                        $m.props.currentSlide += dir; if ($m.props.currentSlide >= $m.props.sCount) { $m.props.currentSlide = pos = 0; }
                        if ($m.props.currentSlide < 0) { $m.props.currentSlide = pos = $m.props.sCount - 1; } 
                    }
                    if ($m.props.showSlideNav) { $m.setNavActive($m.props.currentSlide); }
                    switch ($m.props.animType) {
                        case "none": newPos = $m.slideAnimSetup($m.props.sWidth, "left", pos); $m.props.sUL.css({ "left": newPos + "px" }); $m.props.direct = null; $m.props.animReady = true; break; case "slide": newPos = $m.slideAnimSetup($m.props.sWidth, "left", pos); $m.props.sUL.animate({ "left": newPos + "px" }, $m.props.animTime, $m.props.easingStyle, $m.transAnimCallback); break; case "slide-vertical": newPos = $m.slideAnimSetup($m.props.sHeight, "top", pos); $m.props.sUL.animate({ "top": newPos + "px" }, $m.props.animTime, $m.props.easingStyle, $m.transAnimCallback); break; case "fade": var $current = $m.props.sUL.find("> li:eq(" + $m.props.currentSlide + ")"); var $prev = $m.props.sUL.find("> li:eq(" + $m.props.prevSlide + ")"); $current.css("z-index", "100").animate({ "opacity": "1" }, $m.props.animTime, $m.transAnimCallback); $prev.css("z-index", "10"); if ($m.props.prevSlide !== null) { setTimeout(function() { $prev.css("opacity", "0"); }, $m.props.animTime); }
                            break; default: 
                    } 
                } 
            }; this.slideAnimSetup = function(dim, dir, pos) {
                var output; var minus = dir == "top" ? 0 : 1; if ($m.props.animInfinity) { if ($m.props.direct) { $m.resetAllSlidePositions(); $m.props.sUL.css(dir, -(dim * $m.props.oldPos) + "px"); output = -(dim * $m.props.currentSlide); } else { output = -dim + (dim * -$m.props.direction); } } else if ($m.props.alwaysNext) { $(".s-id-" + $m.props.oldPos, $m.props.sUL).remove().prependTo($m.props.sUL); $(".s-id-" + $m.props.currentSlide, $m.props.sUL).remove().insertAfter($(".s-id-" + $m.props.oldPos, $m.props.sUL)); var listItem = $(".s-id-" + $m.props.oldPos, $m.props.sUL); $m.props.sUL.css(dir, "0px"); output = ($m.props.sUL.css(dir).split("px")[0] - dim); }
                else { output = (dim * -pos); }
                return output;
            }; this.transAnimCallback = function() {
                if ($m.props.animInfinity) {
                    if ($m.props.direct) { $m.setSlideOrder($m.props.currentSlide); }
                    if ($m.props.direction == 1) { var firstSlide = $(".slide:first", $m.props.sUL); firstSlide.remove().appendTo($m.props.sUL); }
                    else if ($m.props.direction == -1) { var lastSlide = $(".slide:last", $m.props.sUL); lastSlide.remove().prependTo($m.props.sUL); }
                    if ($m.props.animType == "slide") { $m.props.sUL.css("left", -$m.props.sWidth + "px"); }
                    if ($m.props.animType == "slide-vertical") { $m.props.sUL.css("top", -$m.props.sHeight + "px"); } 
                }
                $m.props.direct = null; $m.props.animReady = true; if ($m.props.animQueue !== null) { $m.gotoSlide($m.props.animQueue, true, null); } 
            }; this.setNavActive = function(id) { $("li", $m.props.navContainer).removeClass("active"); $("> li:eq(" + id + ")", $m.props.navContainer).addClass("active"); }; this.timerFunc = function() { $m.gotoSlide($m.props.currentSlide + 1, false, 1); }; this.resetTimer = function(startNow) { clearInterval($m.props.timer); $m.props.timer = setInterval($m.timerFunc, $m.props.slideTime + $m.props.animTime); if (startNow) { $m.timerFunc(); } }; this.resetAllSlidePositions = function() { for (var i = 0; i < $m.props.sCount; i++) { $(".s-id-" + i, $m.props.sUL).remove().appendTo($m.props.sUL); } }; this.setSlideOrder = function(focusOn) {
                var firstSlide = (focusOn - 1 < 0 ? $m.props.sCount - 1 : focusOn - 1); for (var i = 0; i < $m.props.sCount; i++) {
                    var thisSlide = firstSlide + i; if (thisSlide >= $m.props.sCount) { thisSlide -= $m.props.sCount; }
                    $(".s-id-" + thisSlide, $m.props.sUL).remove().appendTo($m.props.sUL);
                } 
            }; this.buildBackNextLinks = function() { var backNextNav = '<ul class="slideshow-back-next">'; backNextNav += '<li class="back-button"><a href="javascript:;">Back</a></li>'; backNextNav += '<li class="next-button"><a href="javascript:;">Next</a></li>'; backNextNav += '</ul>'; $($m.props.sContainer).append(backNextNav); }; this.buildPauseButton = function() { var pauseButton = '<p class="pause-button playing"><a href="javascript:;">Pause</a></p>'; $($m.props.sContainer).append(pauseButton); }; this.buildNav = function() {
                var $nav = $m.props.sUL.after('<ul class="' + $m.props.navContainerTitle + '" />'); var $slides = $m.props.sUL.find("> li"); var slideNavContent = ""; for (var i = 0; i < $m.props.sCount; i++) { var ref = $slides.attr("id"); slideNavContent += '<li><a href="#' + ref + '">Slide ' + (i + 1) + '</a></li>'; }
                $("." + $m.props.navContainerTitle, $m.props.sContainer).append(slideNavContent);
            }
            this.init = function(root) {
                $m.props.sContainer = root; $($m.props.sliderHolder, $m.props.sContainer).wrap("<div class='slider-wrapper' />"); $m.props.sWrapper = ($(".slider-wrapper", root)); $("> ul", $m.props.sWrapper).addClass("s-active " + $m.props.animType); $m.props.timer = null; $m.props.prevSlide = null; $m.props.currentSlide = 0; $m.props.backNextContainer = ".slideshow-back-next"; $m.props.pauseContainer = ".pause-button"; $m.props.sRef = $($(".CarouSlide")).index($m.props.sContainer); $m.props.animReady = true; $m.props.animState = !$m.props.autoAnim ? "pause" : "play"; $m.props.sUL = $(".s-active", $m.props.sWrapper); $m.props.sUL.find("> li", $m.props.sWrapper).each(function(id) { $(this).addClass("slide").addClass("s-id-" + id); }); $m.props.sCount = $(".s-active > li", $m.props.sWrapper).size(); $m.props.sWidth = $(".s-active > li", $m.props.sWrapper).outerWidth(); $m.props.sHeight = $(".s-active > li", $m.props.sWrapper).outerHeight(); $m.props.navContainerTitle = $m.props.navContainer.split(".")[1]; if ($m.props.hoverLinks == true) { $m.props.animType = "none" }
                if ($m.props.showSlideNav && !$m.props.sContainer.find($m.props.navContainer).size()) { $m.buildNav(); }
                $m.props.navContainer = $m.props.sContainer.find($m.props.navContainer); if ($m.props.animType == "none") { $m.props.animInfinity = false; $m.props.alwaysNext = false; } else { $m.props.hoverLinks = false; }
                if ($m.props.alwaysNext && $m.props.animType == "fade") { $m.props.animType = "slide"; }
                if ($m.props.animType == "fade" && ($m.props.animInfinity || $m.props.alwaysNext)) { $m.props.animInfinity = false; $m.props.alwaysNext = false; }
                if ($m.props.alwaysNext && $m.props.animInfinity) { alert("DEVELOPER NOTICE:\n\nProperties 'alwaysNext' and 'aninInfinity' cannot both be active.\n'animInfinity' has been disabled."); $m.props.animInfinity = false; }
                if ($m.props.animInfinity) { $(".slide:last", $m.props.sUL).remove().prependTo($m.props.sUL); }
                if ($m.props.showSlideNav) { $("> li:first", $m.props.navContainer).addClass("active"); } else { $($m.props.navContainer).hide(); }
                if ($m.props.autoAnim && $m.props.showPauseButton) { $m.buildPauseButton(); }
                if ($m.props.showBackNext) { $m.buildBackNextLinks(); }
                switch ($m.props.animType) {
                    case "fade": $("> li", $m.props.sUL).css({ "opacity": "0", "position": "absolute", "left": 0, "top": 0, "z-index": 10 }); $("> li:first", $m.props.sUL).css({ "z-index": "100", "opacity": "1" }); break; case "none": $(".s-active", $m.props.sWrapper).width(($m.props.sWidth * $m.props.sCount) + "px"); break; case "slide": if ($m.props.animInfinity) { $($m.props.sUL).css("left", -$m.props.sWidth + "px"); }
                        $(".s-active", $m.props.sWrapper).width(($m.props.sWidth * $m.props.sCount) + "px"); break; case "slide-vertical": if ($m.props.animInfinity) { $($m.props.sUL).css("top", -$m.props.sHeight + "px"); }
                        $("> ul", $m.props.sWrapper).height(($m.props.sHeight * $m.props.sCount) + "px"); break; default: 
                }
                if ($m.props.autoAnim) { $m.resetTimer(); } 
            };
        }
        return this.each(function(id, root) {
            var $m = new methods(); $m.props = $.extend({}, $.fn.CarouSlide.config, userConfig); $m.init($(this)); function slideLinkAction() { var pos = $(this).attr("rel"); if ($m.props.animReady) { $m.gotoSlide(pos, true, null); } else { $m.props.animQueue = pos; } }
            if ($m.props.showSlideNav) { $("> li a", $m.props.navContainer).each(function(pos) { var $events = $m.props.hoverLinks ? "mouseover click" : "click"; $(this).attr({ "href": "javascript:;", "rel": pos }).bind($events, slideLinkAction); }); }
            var $allSlides = $("li.slide", $m.props.sContainer); for (var i = 0; i < $allSlides.length; i++) { var s = $(".s-id-" + i, $m.props.sContainer); var ref = s.attr("id"); $("a[href=#" + ref + "]").attr({ "href": "javascript:;", "rel": i }).bind("click", slideLinkAction); }; if ($m.props.showBackNext) {
                $(".next-button", $m.props.sContainer).click(function() {
                    var nextPos = $m.props.currentSlide + 1 >= $m.props.sCount ? 0 : $m.props.currentSlide + 1; if ($m.props.animReady) {
                        if ($m.props.animState == "play") { $m.resetTimer(); }
                        $m.gotoSlide(nextPos, false, 1);
                    } 
                }); $(".back-button", $m.props.sContainer).click(function() {
                    var prevPos = $m.props.currentSlide - 1 < 0 ? $m.props.sCount - 1 : $m.props.currentSlide - 1; if ($m.props.animReady) {
                        if ($m.props.animState == "play") { $m.resetTimer(); }
                        $m.gotoSlide(prevPos, false, -1);
                    } 
                });
            }
            if ($m.props.autoAnim && $m.props.showPauseButton) {
                $($m.props.pauseContainer, $m.props.sContainer).click(function() {
                    if ($m.props.animState == "pause") { $m.props.animState = "play"; $m.resetTimer(true); $(this).addClass("playing").find("a").text("pause"); }
                    else if ($m.props.animState == "play") { $m.props.animState = "pause"; clearInterval($m.props.timer); $(this).removeClass("playing").find("a").text("play"); } 
                });
            } 
        });
    };
})(jQuery);