﻿ // 图片滚动, jQuery闭包， 解决$冲突
    (function ($) {
        // 后台输入如此格式的字符串数据:
        var data = " 本部全景,http://www.xmukaoyan.com,school/本部全景.jpg  |法学院大楼,http://www.xmukaoyan.com,school/法学院大楼.jpg  |凤凰花开,http://www.xmukaoyan.com,school/凤凰花开.jpg |芙蓉湖,http://www.xmukaoyan.com,school/芙蓉湖.jpg  |芙蓉湖晨曦,http://www.xmukaoyan.com,school/芙蓉湖晨曦.jpg  |嘉庚楼群远眺,http://www.xmukaoyan.com,school/嘉庚楼群远眺.jpg  |建南大会堂,http://www.xmukaoyan.com,school/建南大会堂.jpg  |建文楼,http://www.xmukaoyan.com,school/建文楼.jpg  |经济学院,http://www.xmukaoyan.com,school/经济学院.jpg  |克立楼,http://www.xmukaoyan.com,school/克立楼.jpg  |鲁迅纪念馆,http://www.xmukaoyan.com,school/鲁迅纪念馆.jpg  |鲁迅塑像,http://www.xmukaoyan.com,school/鲁迅塑像.jpg  |群贤楼,http://www.xmukaoyan.com,school/群贤楼.jpg  |图书馆,http://www.xmukaoyan.com,school/图书馆.jpg  |王清明游泳馆,http://www.xmukaoyan.com,school/王清明游泳馆.jpg  |校园鸟瞰,http://www.xmukaoyan.com,school/校园鸟瞰.jpg  |艺术学院,http://www.xmukaoyan.com,school/艺术学院.jpg  |逸夫楼,http://www.xmukaoyan.com,school/逸夫楼.jpg  |漳州校区,http://www.xmukaoyan.com,school/漳州校区.jpg  |漳州校区远眺,http://www.xmukaoyan.com,school/漳州校区远眺.jpg  |漳州校区运动场,http://www.xmukaoyan.com,school/漳州校区运动场.jpg  |漳州校区主楼,http://www.xmukaoyan.com,school/漳州校区主楼.jpg ";			
        var imgs = data.split('|');
        var $marquee = $('#hotshowlist');
        $marquee.html((function (htmls) {
            if (!imgs.length) return '';
            each(([imgs[0], imgs.join('|')].join('|')).split('|'), function (img, i) {
                var p = img.split(',');
                htmls.push(['<li><a href="', p[1], '" title="', p[0], '"><img src="', p[2], '" /></a></li>'].join(''));
            });
            return htmls.join('');
        })([]));
        var marqueeInterval = null;
        var speed = 20;
        var isPause = false;
        var playForbid = imgs.length < 5; // 5张以就播放滚动
        $marquee.hover(function () { stop(); }, function () { marquee(true); })
        function marquee(continute) {
            if (playForbid || isPause) return;
            var $first = $marquee.find('li:first'),
                $second = $marquee.find('li:eq(1)');
            if (!continute) $second.clone().appendTo($marquee);
            clearInterval(marqueeInterval);
            marqueeInterval = setInterval(function () {
                $first.width(($first.width() - 1) + 'px');
                if ($first.width() <= 0) {
                    $first.remove();
                    marquee();
                }
            }, speed);
        };
        function stop() { clearInterval(marqueeInterval); }
        function pause() { stop(); isPause = true; }
        function continute() { isPause = false; marquee(true); }
        //开始播放
        marquee();
    })(jQuery);
