<?php $this->loadCss('/media/css/catalogo.css'); ?>
<?php if ($loja == '1') : ?>
<?php $this->loadCss('/media/css/loja.css'); ?>
<?php $this->loadJavascript('/media/js/loja.js'); ?>
<?php $this->loadJavascript('/media/js/catalogo.js'); ?>

<?php endif; ?>
<?php $this->loadRss('/catalogo/rss'); ?>
<div id="menulat">
<h1><?php echo $titulo; ?></h1>
	<?php echo $menu; ?>
</div>
<div id="catalogo_detail" class="produtos">
<div style="margin-bottom: 30px; margin-right: 25px; padding-top: 5px;">
	<div id="nomecat">
		<?php echo $categorianome; ?>
	</div>
</div>
<div style="float:left; width:346px;">
	<div id="imagem_show" align="center"> <!--A alteracao no nome do ID (image_show) tem implicacoes na funcionalidade-->
        <?php if ($produto->imagem && is_readable(WWW_PATH . $imagens_upload_path . 'medium_' . $produto->imagem)): ?>
			<a href="<?php echo $imagens_upload_path . 'big_' . $produto->imagem; ?>" rel="lightbox[roadtrip]">
				<?php echo $this->img($imagens_upload_path . 'big_' . $produto->imagem, array('alt' => $produto->titulo, 'border' => 0)) ?>
            </a>
        <?php else: ?>
            <?php echo $this->img('/media/images/no_pic_big.gif')?>
        <?php endif; ?>
    </div>
	<?php if ($imagens): $i = 0; ?>
		<div class="back_prod_imagens<?php echo $i; ?>" style="width:65px; float:left; cursor:pointer; border:2px solid #f4f4f4; text-align:center; margin-right:15px;">
			<?php echo $this->img($imagens_upload_path . 'small_' . $produto->imagem, array('alt' => $produto->titulo)); ?>
		</div>
		<script type="text/javascript">
				var j = jQuery.noConflict();
				j(document).ready(function()
				{
					j(".back_prod_imagens<?php echo $i; ?>").click(function() {
						<?php if ($produto->imagem && is_readable(WWW_PATH . $imagens_upload_path . 'medium_' . $produto->imagem)): ?>
							j("#imagem_show img").attr("src","<?php echo $imagens_upload_path .'big_' . $produto->imagem; ?>");
							j("#imagem_show a").attr('href',"<?php echo $imagens_upload_path .'big_' . $produto->imagem; ?>");
						<?php endif; ?>
					});
				});
			</script>
		<?php foreach ($imagens as $imagem): $i++; ?>
			<div class="back_prod_imagens<?php echo $i; ?>" style="width:65px; float:left; cursor:pointer; border:2px solid #f4f4f4; text-align:center; margin-right:15px;">
				<?php echo $this->img($imagens_upload_path . 'small_' . $imagem->imagem, array('alt' => $imagem->titulo)); ?>
			</div>
			<script type="text/javascript">
				var j = jQuery.noConflict();
				j(document).ready(function()
				{
					j(".back_prod_imagens<?php echo $i; ?>").click(function() {
						<?php if ($imagem->imagem && is_readable(WWW_PATH . $imagens_upload_path . 'medium_' . $imagem->imagem)): ?>
							j("#imagem_show img").attr("src","<?php echo $imagens_upload_path .'big_' . $imagem->imagem; ?>");
							j("#imagem_show a").attr('href',"<?php echo $imagens_upload_path .'big_' . $imagem->imagem; ?>");
						<?php endif; ?>
					});
				});
			</script>
			<?php if ($i>2) break; ?>
		<?php endforeach; ?>
<?php endif; ?>
<?php if ($produto->ficheiro && is_readable(WWW_PATH . $ficheiros_upload_path . $produto->ficheiro)): ?>
<div id="fichatecnica">
<a style="color:#3d3d3d; padding-left:20px;" target="_blank" href="<?php echo $baseUrl . $ficheiros_upload_path; ?><?php echo $produto->ficheiro; ?>">
	<?php echo translate("Ficha T&eacute;cnica"); ?>
</a>
</div>
<?php endif; ?>
	<div class="info">
		<a style="color:#3d3d3d; padding-left:20px;" href="<?php echo $this->link('/form/viewPedidoInfo/id/5/info/'.$produto->titulo); ?>"><?php echo translate('Mais Informa&ccedil;&otilde;es - Produtos'); ?></a>
	</div>
</div>
<div style="float:right; width:460px;">
<?php if ($produto->titulo): ?>
	<div id="detail_title">
		<?php echo $produto->titulo; ?>
	</div>
<?php endif; ?>
<div  style="text-align:left; margin-top:15px; font-size:28px; margin-bottom:10px;">
	<?php if ($produto->preco > 0): ?>
		<?php if ($produto->preco_promo > 0 && strtotime(date('Y-m-d')) > strtotime($produto->promocao_inicio) && strtotime(date('Y-m-d')) < strtotime($produto->promocao_fim) && $produto->promocao): ?>
		<div class="detaquepreco">
			<?php $preco =  $produto->preco; ?>
			&#8364; <?php echo number_format($preco, 2, ',', ''); ?>
		</div>
		<div class="destaquepromo">
			<?php $preco_promo = $produto->preco_promo; ?>
			&#8364; <?php echo number_format($preco_promo, 2, ',', ''); ?>
		</div>
		<?php else: ?>
		<div class="destaquepromo">
			<?php $preco = $produto->preco; ?>
			&#8364; <?php echo number_format($preco, 2, ',', ''); ?>
		</div>
		<?php endif;?>
	<?php endif;?>
</div>
<?php if ($produto->descricao): ?>
	<div id="detail_text" style=" min-height:322px; margin-top:34px;width:460px;margin-bottom:25px;"><?php echo $produto->descricao; ?></div>
<?php endif; ?>
</div>
</div>
<div id="history_back" style="margin-bottom:20px; clear:both; width:860px; float:right;">
	<div style="float:right;"><a href="javascript:history.back();">&laquo; <?php echo translate('voltar'); ?></a></div>
</div>
<br clear="all"/>

<script type="text/javascript">
	var j = jQuery.noConflict();
	j(document).ready(function()
	{
		j(".accordion > li > div").click(function()
		{
			if (false == j(this).next().is(':visible')) {
				j(this).parent().siblings().children("ul").slideUp("slow");
			}
			j(this).next().slideToggle("slow");
		})

		j('.accordion:first').children().addClass("first");
		j('.accordion li li:has(#cat<?php echo $categoria_id; ?>)').addClass("selected");
		j('.accordion li:has(#cat<?php echo $categoria_id; ?>)').addClass("selected");
		j('.accordion li li:has(#cat<?php echo $categoria_id; ?>) div').next().slideDown("slow");
		j('.accordion li:has(#cat<?php echo $categoria_id; ?>) div').first().next().slideDown("slow");
	});
</script>