#set($productimage = $mediaarchive.getAsset($product.image))
#set($msize = "$home$cataloghome/downloads/preview/medium/$productimage.sourcepath/thumb.jpg")
<form action="$home$apphome$storehome/shoppingbag.html" name="shop" id="shop" method="post" >
	<div class="row" >
		<div class="col-md-6">
	      	<h2 class="featurette-heading">$product.getName() <span class="text-muted">$!product.tagline</span></h2>
		    <div class="button_section">
	        	<a href="#" class="btn_box pie" onclick="$('#shop').submit();"><span>Buy now</span></a>
	            <a href="#" class="btn_box pie"><span>Trial offer</span></a>
	        	<div class="clear"></div>
	        </div>
		    
		    ##$pages.stream("$apphome$storehome/layout/productsizeandcolors.html")
			$pages.stream("$apphome$storehome/layout/productoptions.html")
			$pages.stream("$apphome$storehome/layout/productprice.html")
	   	</div>
    	<div class="col-md-6">
     		<div class="row" style="padding-top: 120px;">
		        <div class="col-md-2">
		        	Mini Images.
		        </div>
		        <div class="col-md-10">
			        <a href="#" class="ajaxDialog" data-title="$product.name" data-target="$home$apphome$storehome/layout/imagelarge.html?productid=${product.id}">
			          <img class="featurette-image img-responsive" src="$msize" data-src="holder.js/500x500/auto" alt="500x500">
			        </a>
			        <div class="center-block">
			        	<a href="#"  class="ajaxDialog" data-title="$product.name" data-target="$home$apphome$storehome/layout/imagelarge.html?productid=${product.id}">click image to view larger</a>
			        </div>
		         </div>
	 		</div>
			<!-- Nav tabs -->
			<ul class="nav nav-tabs">
			  <li><a href="#home" data-toggle="tab">[[Desciption]]</a></li>
			  <li><a href="#profile" data-toggle="tab">[[Ingredients]]</a></li>
			  <li><a href="#nutrition" data-toggle="tab">[[Nutrition Facts]]</a></li>
			  <li><a href="#faq" data-toggle="tab">[[FAQ]]</a></li>
			  <li><a href="#shipping" data-toggle="tab">[[Shipping]]</a></li>
			</ul>
			<!-- Tab panes -->
			<div class="tab-content">
			  <div class="tab-pane active" id="home">$!product.descrip</div>
			  <div class="tab-pane" id="profile">$!product.ingredients</div>
			  <div class="tab-pane" id="nutrition">$!product.nutrition</div>
			  <div class="tab-pane" id="faq">$!product.faq</div>
			  <div class="tab-pane" id="shipping">$!product.shipping</div>
			</div>
	      </div>
	</div>
</form>