$(function () {
    var shop_name      = new Array();
    var shop_alphaname = new Array();
    var recome_img     = new Array();

    shop_name[shop_name.length]           = '山中石材';
    shop_alphaname[shop_alphaname.length] = 'yamanaka';
    recome_img[recome_img.length]         = 'IHtAzb0XLu0S4uLR.jpg';

    shop_name[shop_name.length]           = '遙照山ホテル';
    shop_alphaname[shop_alphaname.length] = 'yoshozanhotel';
    recome_img[recome_img.length]         = '7duaI2ktvwaQe1Qv.jpg';

    shop_name[shop_name.length]           = '株式会社のぞみ';
    shop_alphaname[shop_alphaname.length] = 'nozomi';
    recome_img[recome_img.length]         = 'W7UrdkuQ4Dtlo0Bv.jpg';

    shop_name[shop_name.length]           = '株式会社雨風';
    shop_alphaname[shop_alphaname.length] = 'amekaze';
    recome_img[recome_img.length]         = 'HI7Bc97vIonlbwjb.jpg';

    shop_name[shop_name.length]           = '倉敷ぎょうざ';
    shop_alphaname[shop_alphaname.length] = 'kurashiki-gyoza';
    recome_img[recome_img.length]         = '_g9Zl0RiXRojr6Q7.jpg';

    shop_name[shop_name.length]           = '倉敷ぎょうざ';
    shop_alphaname[shop_alphaname.length] = 'kurashiki-gyoza';
    recome_img[recome_img.length]         = 'NJxcs6sVSzcADNEC.gif';

    shop_name[shop_name.length]           = 'オートリファレンス';
    shop_alphaname[shop_alphaname.length] = 'auto-r';
    recome_img[recome_img.length]         = '4WGhyCBUY5fQXjCi.jpg';

    shop_name[shop_name.length]           = '焼肉　しおつ';
    shop_alphaname[shop_alphaname.length] = 'shiotsu';
    recome_img[recome_img.length]         = 'ri7QgQnf45KUJcMU.jpg';

    shop_name[shop_name.length]           = 'あづま寿司';
    shop_alphaname[shop_alphaname.length] = 'adumazushi';
    recome_img[recome_img.length]         = 'ZKLVZHC7gfLdmnIs.jpg';

    shop_name[shop_name.length]           = '和風茶房かたつむり';
    shop_alphaname[shop_alphaname.length] = 'katatumuri';
    recome_img[recome_img.length]         = 'QyCDXw6Zc4xRjwvt.jpg';

    shop_name[shop_name.length]           = '四季の味　みどり河';
    shop_alphaname[shop_alphaname.length] = 'midorikawa';
    recome_img[recome_img.length]         = 'GXnbw6jDVTsJ5YSK.jpg';

    shop_name[shop_name.length]           = '女性専科 さくら治..';
    shop_alphaname[shop_alphaname.length] = 'sakura';
    recome_img[recome_img.length]         = 'U9YKbo9sznIwibUv.jpg';

    shop_name[shop_name.length]           = '亜細和伊';
    shop_alphaname[shop_alphaname.length] = 'ajiwai';
    recome_img[recome_img.length]         = 'cNpf0lit5czo_qt3.jpg';

    shop_name[shop_name.length]           = 'デンタルサロン ハ..';
    shop_alphaname[shop_alphaname.length] = 'haviena';
    recome_img[recome_img.length]         = 'GoAoDUpoUhDTfvb_.jpg';

    shop_name[shop_name.length]           = 'エヴァホール水島';
    shop_alphaname[shop_alphaname.length] = 'everhallmizu';
    recome_img[recome_img.length]         = 'GraVR88GFB3ANAFz.jpg';

    shop_name[shop_name.length]           = '英語・英会話＆音楽..';
    shop_alphaname[shop_alphaname.length] = 'nakagawagakki';
    recome_img[recome_img.length]         = '4S58VJDkdJHVW208.jpg';

    shop_name[shop_name.length]           = '株式会社雨風';
    shop_alphaname[shop_alphaname.length] = 'amekaze';
    recome_img[recome_img.length]         = 'RlNCpwBHu09LhHmi.jpg';

    shop_name[shop_name.length]           = '創味魚菜 いわ倉';
    shop_alphaname[shop_alphaname.length] = 'iwakura';
    recome_img[recome_img.length]         = 'rlatWvWDvhjbtmOO.jpg';

    shop_name[shop_name.length]           = 'パーソナルトレーナ..';
    shop_alphaname[shop_alphaname.length] = 'kenko-yatai';
    recome_img[recome_img.length]         = 'xlhiV3DNsdqMPvqa.jpg';

    shop_name[shop_name.length]           = 'Land Five..';
    shop_alphaname[shop_alphaname.length] = 'landfive';
    recome_img[recome_img.length]         = 'RzBtb0Nnte2oy1Bj.jpg';

    shop_name[shop_name.length]           = 'いけす料理 やま幸';
    shop_alphaname[shop_alphaname.length] = 'yamakou';
    recome_img[recome_img.length]         = 'gdWf87RMedjBIOH8.jpg';

    shop_name[shop_name.length]           = 'サキ美容室';
    shop_alphaname[shop_alphaname.length] = 'saki';
    recome_img[recome_img.length]         = 'xJtgVzurXdQbEReY.jpg';

    shop_name[shop_name.length]           = 'エヴァホール水島';
    shop_alphaname[shop_alphaname.length] = 'everhallmizu';
    recome_img[recome_img.length]         = 'PlT7qUGujBQX6P8E.jpg';

    shop_name[shop_name.length]           = '（株）稲田石材加工..';
    shop_alphaname[shop_alphaname.length] = 'inadasekizai';
    recome_img[recome_img.length]         = 'ob33b_WWiXprQQkH.jpg';

    shop_name[shop_name.length]           = '（有）ミラクルフー..';
    shop_alphaname[shop_alphaname.length] = '550831';
    recome_img[recome_img.length]         = 'Vd86NGvO3akqI9Ge.jpg';

    var timer;
    var position_x      = new Array();
    var parent_box      = $('#slideshow');
    var child_box_count = shop_alphaname.length;
    var child_box_width = 111;

    for (var i = 0; i < child_box_count; i++) {
        position_x[i] = i * child_box_width;

        var child_box = $(
            '<div style="position: absolute; top: 0; left: ' + position_x[i] + 'px; width: 105px; padding-bottom: 2px; background-color: #fff; font-size: 77%; text-align: center;" id="recome' + i + '">' +
                '<table summary="' + shop_name[i] + 'のおすすめ" style="margin-bottom: 3px;">' +
                    '<tr>' +
                        '<td style="width: 105px; height: 79px; padding: 0; border: none; line-height: 1.231; text-align: center; vertical-align: middle;">' +
                            '<a href="http://www.donbla.co.jp/' + shop_alphaname[i] + '">' +
                                '<img src="/shop/recome/img/list_' + recome_img[i] + '" alt="' + shop_name[i] + 'のおすすめ" style="border: none; vertical-align: bottom; line-height: 0;" />' +
                            '</a>' +
                        '</td>' +
                    '</tr>' +
                '</table>' +
                '<a href="http://www.donbla.co.jp/' + shop_alphaname[i] + '">' +
                    shop_name[i] +
                '</a>' +
            '</div>'
        );

        child_box.mouseover(function () {
            $(this).css('background-color', '#eae3dd');
        });

        child_box.mouseout(function () {
            $(this).css('background-color', '#fff');
        });

        parent_box.append(child_box);
    }

    function slide() {
        for (var i = 0; i < child_box_count; i++) {
            if (--position_x[i] < -child_box_width) {
                position_x[i] = (child_box_count - 1) * child_box_width;
            }

            $('#recome' + i).css('left', position_x[i]);
        }
    }

    function slide_on() {
        clearInterval(timer);
        timer = setInterval(slide, 50);
    }

    function slide_off() {
        clearInterval(timer);
    }

    parent_box.mouseover(slide_off);
    parent_box.mouseout(slide_on);

    slide_on();
});
