/* 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 jTiming = opts.slideTimer;
      var cur = 0;
      
      // If looping, we need to duplicate and append
      // the first element at the end of the list.
      if(opts.loopSlides)
      {
         $(opts.slides).children(":first-child").clone().appendTo($(opts.slides));
         $("div#controller").children(":first-child").clone().appendTo($("div#controller"));
      }

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


            if(opts.loopSlides)
            {
               if(cur == maxi-1)
               {
                  cur = maxi-2;
                  var theWholeWidth = (maxi-1) * $(opts.slides).find(":first-child").width();
                  //alert(theWholeWidth);
                  $(opts.slides).animate({marginLeft: "-"+theWholeWidth+"px"}, 1);
                  
                  $(opts.slides).children().css({ overflow:"hidden" });
                  $(".temp_hide").show();
                  
                  var blackMagic = $(opts.slides).children().length - 1;
                  slide(dur/blackMagic, cur);
                  $(jFC).eq(cur).addClass(jSel);
               }
               else
               {
                  slide(dur, cur);
                  $(jFC).eq(cur).addClass(jSel);
               }
            }
            else
            {
               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");

            if(opts.loopSlides)
            {
               if(cur == 0)
               {
                  cur = 1;

                  $(opts.slides).animate({marginLeft: "0px"}, 1);
                  $(opts.slides).children().css({ overflow:"hidden" });
                  $(".temp_hide").show();
                  var blackMagic = $(opts.slides).children().length - 1;
                  slide(dur/blackMagic, cur);
                  $(jFC).eq(cur).addClass(jSel);

                  /*
                  $(opts.slides).animate({

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

                     1,
                     "linear",

                     function(){
                        $(opts.slides).children().css({
                           overflow:"hidden"
                        });

                        $(".temp_hide").show();
                     }
                  );
                  */

                  //cur = 1;
                  //alert($(opts.slides).children(":nth-child(2)").html());
                  //alert("Last call!");
                  //break;
               }
               else
               {
                  slide(dur, cur);
                  $(jFC).eq(cur).addClass(jSel);
               }
            }
            else
            {
               slide(dur, cur);
               $(jFC).eq(cur).addClass(jSel);
            }
         }

      }

      

      var dotimer = function (x){

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

            if(timer != null) 

               clearInterval(timer);

             

            timer = setInterval(function() {

                     $(opts.next).click();

                  }, jTiming);
            

         }

      }


//Pause/Resume function fires at hover

      dotimer();
      
         $(opts.slides).hover(
            function() { clearInterval(timer); },
            function() { dotimer();  }
      
         );
         
         $("#prevNext").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,
      
      slideTimer: 10000,
      
      loopSlides: false,

      width: "100%",

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

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

   };


})(jQuery);