// 初期化
$(function (){
    
    selectList();
    autoTimer = setInterval(autoSlide, 4000);
    
});



//----------------------------------------------------
// プロモーションリストセット
//----------------------------------------------------
function selectList() {
    
    var d_img = $("#promotion_list li").get();
    
    slideNow = 0;
    slideMax = d_img.length;
    
    // 整列
    $("#promotion_list li").css("position", "absolute");
    for (var i = 0; i < slideMax; i++) {
        $("#promotion_list li:eq(" + i + ")").css("left", i * slideWidth + "px");
    }
    
    // コントローラセット
    var navi_html = "";
    navi_html += '<div id="promotion_navi">';
    navi_html += '  <div id="pn_left"><a href="javascript:autoFlag=false;clickDetailImgBack();">＜</a></div>';
    navi_html += '  <div id="pn_right"><a href="javascript:autoFlag=false;clickDetailImgNext();">＞</a></div>';
    navi_html += '  <div id="pn_ttl"></div>';
    navi_html += '  <ul id="pn_point">';
    for (var i = 0; i < slideMax; i++) {
        navi_html += '      <li>' + (i + 1) + '</li>';
    }
    navi_html += '  </ul>';
    navi_html += '</div>';
    $("#promotion_list").after(navi_html);
    
    // 初期表示
    var ttl = $("#promotion_list li:eq(" + slideNow + ") img").attr("alt");
    $("#pn_ttl").html(ttl);
    $("#pn_point li").removeClass("select");
    $("#pn_point li:eq(" + slideNow + ")").addClass("select");
    
}


//----------------------------------------------------
// 自動スライド
//----------------------------------------------------
var autoTimer;
var autoFlag = true;
function autoSlide() {
    if (autoFlag) {
        clickDetailImgNext();
    } else {
        autoFlag = true;    
    }
}


//----------------------------------------------------
// 詳細制御
//----------------------------------------------------
var slideWidth = 950;
var slideNow = 0;
var slideMax = 0;
function clickDetailImgNext() {
    if (slideNow >= slideMax - 1) {
        slideNow = 0;
    } else {
        slideNow++;
    }
    slideDetail();
}
function clickDetailImgBack() {
    if (slideNow == 0) {
        slideNow = slideMax - 1;
    } else {
        slideNow--;
    }
    slideDetail();
}
function clickDetail() {
    slideNow = Number(this.innerHTML) - 1;
    slideDetail();
}
function slideDetail() {
    var ttl = $("#promotion_list li:eq(" + slideNow + ") img").attr("alt");
    $("#pn_ttl").html(ttl);
    $("#pn_point li").removeClass("select");
    $("#pn_point li:eq(" + slideNow + ")").addClass("select");
    $("#promotion_list").stop();
    $("#promotion_list").animate({left:slideNow * slideWidth * -1 + "px"}, slideWidth);
}