~whzhang-kylin/ubuntukylin-homepage/trunk

(function(){

    var $root = $('#slideshow'),

        root_w = $root.width();

    var p = $root.find('> div.img > span'),

        n = p.children().length;

        p.children().eq(0).clone().appendTo(p);

                        

    function onoff(on, off) {

        (on !== -1) && btns.eq(on).addClass('on');

        (off !== -1) && btns.eq(off).removeClass('on');

    }

    function dgo(n, comp) {

        // hack for slast

        var idx = n > max ? 0 : n;

        onoff(idx, cur);

        cur = idx;

        p.stop().animate({left: -1 * root_w * n}, {duration: dur, complete: comp});

                                if(idx == 0 ){p.children().eq(n-1).clone().appendTo('.pattern');}else{$('.pattern').empty()};

                                //p.children().eq(n-1).clone().appendTo('.pattern');

    }

    // next if dir > 0

    // prev if dir < 0

    // reinit if dir == 0

    // slast -> 如果播放完最后1张，要如何处理

    //    true 平滑切换到第1张

    var cur = 0,

        max = n - 1,

        pt = 0,

        stay = 5 * 1000, /* ms */

        dur = .6 * 1000, /* ms */

        btns;

    function go(dir, slast) {

        pt = +new Date();

        if (dir === 0) {

            onoff(cur, -1);

            p.css({left: -1 * root_w * cur});

            return;

        }

 

        var t;

        if (dir > 0) {

            t = cur + 1;

            if (t > max && !slast) {

                t = 0;

            }

            if (t <= max) {

                return dgo(t);

            }

            return dgo(t, function(){

                p.css({left: 0});

            });

        } else {

            t = cur - 1;

            if (t < 0) {

                t = max;

                p.css({left: -1 * root_w * (max + 1)});

                return dgo(t);

            } else {

                return dgo(t);

            }

        }

    }

    btns = $((new Array(n + 1)).join('<i></i>'))

        .each(function(idx, el) {

            $(el).data({idx: idx});

        });

    var pn_btn = $('<span class="btnLeft"><span></span></span><div class="btnRight"><div></div></div>');

//      var btn_left = $('<div class="btnLeft"></div>');

    $('<div class="btns"/ >')

        .append( $('<b/>').append(btns).delegate('div', 'click', function(ev) { dgo($(this).data('idx'));}).css({width: n * 20, marginLeft: -10 * n}))

        .delegate('span', 'click', function(ev) {go($(this).is('.prev') ? -1 : 1, true);})

        .append(pn_btn)

//              .append(btn_left)

        .appendTo($root);

//      var br = $root.find('> div.btnRight');

//      br.onclick=function(){alert('abcd')};

    go(1);

 

    // 自动播放

    var ie6 = $.browser.msie && $.browser.version < '7.0';

    $root.hover(function(ev) { 

        // $root[(ev.type == 'mouseenter' ? 'add' : 'remove') + 'Class']('show-hover');

 

    });

    if ($root.attr('rel') == 'auto-play') {

       var si = setInterval(function(){

            var now = +new Date();

            if (now - pt < stay) {

                return;

            }

            go(1, true);

        }, 5000);

                         p.mouseover(function(){ clearInterval(si);})

                         p.mouseout(function(){

                                                si = setInterval(function(){

            var now = +new Date();

            if (now - pt < stay) {

                return;

            }

            go(1, true);

        }, 5000);})

    }

                //var wid = $(document.body).width();

                //var swid = (wid-500)/2;

                //var bwid = root_w * n;

                //$('#slideshow').css('width',500);$('#slideshow .img').css('width',500);

                //$('#slideshow .btns').css('left',swid)

                //$('.paging').css('width',500);$('.subpattern').css('right',0);

                //$('#slideshow .img span').css(({paddingLeft: swid }))

})();