<div>

<%file=5%>



<div class=\"inside-banner\">
  <div class=\"banner-title\">
     產品總覽 / Product Overview</div>
</div>


<div class=\"warpper\">
  <div class=\"main clearfix\"><!-- 編輯區 -->
  <!-- InstanceBeginEditable name=\"EditRegion1\" -->
       <div class=\"content-body\">
       
       <div class=\"col-025 col-m\">
       <div class=\"left-menu-title\">
         <div class=\"search\">
          <div class=\"search-input\">
             <input type=\"text\" placeholder=\"產品關鍵字搜尋\"></input><a href=\"product-search.html\"><img src=\"images/btn-search.png\"></a>
          </div>
        </div>
       </div>
       
       <div class=\"in-left-menu\">
         <ul>
                    	({section name=m loop=$product_menu.products})
           <li><a href=\"index.php?ban=products({$product_menu.products[m].cate_url})\">({$product_menu.products[m].name})</a>
               <ul>
               		({section name=m2 loop=$product_menu.products[m].child})
                  <li><a href=\"index.php?ban=products({$product_menu.products[m].child[m2].cate_url})\">({$product_menu.products[m].child[m2].name})</a></li>
                  	({/section})
                  
               </ul> 
           </li>
           ({/section})
         </ul>
       </div>
     </div>
     
     
     <div class=\"cor-075 col-m\"><!-- 右欄 -->
     
     
       <h3 class=\"page-title\">({$product_cate.name})</h3>
       <div class=\"pro-detaile clearfix\"><!-- 產品明細 -->
       
         <h3 class=\"pro-detaile-title\">({$data.one.name})</h3><!-- 產品標題 -->
         
         <div class=\"clearfix\"><!-- 明細上半區塊 -->
         
         <div class=\"col-050 col-m\"><!-- 明細區塊左邊  -->
         <SCRIPT src=\"js/jquery-easingpack.js\"></SCRIPT>
         <SCRIPT src=\"js/jquery-easing-compatibilitypack.js\"></SCRIPT>
         <SCRIPT src=\"js/coda-sliderpack.js\"></SCRIPT>

         
         <SCRIPT type=text/javascript>
	
		var theInt = null;
		var $crosslink, $navthumb;
		var curclicked = 0;
		
		theInterval = function(cur){
			clearInterval(theInt);
			
			if( typeof cur != \'undefined\' )
				curclicked = cur;
			
			$crosslink.removeClass(\"active-thumb\");
			$navthumb.eq(curclicked).parent().addClass(\"active-thumb\");
				$(\".stripNav ul li a\").eq(curclicked).trigger(\'click\');
			
			theInt = setInterval(function(){
				$crosslink.removeClass(\"active-thumb\");
				$navthumb.eq(curclicked).parent().addClass(\"active-thumb\");
				$(\".stripNav ul li a\").eq(curclicked).trigger(\'click\');
				curclicked++;
				if( 6 == curclicked )
					curclicked = 0;
				
			}, 30000);
		};
		
		$(function(){
			
			$(\"#main-photo-slider\").codaSlider();
			
			$navthumb = $(\".nav-thumb\");
			$crosslink = $(\".cross-link\");
			
			$navthumb
			.click(function() {
				var $this = $(this);
				theInterval($this.parent().attr(\'href\').slice(1) - 1);
				return false;
			});
			
			theInterval();
		});
        </SCRIPT>
         
           
           <div class=\"pro-photo slider-wrap clearfix\"><!-- 產品大圖 -->
            <div id=\"main-photo-slider\" class=\"csw\">
             <div class=\"panelContainer\">
             ({section name=m loop=$data.one.pic})
             <div class=\"panel\" title=\"Panel ({$smarty.section.m.index+1})\">
                <div class=\"wrapper\"><img src=\"({$data.one.pic[m]})\"></div>
              </div>
             ({/section})
             </div>
             </div>
     
             <div id=\"movers-row\">
             	({section name=m loop=$data.one.pic})
               <div><A class=cross-link href=\"#({$smarty.section.m.index+1})\"><img class=nav-thumb src=\"({$data.one.pic[m]})\"></A></div>
               	({/section})
             </div>
           </div><!-- 產品大圖 END -->
           </div><!-- 產品明細左欄 EDN -->

         <div class=\"col-050 col-m\"><!-- 明細區塊右邊  -->
         
         <div class=\"pro-list-date\">上架時間 ({$data.one.create_date})</div><!-- 上架時間 -->
         
         <div class=\"pro-specification\"><!-- 簡介 -->
           ({$data.one.memo})
         </div>
         
         <div class=\"cart-info\"><!-- 售價與購物車按鈕 -->
             <%file=7%>
         </div>
         
         </div><!-- 明細區塊右邊 END  -->
         </div><!-- 產品明細上半區塊 -->
         
         
          <h3 class=\"pro-introduce\">商品介紹</h3>
          <div class=\"pro-content\">
          
			({$data.one.detail})          
           
          </div>
          <!-- 產品內文 END -->
         
         </div><!-- 產品明細 END  -->
       </div><!-- 右邊區塊 -->
     
    </div>
     
  <!-- InstanceEndEditable -->
  </div><!-- 編輯區 END -->
  </div>


  

<%file=6%>

</div>
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------!>