<!--{*
 * This file is part of EC-CUBE
 *
 * Copyright(c) 2000-2010 LOCKON CO.,LTD. All Rights Reserved.
 *
 * http://www.lockon.co.jp/
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
 *}-->
<script type="text/javascript" src="<!--{$TPL_DIR}-->jquery.fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="<!--{$TPL_DIR}-->jquery.fancybox/jquery.fancybox-1.3.1.pack.js"></script>
<link rel="stylesheet" href="<!--{$TPL_DIR}-->jquery.fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />
<script type="text/javascript">//<![CDATA[
// 規格2に選択肢を割り当てる。
function fnSetClassCategories(form, classcat_id2_selected) {
    sele1 = form.classcategory_id1;
    sele2 = form.classcategory_id2;

    if (sele1) {
        if (sele2) {
            // 規格2の選択肢をクリア
            count = sele2.options.length;
            for(i = count; i >= 0; i--) {
                sele2.options[i] = null;
            }

            // 規格2に選択肢を割り当てる
            classcats = classCategories[sele1.value];
            i = 0;
            for (var classcat_id2_key in classcats) {
                sele2.options[i] = new Option(classcats[classcat_id2_key].name, classcat_id2_key);
                if (classcat_id2_key == classcat_id2_selected) {
                    sele2.options[i].selected = true;
                }
                i++;
            }
        }
        fnCheckStock(form);
    }
}
function fnCheckStock(form) {
    classcat_id1 = form.classcategory_id1.value;
    classcat_id2 = form.classcategory_id2 ? form.classcategory_id2.value : 0;
    classcat2 = classCategories[classcat_id1][classcat_id2];

    // 商品コード
    eleDefault = document.getElementById('product_code_default');
    eleDynamic = document.getElementById('product_code_dynamic');
    if (
           classcat2
        && typeof classcat2.product_code != 'undefined'
    ) {
        eleDefault.style.display = 'none';
        eleDynamic.innerHTML = classcat2.product_code;
    } else {
        eleDefault.style.display = '';
        eleDynamic.innerHTML = '';
    }

    // 在庫(品切れ)
    eleDefault = document.getElementById('cartbtn_default');
    eleDynamic = document.getElementById('cartbtn_dynamic');
    if (
           classcat2
        && classcat2.stock_find === false
    ) {
        eleDefault.style.display = 'none';
        eleDynamic.innerHTML = '申し訳ございませんが、只今品切れ中です。';
    } else {
        eleDefault.style.display = '';
        eleDynamic.innerHTML = '';
    }

    // 通常価格
    eleDefault = document.getElementById('price01_default');
    eleDynamic = document.getElementById('price01_dynamic');
    if (eleDefault && eleDynamic) {
        if (
               classcat2
            && typeof classcat2.price01 != 'undefined'
            && String(classcat2.price01).length >= 1
        ) {
            eleDefault.style.display = 'none';
            eleDynamic.innerHTML = classcat2.price01;
        } else {
            eleDefault.style.display = '';
            eleDynamic.innerHTML = '';
        }
    }

    // 販売価格
    eleDefault = document.getElementById('price02_default');
    eleDynamic = document.getElementById('price02_dynamic');
    if (
           classcat2
        && typeof classcat2.price02 != 'undefined'
        && String(classcat2.price02).length >= 1
    ) {
        eleDefault.style.display = 'none';
        eleDynamic.innerHTML = classcat2.price02;
    } else {
        eleDefault.style.display = '';
        eleDynamic.innerHTML = '';
    }

    // ポイント
    eleDefault = document.getElementById('point_default');
    eleDynamic = document.getElementById('point_dynamic');
    if (
           classcat2
        && typeof classcat2.point != 'undefined'
        && String(classcat2.point).length >= 1
    ) {
        eleDefault.style.display = 'none';
        eleDynamic.innerHTML = classcat2.point;
    } else {
        eleDefault.style.display = '';
        eleDynamic.innerHTML = '';
    }
    // 商品規格
    eleDynamic = document.getElementById('product_class_id');
    if (
           classcat2
        && typeof classcat2.product_class_id != 'undefined'
        && String(classcat2.product_class_id).length >= 1
    ) {
        eleDynamic.value = classcat2.product_class_id;
    } else {
        eleDynamic.value = ''
    }
    // 商品種別
    eleDynamic = document.getElementById('product_type');
    if (
           classcat2
        && typeof classcat2.product_type != 'undefined'
        && String(classcat2.product_type).length >= 1
    ) {
        eleDynamic.value = classcat2.product_type;
    } else {
        eleDynamic.value = ''
    }
}
$(document).ready(function() {
    $("a.expansion").fancybox({
    });
});
//]]>
</script>

<!--▼CONTENTS-->
<div id="undercolumn" class="product product_detail">

    <!--★タイトル★-->
    <h2 class="title"><!--{$tpl_subtitle|escape}--></h2>

    <div id="detailarea">
        <div id="detailphotoblock">

            <!--{assign var=key value="main_image"}-->

            <!--★画像★-->
            <a
                <!--{if $arrProduct.main_large_image|strlen >= 1}-->
                    href="<!--{$smarty.const.IMAGE_SAVE_URL}--><!--{$arrProduct.main_large_image|escape}-->"
                    class="expansion"
                    onmouseover="chgImg('<!--{$TPL_DIR}-->img/products/b_expansion_on.gif','expansion01');"
                    onmouseout="chgImg('<!--{$TPL_DIR}-->img/products/b_expansion.gif','expansion01');"
                    target="_blank"
                <!--{/if}-->
            >
                <img src="<!--{$arrFile[$key].filepath|escape}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" alt="<!--{$arrProduct.name|escape}-->" class="picture" /><br />
                <!--★拡大する★-->
                <!--{if $arrProduct.main_large_image|strlen >= 1}-->
                    <img src="<!--{$TPL_DIR}-->img/products/b_expansion.gif" width="85" height="13" alt="画像を拡大する" name="expansion01" id="expansion01" />
                <!--{/if}-->
            </a>
        </div>

        <div id="detailrightblock">
            <!--▼商品ステータス-->
            <!--{assign var=ps value=$productStatus[$smarty.get.product_id]}-->
            <!--{if count($ps) > 0}-->
                <ul class="status_icon">
                    <!--{foreach from=$ps item=status}-->
                    <li>
                        <img src="<!--{$TPL_DIR}--><!--{$arrSTATUS_IMAGE[$status]}-->" width="65" height="17" alt="<!--{$arrSTATUS[$status]}-->" id="icon<!--{$status}-->" />
                    </li>
                    <!--{/foreach}-->
                </ul>
            <!--{/if}-->
            <!--▲商品ステータス-->

            <!--★ダウンロード販売★-->
            <!--{if $arrProduct.down == 2}-->
                <div><font color="red">本商品はダウンロード販売となります。<br /> 購入後はMYページの購入履歴からダウンロード可能です。</font></div><br />
            <!--{/if}-->

            <table>
                <tr>
                    <th colspan="2">
                        <!--★商品名★-->
                        <h2><!--{$arrProduct.name|escape}--></h2>
                    </th>
                </tr>
                <tr>
                    <th>
                        <!--★販売価格★-->
                        <div class="sale_price"><!--{$smarty.const.SALE_PRICE_TITLE}--><span class="mini">(税込)</span></div>
                    </th>
                    <td>
                        <span class="price">
                            <span id="price02_default">
                                <!--{if $arrProduct.price02_min == $arrProduct.price02_max}-->
                                    <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
                                <!--{else}-->
                                    <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$arrProduct.price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
                                <!--{/if}-->
                            </span><span id="price02_dynamic"></span>
                            円
                        </span>
                    </td>
                </tr>
                <!--★通常価格★-->
                <!--{if $arrProduct.price01_max > 0}-->
                <tr>
                    <th>
                        <div class="normal_price">
                        <!--{$smarty.const.NORMAL_PRICE_TITLE}-->：
                        </div>
                    </th>
                    <td>
                        <span class="price">
                            <span id="price01_default">
                                <!--{if $arrProduct.price01_min == $arrProduct.price01_max}-->
                                    <!--{$arrProduct.price01_min|number_format}-->
                                <!--{else}-->
                                    <!--{$arrProduct.price01_min|number_format}-->～<!--{$arrProduct.price01_max|number_format}-->
                                <!--{/if}-->
                            </span><span id="price01_dynamic"></span>
                            円
                        </span>
                    </td>
                </tr>    
                <!--{/if}-->

            
                <!--★ポイント★-->
                <!--{if $smarty.const.USE_POINT !== false}-->
                <tr>
                    <th>
                        <span class="price">ポイント：</span>
                    </th>
                    <td>
                        <span id="point_default">
                            <!--{if $arrProduct.price02_min == $arrProduct.price02_max}-->
                                <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id}-->
                            <!--{else}-->
                                <!--{if $arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id == $arrProduct.price02_max|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id}-->
                                    <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id}-->
                                <!--{else}-->
                                    <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id}-->～<!--{$arrProduct.price02_max|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id}-->
                                <!--{/if}-->
                            <!--{/if}-->
                            </span><span id="point_dynamic">
                            Pt
                        </span>
                    </td>
                </tr>
                <!--{/if}-->

                <!--▼メーカーURL-->
                <!--{if $arrProduct.comment1|strlen >= 1}-->
                <tr>
                    <th>
                        <span class="comment1">メーカーURL：
                    </th>
                    <td>
                            <a href="<!--{$arrProduct.comment1|escape}-->">
                                <!--{$arrProduct.comment1|escape}--></a>
                    </td>
                </tr>
                <!--{/if}-->
                <!--▲メーカーURL-->

                <!--★関連カテゴリ★-->
                <tr>
                    <th>
                        <div class="relative_cat">関連カテゴリ：</div>
                    </th>
                    <td>
                        <!--{section name=r loop=$arrRelativeCat}-->
                        <p>
                            <!--{section name=s loop=$arrRelativeCat[r]}-->
                            <a href="<!--{$smarty.const.SPHONE_URL_DIR}-->products/list.php?category_id=<!--{$arrRelativeCat[r][s].category_id}-->"><!--{$arrRelativeCat[r][s].category_name}--></a>
                            <!--{if !$smarty.section.s.last}--><!--{$smarty.const.SEPA_CATNAVI}--><!--{/if}-->
                            <!--{/section}-->
                        </p>
                        <!--{/section}-->
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                            <!--★詳細メインコメント★-->
                            <div class="main_comment"><!--{$arrProduct.main_comment|nl2br_html}--></div>
                    </td>
                </tr>
            </table>

            <!--▼買い物かご-->
            <form name="form1" id="form1" method="post" action="?">
                <input type="hidden" name="mode" value="cart" />
                <input type="hidden" name="product_id" value="<!--{$tpl_product_id}-->" />
                <input type="hidden" name="product_class_id" value="<!--{$tpl_product_class_id}-->" id="product_class_id" />
                <input type="hidden" name="product_type" value="<!--{$tpl_product_type}-->" id="product_type" />
                <input type="hidden" name="favorite_product_id" value="" />

                <!--{if $tpl_stock_find}-->
                    <dl>
                        <!--{if $tpl_classcat_find1}-->
                            <!--▼規格1-->
                            <dt><!--{$tpl_class_name1|escape}--></dt>
                            <dd>
                                <select name="classcategory_id1"
                                    style="<!--{$arrErr.classcategory_id1|sfGetErrorColor}-->"
                                    onchange="fnSetClassCategories(this.form);"
                                >
                                    <!--{html_options options=$arrClassCat1 selected=$arrForm.classcategory_id1.value}-->
                                </select>
                                <!--{if $arrErr.classcategory_id1 != ""}-->
                                    <br /><span class="attention">※ <!--{$tpl_class_name1}-->を入力して下さい。</span>
                                <!--{/if}-->
                            </dd>
                            <!--▲規格1-->
                        <!--{/if}-->

                        <!--{if $tpl_classcat_find2}-->
                            <!--▼規格2-->
                            <dt><!--{$tpl_class_name2|escape}--></dt>
                            <dd>
                                <select name="classcategory_id2"
                                    style="<!--{$arrErr.classcategory_id2|sfGetErrorColor}-->"
                                    onchange="fnCheckStock(this.form);"
                                >
                                </select>
                                <!--{if $arrErr.classcategory_id2 != ""}-->
                                    <br /><span class="attention">※ <!--{$tpl_class_name2}-->を入力して下さい。</span>
                                <!--{/if}-->
                            </dd>
                            <!--▲規格2-->
                        <!--{/if}-->

                        <dt>数量</dt>
                        <dd>
                            <input type="text" name="quantity" class="box54" value="<!--{$arrForm.quantity.value|default:1}-->" maxlength="<!--{$smarty.const.INT_LEN}-->" style="<!--{$arrErr.quantity|sfGetErrorColor}-->" />
                            <!--{if $arrErr.quantity != ""}-->
                                <br /><span class="attention"><!--{$arrErr.quantity}--></span>
                            <!--{/if}-->
                        </dd>
                    </dl>
                <!--{/if}-->

                <div class="btn">
                    <!--{if $smarty.const.OPTION_FAVOFITE_PRODUCT == 1 && $tpl_login === true}-->
                        <div>
                            <!--{assign var=add_favorite value="add_favorite`$product_id`"}-->
                            <!--{if $arrErr[$add_favorite]}--><div class="attention"><!--{$arrErr[$add_favorite]}--></div><!--{/if}-->
                            <!--{if !$arrProduct.favorite_count}-->
                                <a
                                    href="javascript:fnModeSubmit('add_favorite','favorite_product_id','<!--{$arrProduct.product_id|escape}-->');"
                                    onmouseover="chgImg('<!--{$TPL_DIR}-->img/products/add_favolite_product_on.gif','add_favolite_product');"
                                    onmouseout="chgImg('<!--{$TPL_DIR}-->img/products/add_favolite_product.gif','add_favolite_product');"
                                ><img src="<!--{$TPL_DIR}-->img/products/add_favolite_product.gif" width="115" height="20" alt="お気に入りに追加" name="add_favolite_product" id="add_favolite_product" /></a>
                            <!--{else}-->
                                <img src="<!--{$TPL_DIR}-->img/products/add_favolite_product_on.gif" width="115" height="20" alt="お気に入り登録済" name="add_favolite_product" id="add_favolite_product" />
                            <!--{/if}-->
                        </div>
                    <!--{/if}-->

                    <!--{if $tpl_stock_find}-->
                        <div id="cartbtn_default">
                            <!--★カゴに入れる★-->
                            <div>
                                <a href="javascript:void(document.form1.submit())" onmouseover="chgImg('<!--{$TPL_DIR}-->img/products/b_cartin_on.gif','cart');" onmouseout="chgImg('<!--{$TPL_DIR}-->img/products/b_cartin.gif','cart');" class="spbtn spbtn-agree">
                                    カゴに入れる
                                </a>
                            </div>
                            <!--{if 'sfGMODetailDisplay'|function_exists}--><!--{* GMOワンクリック *}-->
                                <!--{'sfGMODetailDisplay'|call_user_func}-->
                            <!--{/if}-->
                        </div>
                        <div class="attention" id="cartbtn_dynamic"></div>
                    <!--{else}-->
                        <div class="attention">申し訳ございませんが、只今品切れ中です。</div>
                    <!--{/if}-->
                </div>
            </form>
            <!--▲買い物かご-->

        </div>
    </div>
    <!--{* オペビルダー用 *}-->
    <!--{if "sfViewDetailOpe"|function_exists === TRUE}-->
        <!--{include file=`$smarty.const.MODULE_PATH`mdl_opebuilder/detail_ope_view.tpl}-->
    <!--{/if}-->
    <!--詳細ここまで-->

    <!--▼サブコメント-->
    <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}-->
        <!--{assign var=key value="sub_title`$smarty.section.cnt.index+1`"}-->
        <!--{if $arrProduct[$key] != ""}-->
            <div class="subarea">
                <h3><!--★サブタイトル★--><!--{$arrProduct[$key]|escape}--></h3>
                <!--{assign var=ckey value="sub_comment`$smarty.section.cnt.index+1`"}-->

                <div class="subtext"><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br_html}--></div>

                <!--▼サブ画像-->
                <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}-->
                <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}-->
                <!--{if $arrProduct[$key]|strlen >= 1}-->
                    <div class="subphotoimg">
                        <a
                            <!--{if $arrProduct[$lkey]|strlen >= 1}-->
                                href="<!--{$smarty.const.IMAGE_SAVE_URL}--><!--{$arrProduct[$lkey]|escape}-->"
                                class="expansion"
                                onmouseover="chgImg('<!--{$TPL_DIR}-->img/products/b_expansion_on.gif', 'expansion_<!--{$lkey|escape}-->');"
                                onmouseout="chgImg('<!--{$TPL_DIR}-->img/products/b_expansion.gif', 'expansion_<!--{$lkey|escape}-->');"
                                target="_blank"
                            <!--{/if}-->
                        >
                            <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|escape}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" /><br />
                            <!--{if $arrProduct[$lkey]|strlen >= 1}-->
                                <img src="<!--{$TPL_DIR}-->img/products/b_expansion.gif" width="85" height="13" alt="画像を拡大する" id="expansion_<!--{$lkey|escape}-->" />
                            <!--{/if}-->
                        </a>
                    </div>
                <!--{/if}-->
                <!--▲サブ画像-->
            </div>
        <!--{/if}-->
    <!--{/section}-->
    <!--▲サブコメント-->

    <!--▼関連商品-->
    <!--{if $arrRecommend}-->
        <div id="whoboughtarea">
            <h2>その他のオススメ商品(関連商品)</h2>
            <div class="whoboughtblock">

            <!--{section name=cnt loop=$arrRecommend}-->
                <!--{if ($smarty.section.cnt.index % 2) == 0}-->
                <!--{if $arrRecommend[cnt].product_id}-->
                <!-- 左列 -->
                <div class="whoboughtleft">

                    <a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$arrRecommend[cnt].product_id|escape:url}-->">
                        <img src="<!--{$smarty.const.SPHONE_URL_DIR}-->resize_image.php?image=<!--{$arrRecommend[cnt].main_list_image|sfNoImageMainList|escape}-->&amp;width=65&amp;height=65" alt="<!--{$arrRecommend[cnt].name|escape}-->" /></a>

                    <div class="whoboughtrightblock">
                        <!--{assign var=price02_min value=`$arrRecommend[cnt].price02_min`}-->
                        <!--{assign var=price02_max value=`$arrRecommend[cnt].price02_max`}-->
                        <h3><a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$arrRecommend[cnt].product_id|escape:url}-->"><!--{$arrRecommend[cnt].name|escape}--></a></h3>

                        <p class="sale_price"><!--{$smarty.const.SALE_PRICE_TITLE}--><span class="mini">(税込)</span>：<span class="price">
                            <!--{if $price02_min == $price02_max}-->
                                <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
                            <!--{else}-->
                                <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
                            <!--{/if}-->円</span></p>
                        <p class="mini"><!--{$arrRecommend[cnt].comment|escape|nl2br}--></p>
                    </div>
                </div>
                <!-- 左列 -->
                <!--{/if}-->
                <!--{/if}-->

                <!--{if ($smarty.section.cnt.index % 2) != 0}-->
                <!--{* assign var=nextCnt value=$smarty.section.cnt.index+1 *}-->
                <!--{if $arrRecommend[cnt].product_id}-->
                <!-- 右列 -->
                <div class="whoboughtright">

                    <a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$arrRecommend[cnt].product_id|escape:url}-->">
                        <img src="<!--{$smarty.const.SPHONE_URL_DIR}-->resize_image.php?image=<!--{$arrRecommend[cnt].main_list_image|sfNoImageMainList|escape}-->&amp;width=65&amp;height=65" alt="<!--{$arrRecommend[cnt].name|escape}-->" /></a>

                    <div class="whoboughtrightblock">
                        <!--{assign var=price02_min value=`$arrRecommend[cnt].price02_min`}-->
                        <!--{assign var=price02_max value=`$arrRecommend[cnt].price02_max`}-->
                        <h3><a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$arrRecommend[cnt].product_id|escape:url}-->"><!--{$arrRecommend[cnt].name|escape}--></a></h3>

                        <p class="sale_price"><!--{$smarty.const.SALE_PRICE_TITLE}--><span class="mini">(税込)</span>：<span class="price">

                            <!--{if $price02_min == $price02_max}-->
                                <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
                            <!--{else}-->
                                <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
                            <!--{/if}-->円</span></p>
                        <p class="mini"><!--{$arrRecommend[cnt].comment|escape|nl2br}--></p>
                    </div>
                </div>
                <!-- 右列 -->
            <!--{/if}-->
            <!--{/if}-->

            <!--{if $smarty.section.cnt.last}-->
            </div>
            <!--{/if}-->
        <!--{/section}-->
        </div>
    <!--{/if}-->
    <!--▲関連商品-->

</div>
<!--▲CONTENTS-->
