jquery+javascript定时器图片切换，自动轮播JavaScript代码

jquery find()，size()，html()，eq(0)，addClass()，index()，siblings()，removeClass()，setInterval(auto, 4000)，clearInterval(timer)函数
(function() {
    var $slide = $('div.departinfo_info_img'),
        $li = $slide.find('li'),
        $btn = $slide.find('.btn'),
        len = $li.size(),
        now = 0,
        timer = null;
    //添加按钮
    var str = '';
    for(var i = 0; i < len; i++) {
        str += '<span></span>';     
    }
    $btn.html(str);
    $btn.find('span:eq(0)').addClass('active');
    //点击切换
    $btn.find('span').live('click', function() {
            now = $(this).index();
            $(this).addClass('active').siblings().removeClass('active');
            //$li.fadeOut();
            $li.eq(now).fadeIn(1000).siblings('li').fadeOut(800);
    })
    //自动切换
    function auto() {
        if(now < len - 1) {
            now++;
        } else {
            now = 0;
        }
        $btn.find('span').eq(now).addClass('active').siblings().removeClass('active');
        $li.eq(now).fadeIn(1000).siblings('li').fadeOut(800);
    }
    timer = setInterval(auto, 4000);
    $slide.mouseover(function() {
        clearInterval(timer);
    })
    $slide.mouseout(function() {
        timer = setInterval(auto, 4000);
    })
})();