$(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] = 'amekaze';
    recome_img[recome_img.length]         = 'ZBZu6_rDQzVY3Fki.jpg';

    shop_name[shop_name.length]           = 'まこと幼稚園';
    shop_alphaname[shop_alphaname.length] = 'makoto';
    recome_img[recome_img.length]         = 'ANlo1hSDs76A3NUm.jpg';

    shop_name[shop_name.length]           = 'まこと幼稚園';
    shop_alphaname[shop_alphaname.length] = 'makoto';
    recome_img[recome_img.length]         = 'oxrznK8l_TqB3CAM.jpg';

    shop_name[shop_name.length]           = '庄屋';
    shop_alphaname[shop_alphaname.length] = 'shoya';
    recome_img[recome_img.length]         = 'XKqDBSHMWkRwPRi6.jpg';

    shop_name[shop_name.length]           = 'ペットピア';
    shop_alphaname[shop_alphaname.length] = 'pet-pia';
    recome_img[recome_img.length]         = 'pVrfoVbRu9W4i2K3.jpg';

    shop_name[shop_name.length]           = 'cafe Luma..';
    shop_alphaname[shop_alphaname.length] = 'lumah';
    recome_img[recome_img.length]         = 'H7D3whuGqB1aGjKR.jpg';

    shop_name[shop_name.length]           = 'ラヴィ木村';
    shop_alphaname[shop_alphaname.length] = 'la-vie';
    recome_img[recome_img.length]         = 'TONI69CrLYYFD1L9.jpg';

    shop_name[shop_name.length]           = '（有）サイクルセン..';
    shop_alphaname[shop_alphaname.length] = 'hirono';
    recome_img[recome_img.length]         = 'Mmv2miqgt_wPBLfc.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] = 'kurakoku';
    recome_img[recome_img.length]         = 'YWdmybjTNi1Wel50.jpg';

    shop_name[shop_name.length]           = 'cafe Luma..';
    shop_alphaname[shop_alphaname.length] = 'lumah';
    recome_img[recome_img.length]         = 'YOiuuIofiWmOP9zJ.jpg';

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

    shop_name[shop_name.length]           = 'バリューレンタカー..';
    shop_alphaname[shop_alphaname.length] = 'vrc-kurashiki';
    recome_img[recome_img.length]         = 'bXFqW_LFj05RZd0o.jpg';

    shop_name[shop_name.length]           = '第二まこと幼稚園';
    shop_alphaname[shop_alphaname.length] = 'makoto2';
    recome_img[recome_img.length]         = 'uzti3t7V7CJz_VoW.jpg';

    shop_name[shop_name.length]           = '玉島プレイランド';
    shop_alphaname[shop_alphaname.length] = 't-playland';
    recome_img[recome_img.length]         = 'bZGcwlQZOKytcrmQ.jpg';

    shop_name[shop_name.length]           = 'クロスタニン倉敷';
    shop_alphaname[shop_alphaname.length] = 'chlostanin';
    recome_img[recome_img.length]         = 'qtIBgenriiPLF9py.jpg';

    shop_name[shop_name.length]           = '山の葡萄 天満屋倉..';
    shop_alphaname[shop_alphaname.length] = 'yamanobudou-t';
    recome_img[recome_img.length]         = '_uY6yxbeye5RvLwO.jpg';

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

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

    shop_name[shop_name.length]           = '酒蔵 喜平';
    shop_alphaname[shop_alphaname.length] = 'kihei';
    recome_img[recome_img.length]         = 'ey3xBHRGBfffKkOf.jpg';

    shop_name[shop_name.length]           = 'ネイルグラマー';
    shop_alphaname[shop_alphaname.length] = 'nailglamour';
    recome_img[recome_img.length]         = 'GQQeaEM_ZsvAGHil.jpg';

    shop_name[shop_name.length]           = '香洛園';
    shop_alphaname[shop_alphaname.length] = 'kohrakuen';
    recome_img[recome_img.length]         = 'QhxtVzdQZuoilTVz.jpg';

    shop_name[shop_name.length]           = '花のみせ　沙羅';
    shop_alphaname[shop_alphaname.length] = 'sara';
    recome_img[recome_img.length]         = 'EhcyMZye34fKJs8P.jpg';

    shop_name[shop_name.length]           = '第二まこと幼稚園';
    shop_alphaname[shop_alphaname.length] = 'makoto2';
    recome_img[recome_img.length]         = 'W9itz_Wb5Hm4n2ZZ.jpg';

    shop_name[shop_name.length]           = '（株）稲田石材加工..';
    shop_alphaname[shop_alphaname.length] = 'inadasekizai';
    recome_img[recome_img.length]         = '7LN5bZqz3hD6BShb.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();
});
