<script type="text/javascript" src="%%GLOBAL_AppPath%%/javascript/jquery/plugins/jCarousel/jCarousel.js?%%GLOBAL_JSCacheToken%%"></script>
<script type="text/javascript" src="%%GLOBAL_AppPath%%/javascript/jquery.cookie.min.js"></script>
%%GLOBAL_ProductDetailFlashMessages%%
<script type="text/javascript">
	var ProductThumbWidth = '';
	var productId = %%GLOBAL_ProductId%%;
</script>
%%Discount.FreeShippingEligibility%%
<div class="product-view row">
	<div class="left-content-product col-lg-12 col-xs-12">
		<div class="row">
			<div class="content-product-left class-honizol col-sm-5 col-xs-12 ">
				%%SNIPPET_ProductThumbImage%%
				<div id="thumb-slider" class="owl-theme owl-loaded owl-drag full_slider">
					%%SNIPPET_ProductTinyImages%%
				</div>
					<div class="model" style="text-align: center; margin-top: 10px;">
						<a href="%%GLOBAL_ShopPath%%/remote.php?w=duvida&id=%%GLOBAL_ProductId%%" title="Perguntar ao Vendedor" data-toggle="modal" data-target="#perguntar" style="color: #555;"><i class="fa fa-question-circle "></i> Perguntar ao Vendedor</a>
					</div> 
				<center>%%GLOBAL_FacebookLikeButtonAbove%%
				%%GLOBAL_FacebookLikeButtonBelow%%</center>
			</div>
			<div class="content-product-right col-sm-7 col-xs-12">
				<div class="title-product">
					<h1>%%GLOBAL_ProductName%%</h1>
					%%SNIPPET_ProductExpectedReleaseDate%%
				</div>
				<form name="frmWishList" id="frmWishList" action="%%GLOBAL_ShopPath%%/wishlist.php" method="get">
					<input type="hidden" name="action" value="add" />
					<input type="hidden" name="product_id" value="%%GLOBAL_ProductId%%" />
					<div class="box-review form-group">
						<span style="display: %%GLOBAL_HideCondition%%"><button type="button" class="btn btn-danger">%%GLOBAL_ProductCondition%%</button></span>
						<span style="display: %%GLOBAL_HideSKU%%">(Cód.%%GLOBAL_SKU%%)</span>
						<div class="ratings">
							<div class="rating-box">
								%%GLOBAL_ProductRating%%
							</div>
						</div>
						<a class="reviews_button" href="#" onclick="$('a[href=\'#tab-2\']').trigger('click'); return false;">%%GLOBAL_ReviewLinkText%%</a>	| 
						<a class="write_review_button" href="#" onclick="$('a[href=\'#tab-2\']').trigger('click');show_product_review_form();return false;">Deixar comentário</a>
						<button class="btn btn-link" type="submit" data-toggle="tooltip" title="" data-original-title="Adicionar aos Favoritos"><i class="fa fa-heart-o fa-2x"></i></button>

						<span class="brand" style="display: %%GLOBAL_HideBrandLink%%"><b>Fabricante:</b> <a href="%%GLOBAL_BrandLink%%">%%GLOBAL_BrandName%%</a></span>					
					</div>
				</form>
				<p class="form-group" style="font-style: 14px;">%%GLOBAL_ProdDesc%%</p>
				<hr>
				<div class="product-label form-group" style="display: %%GLOBAL_sslogado%%">
					<div class="product_page_price price">
						<span class="price-old" style="display: %%GLOBAL_Hidetextode%%">De: %%GLOBAL_RetailPrice%%</span>
						%%GLOBAL_ProdBoleto%%
						<span class="price-new VariationProductPrice">
							%%GLOBAL_ProductPrice%%
						</span>
						%%GLOBAL_ProZ%%
						%%GLOBAL_SchemaEstoque%%
					</div>

					<div class="stock" style="display: %%GLOBAL_HideAvailability%%"><span>Disponibilidade:</span> <span class="status-stock">%%GLOBAL_Availability%%</span></div>
				</div>
				<div style="display: %%GLOBAL_ocultfreteimg%%">
					%%GLOBAL_fretegratis%%
				</div>

				<div class="parcelas" style="display:%%GLOBAL_sslogado%%"></div>
				<div class="product-box-desc">
					<div class="inner-box-desc">
						<div class="brand" style="%%GLOBAL_HideGiftWrapMessage%%"><span>%%LNG_GiftWrapping%%:</span> Opções disponíveis no carrinho.</div>
						<div class="brand" style="display: %%GLOBAL_HideCurrentStock%%"><span>%%GLOBAL_CurrentStockLabel%%:</span> %%GLOBAL_InventoryList%% </div>
						<div class="model" style="%%GLOBAL_HideMinQty%%"><span>%%LNG_ProductMinQty%%:</span> %%GLOBAL_MinQty%% %%LNG_units%%</div>
						<div class="model" style="%%GLOBAL_HideMaxQty%%"><span>%%LNG_ProductMaxQty%%:</span> %%GLOBAL_MaxQty%% %%LNG_units%%</div>
					</div>
				</div>
				%%SNIPPET_ProductAddToCart%%
				<a style="display: %%GLOBAL_Hideorc%%" href="%%GLOBAL_ShopPath%%/remote.php?w=orcamento&id=%%GLOBAL_ProductId%%" data-toggle="modal" data-target="#orcamento" class="btn btn-primary"> <i class="fa fa-check-square-o fa-1x"></i> %%GLOBAL_btorcar%%</a>
				<div style="display: %%GLOBAL_Hidefretegratis%%">
					<hr>
					<div style="display: %%GLOBAL_HideShipping%%">
						%%Panel.QuoteFrete%%
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="modal fade" id="perguntar" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="myModalLabel">Carregando ...</h4>
			</div>
			<div class="modal-body">
			</div>
		</div>
	</div>
</div>

<div class="modal fade" id="orcamento" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="myModalLabel">Carregando ...</h4>
			</div>
			<div class="modal-body">
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
	$(document).ready(function() {
		$('.parcelas').load('%%GLOBAL_ShopPath%%/remote.php?w=simularparcelas&valor=%%GLOBAL_preco%%');
		var zoomCollection = '.large-image img';
		$( zoomCollection ).elevateZoom({
			zoomType    : "inner",
			lensSize    :"200",
			easing:true,
			gallery:'thumb-slider',
			cursor: 'pointer',
			loadingIcon: '%%GLOBAL_TPL_PATH%%/Assets/image/theme/lazy-loader.gif',
			galleryActiveClass: "active"
		});

		$('.large-image').magnificPopup({
			items: [
				%%GLOBAL_ImagensLightbox%%
			],
			gallery: { enabled: true, preload: [0,2] },
			type: 'image',
			mainClass: 'mfp-fade',
			callbacks: {
				open: function() {
					
					var activeIndex = parseInt($('#thumb-slider .img.active').attr('data-index'));
					var magnificPopup = $.magnificPopup.instance;
					magnificPopup.goTo(activeIndex);
				}
			}
		});

		$("#thumb-slider .owl2-item").each(function() {
			$(this).find("[data-index='0']").addClass('active');
		});
		$("#thumb-slider .img").each(function() {
			if($(this).attr('data-index') == 0){
				$(this).trigger('click');
			}
		});

		$(".thumb-vertical-outer .next-thumb").click(function () {
			$( ".thumb-vertical-outer .lSNext" ).trigger( "click" );
		});

		$(".thumb-vertical-outer .prev-thumb").click(function () {
			$( ".thumb-vertical-outer .lSPrev" ).trigger( "click" );
		});

		$("#thumb-slider").owlCarousel2({
			item: 5,
			nav: true,
			dots: false,
			autoWidth: false,
			vertical:false,
			margin: 10,
			pager: false,
			controls: true,
			prevHtml: '<i class="fa fa-angle-up"></i>',
			nextHtml: '<i class="fa fa-angle-down"></i>',
		});
	});
</script>