$(function () {
    var lmk123 = {
        com: function (con) {
            var t, imgarr = [], $lmk = $('#foucsbox'), $imgul = $lmk.find('ul.imgcon'), $titlediv = $lmk.find('div.showtitle'), $foucsdiv = $lmk.find('div.foucs'), $rlbtn = $lmk.find('.foucsbutton'), $rbtn = $lmk.find('.rbtn'), $lbtn = $lmk.find('.lbtn'), config = {
                len: $imgul.find('li').length,
                //自动滚动时间，默认两千毫秒（一秒等于一千毫秒）
                timeo: 5000,
                //宽，默认680px
                wid: 1920,
                //高，默认380px
                hei: 500
            }, i = 0, autochange = function () {
                $imgul.animate({ marginleft: '-' + i * config.wid + 'px' }, function () {
                    $foucsdiv.find('span:eq(' + i + ')').addclass('f').siblings().removeclass('f');
                    $rbtn.find('img').replacewith(imgarr[(i === config.len - 1) ? 0 : (i + 1)]);
                    $lbtn.find('img').length !== 0 ? $lbtn.find('img:eq(0)').replacewith(imgarr[(i === 0) ? (config.len - 1) : (i - 1)]) : $lbtn.append(imgarr[(i === 0) ? (config.len - 1) : (i - 1)]);
                    i += 1;
                    i = i === config.len ? 0 : i;
                });
            };
            $imgul.find('img').each(function (inde, ele) {
                imgarr[inde] = new image();
                imgarr[inde].src = $(this).attr('src');
            });
            $imgul.css('width', config.len * config.wid);
            $foucsdiv.html(function () {
                var i, s = '';
                for (i = 0; i < config.len; i += 1) {
                    s += '<span ' + (i === 0 ? 'class="f"' : '') + '></span>';
                }
                return s;
            });
            $rbtn.find('img').replacewith(imgarr[(i === config.len - 1) ? 0 : (i + 1)]);
            $lbtn.find('img').length !== 0 ? $lbtn.find('img:eq(0)').replacewith(imgarr[(i === 0) ? (config.len - 1) : (i - 1)]) : $lbtn.append(imgarr[(i === 0) ? (config.len - 1) : (i - 1)]);
            t = setinterval(autochange, config.timeo);
            $lmk.mouseenter(function () { clearinterval(t); }).mouseleave(function () { t = setinterval(autochange, config.timeo); });
            $rlbtn.hover(function () {
                $(this).addclass('btnhover');
            }, function () {
                $(this).removeclass('btnhover');
            }).click(function () {
                i = $foucsdiv.find('span.f').index();
                if ($(this).is('.lbtn')) {
                    i = (i === 0) ? (config.len - 1) : (i - 1);
                } else {
                    i = (i === config.len - 1) ? 0 : (i + 1);
                }
                autochange();
            });
            $foucsdiv.find('span').click(function () {
                i = $(this).index();
                autochange();
            });
        }
    };
    //执行开始
    lmk123.com();
});