(function(){
    /*
    <div class="btns">
      <b><i></i><i></i><i></i></b>
      <s class="prev"><i></i></s>
      <s class="next"><i></i></s>
    </div>
    */
    var $root = $('#show'),
        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});
    }
    // 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 = $('<s class="prev"><i></i></s><s class="next"><i></i></s>');
    $('<div class="btns"/ >')
        .append(
            $('<b/>')
                .append(btns)
                .delegate('i', 'click', function(ev) {
                    dgo($(this).data('idx'));
                })
                .css({width: n * 20, marginLeft: -10 * n})
        )
        .delegate('s', 'click', function(ev) {
            go($(this).is('.prev') ? -1 : 1, true);
        })
        .append(pn_btn)
        .appendTo($root);

    go(0);
    // 自动播放
    var ie6 = $.browser.msie && $.browser.version < '7.0';
    $root.hover(function(ev) {
        // $root[(ev.type == 'mouseenter' ? 'add' : 'remove') + 'Class']('show-hover');
        if (ie6) {
            pn_btn[ev.type == 'mouseenter' ? 'show' : 'hide']();
        } else {
            pn_btn.stop()['fade' + (ev.type == 'mouseenter' ? 'In' : 'Out')]('fast');
        }
    });
    if ($root.attr('rel') == 'auto-play') {
        setInterval(function(){
            var now = +new Date();
            if (now - pt < stay) {
                return;
            }

            go(1, true);
        }, 300);
    }

    false && $('#qlink').find('span.bg-icn-fav').click(function addFavor(e){
        try {
            e = this;
            var title = e.title || '量子恒道', url = e.href || location.href, nots = '请使用ctrl+D快捷键收藏';
            // e.setAttribute('rel' , 'sideBar');
            if (window.sidebar) {
                window.sidebar.addPanel(title, url, "");
            } else if (window.opera  &&  window.print) {
                var mbm = document.createElement('a');
                mbm.setAttribute('rel', 'sidebar');
                mbm.setAttribute('href', url);
                mbm.setAttribute('title', title);
                mbm.click();
            } else if (document.all) {
                window.external.AddFavorite(url,title)
            } else{
                alert(nots);
            };
        } catch (ex) {}
    });
})();