/**
 * 商品詳細
 */


function changeAngle(goodsId, bodyId, angle)
{
    // 操作対象の要素取得
    zoomImg = document.getElementById("ZOOM_" + bodyId);
    colorSelect = document.getElementById("COLOR_" + bodyId);

    // 現在選択中のカラーIDを取得
    colorId = colorSelect.options[colorSelect.selectedIndex].value;

    // ズーム画像のURL生成
    switch (angle) {
        case 1:
            url = "/img/goods/design/" + goodsId + "_front_" + bodyId + "_" + colorId + ".jpg";
            break;
        case 2:
            url = "/img/goods/design/" + goodsId + "_back_" + bodyId + "_" + colorId + ".jpg";
            break;
    }

    zoomImg.src = url;
}


function openZoom(goodsId, bodyId)
{
    // 操作対象の要素取得
    zoomImg = document.getElementById("ZOOM_" + bodyId);
    colorSelect = document.getElementById("COLOR_" + bodyId);

    // 現在選択中のカラーIDを取得
    colorId = colorSelect.options[colorSelect.selectedIndex].value;

    // オープン先のURL生成
    if (zoomImg.src.match(/_front_/i)) {
        url = "/img/goods/design/" + goodsId + "_front_" + bodyId + "_" + colorId + ".jpg";
    } else {
        url = "/img/goods/design/" + goodsId + "_back_" + bodyId + "_" + colorId + ".jpg";
    }

    window.open(url);
}


function changeSize(goodsId, bodyId)
{
    // 半袖Tシャツ(キッズ)の場合
    if (bodyId == '3') {
        /*
        // 操作対象の要素取得
        sizeSelect = document.getElementById("SIZE_" + bodyId);
        colorSelect = document.getElementById("COLOR_" + bodyId);

        // 現在選択中の値を取得
        sizeId = sizeSelect.options[sizeSelect.selectedIndex].value;
        colorId = colorSelect.options[colorSelect.selectedIndex].value;

        // すべてのカラー選択肢を削除
        len = colorSelect.length;
        for (i = 0; i < len; i++) {
            colorSelect.options[0] = null;
        }

        // カラー選択肢を新規作成
        switch (sizeId) {
            case '9':
                colorSelect.options[0]  = new Option('ホワイト', '27');
                break;
            case '10':
                colorSelect.options[0]  = new Option('ホワイト', '27');
                colorSelect.options[1]  = new Option('イエロー', '29');
                colorSelect.options[2]  = new Option('レッド', '35');
                colorSelect.options[3]  = new Option('ラベンダー', '37');
                colorSelect.options[4]  = new Option('アクアブルー', '38');
                colorSelect.options[5]  = new Option('ロイヤルブルー', '39');
                break;
            default:
                colorSelect.options[0]  = new Option('ホワイト', '27');
                colorSelect.options[1]  = new Option('アッシュ', '28');
                colorSelect.options[2]  = new Option('イエロー', '29');
                colorSelect.options[3]  = new Option('ミントグリーン', '30');
                colorSelect.options[4]  = new Option('グリーン', '31');
                colorSelect.options[5]  = new Option('ライムグリーン', '32');
                colorSelect.options[6]  = new Option('ライトベージュ', '33');
                colorSelect.options[7]  = new Option('オレンジ', '34');
                colorSelect.options[8]  = new Option('レッド', '35');
                colorSelect.options[9]  = new Option('ライトピンク', '36');
                colorSelect.options[10] = new Option('ラベンダー', '37');
                colorSelect.options[11] = new Option('アクアブルー', '38');
                colorSelect.options[12] = new Option('ロイヤルブルー', '39');
        }

        // 選択中のカラー選択肢を設定
        len = colorSelect.length;
        for (i = 0; i < len; i++) {
            if (colorSelect.options[i].value == colorId) {
                colorSelect.selectedIndex = i;
            }
        }
        */
    }

    // カラー選択肢変更時の処理を実行
    changeColor(goodsId, bodyId);
}


function changeColor(goodsId, bodyId)
{
    // 操作対象の要素取得
    frontThumbnailImg = document.getElementById("FRONT_THUMBNAIL_" + bodyId);
    backThumbnailImg  = document.getElementById("BACK_THUMBNAIL_" + bodyId);
    zoomImg = document.getElementById("ZOOM_" + bodyId);
    colorSelect = document.getElementById("COLOR_" + bodyId);

    // 現在選択中のカラーIDを取得
    colorId = colorSelect.options[colorSelect.selectedIndex].value;

    // 画像のURL変更
    frontThumbnailImg.src = "/img/goods/design/" + goodsId + "_front_" + bodyId + "_" + colorId + ".jpg";
    backThumbnailImg.src = "/img/goods/design/" + goodsId + "_back_" + bodyId + "_" + colorId + ".jpg";
    zoomImg.src = frontThumbnailImg.src;
}

function setColor(goodsId, bodyId, colorId)
{
    // 操作対象の要素取得
    sizeSelect = document.getElementById("SIZE_" + bodyId);
    colorSelect = document.getElementById("COLOR_" + bodyId);

    // 選択中のカラー選択肢を設定
    len = colorSelect.length;
    for (i = 0; i < len; i++) {
        if (colorSelect.options[i].value == colorId) {
            colorSelect.selectedIndex = i;
        }
    }

    if (colorSelect.options[colorSelect.selectedIndex].value != colorId) {
        alert(sizeSelect.options[sizeSelect.selectedIndex].text + "ではこのカラーは選択できません\n※選択できるカラーはボタンの上のプルダウンメニューをご参考下さい");
    }

    changeColor(goodsId, bodyId);
}