/**
* @author: tom.bran[]gmail-com
* @version: 0.9.8
* edited: August '10
* plugin name: CarouSlide
* (if you can't have fun naming your own plugin, when can you?)
*/
(function ($) {
    $.fn.CarouSlide = function (userConfig) {
        // default properties for user-editable values
        $.fn.CarouSlide.config = {
            slideTime: 5000,
            animTime: 1000,
            autoAnim: false, // have slides animate automatically
            animInfinity: false, // wraps from last slide to first slide, infinitely
            alwaysNext: false, // if true: only ever animates 1 slide width
            animType: "fade", // slide, slide-vertical, fade, none
            showSlideNav: true,
            showBackNext: false,
            showPauseButton: false,
            sliderHolder: ".slider-holder", // able to use alternative nav, other than one with this class
            navContainer: ".slider-nav", // able to use alternative nav, other than one with this class
            hoverLinks: false, // allows user to change slideshow content on hover, not click
            easingStyle: null // IF jquery.easing.1.3.js plugin is added to the page, the follow easings are available: swing, easeInQuad, easeOutQuad, easeInOutQuad, easeInCubic, easeOutCubic, easeInOutCubic,easeInQuart, easeOutQuart, easeInOutQuart, easeInQuint, easeOutQuint, easeInOutQuint, easeInSine, easeOutSine, easeInOutSine, easeInExpo, easeOutExpo,easeInOutExpo, easeInCirc, easeOutCirc, easeInOutCirc, easeInElastic, easeOutElastic, easeInOutElastic, easeInBack, easeOutBack, easeInOutBack, easeInBounce, easeOutBounce, easeInOutBounce
        };

        // constructor function, to hold functions and properties for each CarouSlide implementation
        function methods() {
            this.props = {}; // properties object - holds all properties for current instance of CarouSlide
            var $m = this; // provide access to 'this' for functions (regardless of scope)

            // go to a particular slide	(pos=slide to jump to; direct indicates whether the use
            // requested a specific page - so we should re-set the timer)	
            this.gotoSlide = function (pos, direct, dir) {
                pos = parseInt(pos);
                if (pos != $m.props.currentSlide) { // provided we're not already on the slide we're requesting, continue
                    $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 we're going directly to a slide (not just back/next)
                    if ($m.props.direct) {
                        if ($m.props.autoAnim && $m.props.animState == "play") {
                            $m.resetTimer();
                        }
                        $m.props.currentSlide = pos;
                    }
                    else {
                        // occurs when animating by setInterval
                        $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; }
                    }
                    // highlight the correct active item
                    if ($m.props.showSlideNav) { $m.setNavActive($m.props.currentSlide); }

                    // depending on the animation type, change the animation style
                    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");

                            $current.animate({ "opacity": "1" }, $m.props.animTime, $m.transAnimCallback);
                            
                            if ($m.props.prevSlide !== null) {
                                setTimeout(function () {
                                    $prev.css("opacity", "0");
                                }, $m.props.animTime);
                            }
                            break;
                        default:
                    }
                }
            };

            // used in both slide and slide-vertical animations - avoiding duplication of effort
            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;
            };

            // run when all transition animations complete
            this.transAnimCallback = function () {
                if ($m.props.animInfinity) {
                    // if we are animInfinity, and going to a direct slide (not back/next),
                    // reset the slide order before animating
                    if ($m.props.direct) {
                        $m.setSlideOrder($m.props.currentSlide);
                    }
                    // if we're going to the next slide, move the first slide to the end (for wrapping purposes)
                    if ($m.props.direction == 1) {
                        var firstSlide = $(".slide:first", $m.props.sUL);
                        firstSlide.remove().appendTo($m.props.sUL);
                    }
                    // if we're going to the previous slide, move the last slide to the start of th stack
                    else if ($m.props.direction == -1) {
                        var lastSlide = $(".slide:last", $m.props.sUL);
                        lastSlide.remove().prependTo($m.props.sUL);
                    }
                    // quickly re-set the visible position of the ul, so the user doesn't notice the changes above
                    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 the user has requested another slide while a animation was in progress, run it now
                if ($m.props.animQueue !== null) {
                    $m.gotoSlide($m.props.animQueue, true, null);
                }
            };

            // highlight the correct item in the slideshow nav
            this.setNavActive = function (id) {
                $("li", $m.props.navContainer).removeClass("active");
                $("> li:eq(" + id + ")", $m.props.navContainer).addClass("active");
            };

            // auto increment the slideshow
            this.timerFunc = function () {
                $m.gotoSlide($m.props.currentSlide + 1, false, 1);
            };

            // reset the setInterval timer, that controls the autoAnim
            this.resetTimer = function (startNow) {
                clearInterval($m.props.timer);
                $m.props.timer = setInterval($m.timerFunc, $m.props.slideTime + $m.props.animTime);
                if (startNow) {
                    $m.timerFunc();
                }
            };

            // put all slides back into their starting order
            this.resetAllSlidePositions = function () {
                for (var i = 0; i < $m.props.sCount; i++) {
                    $(".s-id-" + i, $m.props.sUL).remove().appendTo($m.props.sUL);
                }
            };

            // rearrange the slides to the order defined by focusOn (as second slide)
            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);
                }
            };

            // render back/next links on the page
            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);
            };

            // render pause button on the page
            this.buildPauseButton = function () {
                var pauseButton = '<p class="pause-button playing"><a href="javascript:;">Pause</a></p>';
                $($m.props.sContainer).append(pauseButton);
            };

            // build navigation for slides
            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);
            }

            // code to run when initialising the slideshow
            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));

                // provide styling hook for developers
                $("> ul", $m.props.sWrapper).addClass("s-active " + $m.props.animType);

                // add values to our $Default variable container, for use in rest of plugin
                $m.props.timer = null;
                $m.props.prevSlide = null; // used in animations
                $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; // forces user to wait for anim to finish before initiating next one
                $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 we're hovering to activate links, the animation needs to be instantaneous
                if ($m.props.hoverLinks == true) {
                    $m.props.animType = "none"
                }

                // if there is no navigation, and one has been requested, build it now
                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 there is no animation, force off incompatible features
                if ($m.props.animType == "none") {
                    $m.props.animInfinity = false;
                    $m.props.alwaysNext = false;
                } else {
                    $m.props.hoverLinks = false;
                }

                // if 'always next', and fading between slides, make it slide (otherwise you won't see any difference)
                if ($m.props.alwaysNext && $m.props.animType == "fade") {
                    $m.props.animType = "slide";
                }

                // if we're fade between slides, stop the infinity/alwaysNext animation
                if ($m.props.animType == "fade" && ($m.props.animInfinity || $m.props.alwaysNext)) {
                    //Note: animType 'fade' is incompatible with properties 'aninInfinity' and 'alwaysNext'. Both are disabled below.
                    $m.props.animInfinity = false;
                    $m.props.alwaysNext = false;
                }

                // animInfinity and alwaysNext are incompatible; do one or the other. AlwaysNext takes priority
                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 we're sliding to infinity, hide the direct slide links
                if ($m.props.animInfinity) {
                    $(".slide:last", $m.props.sUL).remove().prependTo($m.props.sUL);
                }

                // if showing the slideshow main nav, style it for our purposes
                if ($m.props.showSlideNav) {
                    $("> li:first", $m.props.navContainer).addClass("active");
                } else {
                    $($m.props.navContainer).hide();
                }

                // if we're auto-animating, and the pause button has been requested, render it now
                if ($m.props.autoAnim && $m.props.showPauseButton) {
                    $m.buildPauseButton();
                }

                // if we want back/next buttons, render them now
                if ($m.props.showBackNext) {
                    $m.buildBackNextLinks();
                }

                // depending on the animation type requested, set up the DOM accordingly
                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:
                }

                // establish auto-animation of slides
                if ($m.props.autoAnim) { $m.resetTimer(); }
            };
        }

        // return object for jquery chaining
        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; // create 1-item queue, to run when the current animation is finished.
                }
            }
            // button click events
            if ($m.props.showSlideNav) {
                $("> li a", $m.props.navContainer).each(function (pos) {
                    // attach events to current link, and clear href (as this will be controlled entirely by jQ)
                    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);
                // find links that point to the same slide as the current link (e.g. href="#slide1") and attach event event
                var ref = s.attr("id");
                $("a[href=#" + ref + "]").attr({ "href": "javascript:;", "rel": i }).bind("click", slideLinkAction);
            };


            // functionality for back/next buttons
            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);
                    }
                });
            }

            // pause/play button
            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);