/* Copyright (c) 2008 Kean Loong Tan http://www.gimiti.com/kltan
* Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
* jFlow
* Version: 1.1 (May 22, 2008)
* Requires: jQuery 1.2+
*/

//modified by LandRover 30th May 08

(function($) {

    $.fn.jFlow = function(options) {
        var opts = $.extend({}, $.fn.jFlow.defaults, options);
        var cur = 0;
        var timer;
        var selected_class = "jFlowSelected";
        var maxi = $(".jFlowControl").length;


        $(this).find(".jFlowControl").each(function(i) {
            $(this).click(function() {
                dotimer();

                $(".jFlowControl").removeClass(selected_class);
                $(this).addClass(selected_class);

                if (opts.animationType == "fade") {
                    // Fade animation
                    $(opts.slides).children().eq(cur).children().fadeOut("slow", function() {
                        $(opts.slides).css({ marginLeft: "-" + (i * $(opts.slides).find(":first-child").width() + "px") });
                        $(opts.slides).children().eq(i).children().fadeIn("slow");
                    });
                }
                else {
                    // Slide animation
                    var dur = Math.abs(cur - i);
                    $(opts.slides).animate({
                        marginLeft: "-" + (i * $(opts.slides).find(":first-child").width() + "px")
                    }, opts.animationDuration * (dur));
                }

                cur = i;
            });
        });

        if (opts.animationType == "fade") {
            // Need to set all but the first child to display: none if animation type is fade
            $(opts.slides).children().css({ display: "none" });
            $(opts.slides).children().eq(cur).css({ display: "block" });
        }

        $(opts.slides).before('<div id="jFlowSlide"></div>').appendTo("#jFlowSlide");

        $(opts.slides).find("div").each(function() {
            $(this).before('<div class="jFlowSlideContainer"></div>').appendTo($(this).prev());
        });

        //initialize the controller
        $(".jFlowControl").eq(cur).addClass(selected_class);

        var resize = function(x) {
            $("#jFlowSlide").css({
                position: "relative",
                width: opts.width,
                height: opts.height,
                overflow: "hidden"
            });

            $(opts.slides).css({
                position: "relative",
                width: $("#jFlowSlide").width() * $(".jFlowControl").length + "px",
                height: $("#jFlowSlide").height() + "px",
                overflow: "hidden"
            });

            $(opts.slides).children().css({
                position: "relative",
                width: $("#jFlowSlide").width() + "px",
                height: $("#jFlowSlide").height() + "px",
                "float": "left"
            });

            $(opts.slides).css({
                marginLeft: "-" + (cur * $(opts.slides).find(":first-child").width() + "px")
            });
        }

        resize();

        $(".io_jFlowPause")[0].innerHTML = "Pause";

        $(window).resize(function() {
            resize();
        });

        $(".jFlowPrev").click(function() {
            dotimer();
            doprev();
        });

        var doprev = function(x) {
            var previous = cur;

            if (cur > 0)
                cur--;
            else
                cur = maxi - 1;

            if (opts.animationType == "fade") {
                $(opts.slides).children().eq(previous).children().fadeOut("slow", function() {
                    $(opts.slides).css({ marginLeft: "-" + (cur * $(opts.slides).find(":first-child").width() + "px") });
                    $(opts.slides).children().eq(cur).children().fadeIn("slow");
                });
            }
            else {
                $(opts.slides).animate({
                    marginLeft: "-" + (cur * $(opts.slides).find(":first-child").width() + "px")
                }, opts.animationDuration);
            }

            $(".jFlowControl").removeClass(selected_class);
            $(".jFlowControl").eq(cur).addClass(selected_class);
        }

        $(".jFlowNext").click(function() {
            donext();
            dotimer();
        });

        var donext = function(x) {

            var previous = cur;

            if (cur < maxi - 1)
                cur++;
            else
                cur = 0;


            if (opts.animationType == "fade") {
                $(opts.slides).children().eq(previous).children().fadeOut("slow", function() {
                    $(opts.slides).css({ marginLeft: "-" + (cur * $(opts.slides).find(":first-child").width() + "px") });
                    $(opts.slides).children().eq(cur).children().fadeIn("slow");
                });
            }
            else {
                $(opts.slides).animate({
                    marginLeft: "-" + (cur * $(opts.slides).find(":first-child").width() + "px")
                }, opts.animationDuration);
            }

            $(".jFlowControl").removeClass(selected_class);
            $(".jFlowControl").eq(cur).addClass(selected_class);
        }

        var dotimer = function(x) {
            if (timer != null)
                clearInterval(timer);

            timer = setInterval(function() {
                donext();
            }, opts.displayLength);

        }

        var toggletimer = function(x) {
            if (timer != null) {
                clearInterval(timer)
                timer = null;
            }
            else
                dotimer();
        }

        $(".io_jFlowPause").click(function() {
            toggletimer();

            if (this.innerHTML == 'Pause') {
                this.innerHTML = 'Play';
            }
            else {
                this.innerHTML = 'Pause';
            }
        });

        dotimer();

    };

    $.fn.jFlow.defaults = {
        easing: "swing",
        animationDuration: 400,
        width: "100%",
        animationType: "fade",
        displayLength: 50000
    };

})(jQuery);