var FOOTER_SHOP_SLIDE_TIME = 500;

var FOOTER_SHOP_ANIMATING = false;
var FOOTER_SHOP_WIDTH = 0;
var FOOTER_SHOP_COUNT = 0;
var FOOTER_SHOP_DISPLAY_MAX = 5;
var FOOTER_SHOP_TOTAL_WIDTH = 0;

$(function(){
    
    //------------------------------
    //フッターの店舗一覧の初期化
    initFooterShopList();
    
    //------------------------------
    $('#FooterShop .Prev a').click(
        function () {
            if (FOOTER_SHOP_ANIMATING) { return false; }
            FOOTER_SHOP_ANIMATING = true;
            
            var tLeft = 0;
            
            // 現在位置が左端の場合、右端に移動してからスライドを始める
            if ($("#FooterShopInner").scrollLeft() < FOOTER_SHOP_WIDTH) {
                tLeft = FOOTER_SHOP_TOTAL_WIDTH - (FOOTER_SHOP_WIDTH * FOOTER_SHOP_DISPLAY_MAX);
                $("#FooterShopInner").scrollLeft(tLeft);
            }
            
            // スライドアニメーションの開始
            tLeft = $("#FooterShopInner").scrollLeft() - FOOTER_SHOP_WIDTH;
            $("#FooterShopInner").animate(
                { scrollLeft:tLeft }, FOOTER_SHOP_SLIDE_TIME, '', 
                function () { FOOTER_SHOP_ANIMATING = false; }
            );
            return false;
        }
    );
    
    //------------------------------
    $('#FooterShop .Next a').click(
        function () {
            if (FOOTER_SHOP_ANIMATING) { return false; }
            FOOTER_SHOP_ANIMATING = true;
            
            var tLeft = 0;
            
            // 現在位置が右端の場合、左端に移動してからスライドを始める
            tLeft = FOOTER_SHOP_TOTAL_WIDTH - (FOOTER_SHOP_WIDTH * FOOTER_SHOP_DISPLAY_MAX);
            if ($("#FooterShopInner").scrollLeft() >= tLeft) {
                $("#FooterShopInner").scrollLeft(0);
            }
            
            // スライドアニメーションの開始
            tLeft = $("#FooterShopInner").scrollLeft() + FOOTER_SHOP_WIDTH;
            $("#FooterShopInner").animate(
                { scrollLeft:tLeft }, FOOTER_SHOP_SLIDE_TIME, '', 
                function () { FOOTER_SHOP_ANIMATING = false; }
            );
            return false;
        }
    );
});

//-----------------------------------
function initFooterShopList () {
    // フッターの店舗一覧の初期化
    FOOTER_SHOP_WIDTH = $('#FooterShopInner li').width();
    FOOTER_SHOP_COUNT = $('#FooterShopInner li').size();
    
    if (FOOTER_SHOP_COUNT > FOOTER_SHOP_DISPLAY_MAX) {
        // 先頭から表示件数分を末尾に足す
        var tmpContent = "";
        for (i = 0; i < FOOTER_SHOP_DISPLAY_MAX; i++) {
            tmpContent = $('#FooterShopInner ul li').eq(i).html();
            $('#FooterShopInner ul').append("<li>" + tmpContent + "</li>");
        }
    } else {
        // スクローラを消す
        $('#FooterShop .Prev').hide();
        $('#FooterShop .Next').hide();
    }
    // ベースの幅を変える
    FOOTER_SHOP_TOTAL_WIDTH = $('#FooterShopInner li').size() * FOOTER_SHOP_WIDTH;
    $('#FooterShopInner ul').width(FOOTER_SHOP_TOTAL_WIDTH);
}