/* Copyright (c) 2010 WordImpressed.com jFlow Plus derived from Kean Loong Tan's orgininal jFlow http://www.wordimpressed.com

 * Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)

 * jFlow 1.2 (Plus)

 * Version: jFlow Plus

 * Requires: jQuery 1.2+

 */

 

(function($) {



    $.fn.jFlow = function(options) {

        var opts = $.extend({}, $.fn.jFlow.defaults, options);

        var randNum = Math.floor(Math.random()*11);

        var jFC = opts.controller;

        var jFS =  opts.slideWrapper;

        var jSel = opts.selectedWrapper;
        
        var cur = 0;

        var timer;

        var maxi = $(jFC).length;

        // sliding function

        var slide = function (dur, i) {

            $(opts.slides).children().css({

                overflow:"hidden"

            });

            $(opts.slides + " iframe").hide().addClass("temp_hide");

            $(opts.slides).animate({

                marginLeft: "-" + (i * $(opts.slides).find(":first-child").width() + "px")

                },

                opts.duration*(dur),

                opts.easing,

                function(){

                    $(opts.slides).children().css({

                        overflow:"hidden"

                    });

                    $(".temp_hide").show();

                }

            );  

        }

        $(this).find(jFC).each(function(i){

            $(this).click(function(){

                dotimer();

                if ($(opts.slides).is(":not(:animated)")) {

                    $(jFC).removeClass(jSel);

                    $(this).addClass(jSel);

                    var dur = Math.abs(cur-i);

                    slide(dur,i);

                    cur = i;

                }

            });

        }); 

        

        $(opts.slides).before('<div id="'+jFS.substring(1, jFS.length)+'"></div>').appendTo(jFS);

        

        $(opts.slides).find("div").each(function(){

            $(this).before('<div class="jFlowSlideContainer"></div>').appendTo($(this).prev());

        });

        

        //initialize the controller

        $(jFC).eq(cur).addClass(jSel);

        if(opts.slideto != undefined) {
            opts.slideto(opts,this);
        }

        var resize = function (x){

            $(jFS).css({

                position:"relative",

                width: opts.width,

                height: opts.height,

                overflow: "hidden"

            });

            //opts.slides or #mySlides container

            $(opts.slides).css({

                position:"relative",

                width: $(jFS).width()*$(jFC).length+"px",

                height: $(jFS).height()+"px",

                overflow: "hidden"

            });

            // jFlowSlideContainer

            $(opts.slides).children().css({

                position:"relative",

                width: $(jFS).width()+"px",

                height: $(jFS).height()+"px",

                "float":"left",

                overflow:"hidden"

            });

            

            $(opts.slides).css({

                marginLeft: "-" + (cur * $(opts.slides).find(":eq(0)").width() + "px")

            });

        }

        

        // sets initial size

        resize();



        // resets size

        $(window).resize(function(){

            resize();                         

        });

        

        $(opts.prev).click(function(){

            dotimer();

            doprev();
            
        });

        

        $(opts.next).click(function(){

            dotimer();

            donext();       

        });

        

        var doprev = function (x){

            if ($(opts.slides).is(":not(:animated)")) {

                var dur = 1;

                if (cur > 0)

                    cur--;

                else {

                    cur = maxi -1;

                    dur = cur;

                }

                $(jFC).removeClass(jSel);

                slide(dur,cur);

                $(jFC).eq(cur).addClass(jSel);

            }
            if(opts.callback != undefined) {
                opts.callback(opts, 'prev', this);
            }

        }

        

        var donext = function (x){

            if ($(opts.slides).is(":not(:animated)")) {

                var dur = 1;
                
                if(opts.cur != undefined) {
                    cur = opts.cur;
                    opts.cur=undefined;
                }

                if (cur < maxi - 1)

                    cur++;

                else {

                    cur = 0;

                    dur = maxi -1;

                }

                $(jFC).removeClass(jSel);

                //$(jFS).fadeOut("fast");

                slide(dur, cur);

                //$(jFS).fadeIn("fast");

                $(jFC).eq(cur).addClass(jSel);

            }
            if(opts.callback != undefined) {
                opts.callback(opts, 'next', this);
            }
        }

        

        var dotimer = function (x){

            if((opts.auto) == true) {

                if(timer != null) 

                    clearInterval(timer);

                

                timer = setInterval(function() {

                        $(opts.next).click();

                        }, opts.interval != undefined ? opts.interval : 10000);
                

            }

        }
        
        $.fn.jFlow.dotimer = function() {
            
            dotimer();
        }


//Pause/Resume function fires at hover

        dotimer();
        
            $(opts.slides).hover(
            
            function() {
        
            clearInterval(timer);
        
            },
        
        function() {
            dotimer();
        
            }
        
        );
    };
    

    $.fn.jFlow.defaults = {

        controller: "#myController", // must be class, use . sign

        slideWrapper : "#mySlides", // must be id, use # sign

        selectedWrapper: ".jFlowSelected",  // just pure text, no sign

        auto: true,

        easing: "swing",

        duration: 400,

        width: "100%",

        prev: ".jFlowPrev", // must be class, use . sign

        next: ".jFlowNext" // must be class, use . sign

    };


})(jQuery);