Template:Tianjin/js/jquery.fullfoucs

(function ($) {

   $.extend({
       'fullFoucs': function (con) {
           var $win = $(window)
               , $control = $('#flash_control')
               , $imgBox = $('#index_ex_slide')
               , i = 0
               , getNextIndex = function (y) { return i + y >= config._imgLen ? i + y - config._imgLen : i + y; }
               , getPrevIndex = function (y) { return i - y < 0 ? config._imgLen + i - y : i - y; }
               , config = {
                   isAutoPlay: con && typeof con.isAutoPlay !== 'undefined' ? con.isAutoPlay : false,
                   interval: con && con.interval || 5000,
                   animateTime: con && con.animateTime || 1000,
                   direction: con && con.direction || 'up',
                   _imgLen: 5
               }
               , setPosition = function () {
                   $control.css({
                       top: ($win.height() - $control.height()) / 2
                   });
                   $imgBox.find('li').css({
                       width: $win.width(),
                       height: $win.height()
                   });
               }
               , slide = function (dec) {
                   $imgBox.find('li:eq(' + i + ')').stop().animate({
                       top: dec ? $win.height() : -$win.height()
                   }, config.animateTime).end().find('li:eq(' + (dec ? getPrevIndex(1) : getNextIndex(1)) + ')').stop().animate({
                       top: 0
                   }, config.animateTime, function () {
                       $imgBox.find('li:eq(' + (dec ? getPrevIndex(2) : getNextIndex(2)) + ')').css({
                           top: dec ? -$win.height() : $win.height()
                       }).end().find('li:eq(' + (dec ? getPrevIndex(3) : getNextIndex(3)) + ')').css({
                           top: dec ? -$win.height() * 2 : $win.height() * 2
                       });
                       i = dec ? getPrevIndex(1) : getNextIndex(1);
                   });
               }, s
           , play = function () {
               s = setInterval(function () {
                   slide(config.direction === 'down');
               }, config.interval);
               $control.find('div:eq(0)').removeClass('on');
           }
           , pause = function () { clearInterval(s); $control.find('div:eq(0)').addClass('on'); }
           , init = function () {
               if (config.direction === 'up') {
                   $imgBox.find('li').each(function (x) { $(this).css('top', x * $win.height()); });
               } else {
                   $imgBox.find('li').each(function (x) { $(this).css('top', (x === 0 ? 0 : x - config._imgLen) * $win.height()); });
               }
               setPosition();
               if (config.isAutoPlay) {
                   play();
               } else {
                   $control.find('div:eq(0)').addClass('on');
               }

               $control.find('a.icon-pause').click(pause).siblings('a.icon-play').click(play).siblings('a.icon-up').click(function () {
                   if ($(':animated').length === 0) { slide(false); }
               }).siblings('a.icon-down').click(function () { if ($(':animated').length === 0) { slide(true); } })

               $imgBox.find('img.a-down').click(function () {
                   if ($(':animated').length === 0) { slide(false); }
               })

               $win.resize(setPosition);
           };
           init();
       }
   });

}(jQuery));