/* 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);



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();

}, 3000);  // Durée de transition entre images ////////////////////////////////////////////////////////


}

}


//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: 300,

width: "100%",

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

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

};


})(jQuery);