/* 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.2 (July 7, 2008) * 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);
    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);
    }
}
var donext = function (x){
    if ($(opts.slides).is(":not(:animated)")) {
        var dur = 1;
        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);
    }
}
var dotimer = function (x){
    if((opts.auto) == true) {
        if(timer != null)
            clearInterval(timer);
        timer = setInterval(function() {
            $(opts.next).click();
        }, 8000);
    }
}
dotimer();
};
$.fn.jFlow.defaults = {
controller: ".jFlowControl",
// must be class, use . sign
slideWrapper : "#jFlowSlide",
// 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);