// JavaScript Document

function produtos(){
	
	var maincontent = "<div id='prod_categorias'>CATEGORIAS <select id='categorias'><option value='Adegas'>Adegas</option><option value='Balcão'>Balcão</option><option value='Check Out'>Check Out</option><option value='Check Stand'>Check Stand</option><option value='Vitrine'>Vitrine</option><option value='Gôndolas'>Gôndolas</option><option value='Horti Fruti (Vascas)'>Horti Fruti (Vascas)</option><option value='Agro Veterinário'>Agro Veterinário</option><option value='Expositor de Churrasco'>Expositor de Churrasco</option><option value='Expositor de Flores'>Expositor de Flores</option><option value='Expositor de Grãos'>Expositor de Grãos</option><option value='Expositor de Pães'>Expositor de Pães</option><option value='Expositor de Salmorados'>Expositor de Salmorados</option><option value='Expositor Temático'>Expositor Temático</option><option value='Drogarias'>Drogarias</option><option value='Loja de Brinquedos'>Loja de Brinquedos</option><option value='Loja de Roupas'>Loja de Roupas</option><option value='Material de Construção'>Material de Construção</option><option value='Papelaria'>Papelaria</option><option value='Perfumaria'>Perfumaria</option><option value='Pet Shop'>Pet Shop</option><option value='Porta Palete'>Porta Palete</option><option value='Supermercados'>Supermercados</option><option value='Hipermercados'>Hipermercados</option></select></div><div id='prod_frame'><div id='prod_border'></div><div id='prod_transition'></div></div><<div id='tS2' class='jThumbnailScroller'><div class='jTscrollerContainer'>     <div class='jTscroller'></div></div><a href='#' class='jTscrollerPrevButton'></a><a href='#' class='jTscrollerNextButton'></a></div>";
	$('#main').html(maincontent);
	
	if(typeof categoria == 'undefined'){
		categoria = "Balcão"
	}
	
	switch(categoria){
		case 'Adegas':
			capa = "adega.jpg";
			$('#categorias').val('Adegas');
		break;
		case 'Balcão':
			capa = "balcoes.jpg";
			$('#categorias').val('Balcão');
		break;
		case 'Vitrine':
			capa = "vitrines.jpg";
			$('#categorias').val('Vitrine');
		break;
		case 'Check Out':
			capa = "checkouts.jpg";
			$('#categorias').val('Check Out');
		break;
		case 'Check Stand':
			capa = "checkstand.jpg";
			$('#categorias').val('Check Stand');
		break;
		case 'Gôndolas':
			capa = "gondolas.jpg";
			$('#categorias').val('Gôndolas');
		break;
		case 'Horti Fruti (Vascas)':
			capa = "vascas.jpg";
			$('#categorias').val('Horti Fruti (Vascas)');
		break;
		case 'Agro Veterinário':
			capa = "agro.jpg";
			$('#categorias').val('Agro Veterinário');
		break;
		case 'Expositor de Churrasco':
			capa = "churrasco.jpg";
			$('#categorias').val('Expositor de Churrasco');
		break;
		case 'Expositor de Flores':
			capa = "flores.jpg";
			$('#categorias').val('Expositor de Flores');
		break;
		case 'Expositor de Grãos':
			capa = "graos.jpg";
			$('#categorias').val('Expositor de Grãos');
		break;
		case 'Expositor de Pães':
			capa = "paes.jpg";
			$('#categorias').val('Expositor de Pães');
		break;
		case 'Expositor de Salmorados':
			capa = "salmorados.jpg";
			$('#categorias').val('Expositor de Salmorados');
		break;
		case 'Expositor Temático':
			capa = "tematico.jpg";
			$('#categorias').val('Expositor Temático');
		break;
		case 'Drogarias':
			capa = "drogarias.jpg";
			$('#categorias').val('Drogarias');
		break;
		case 'Loja de Brinquedos':
			capa = "brinquedos.jpg";
			$('#categorias').val('Loja de Brinquedos');
		break;
		case 'Loja de Roupas':
			capa = "roupas.jpg";
			$('#categorias').val('Loja de Roupas');
		break;
		case 'Material de Construção':
			capa = "construcao.jpg";
			$('#categorias').val('Material de Construção');
		break;
		case 'Papelaria':
			capa = "papelaria.jpg";
			$('#categorias').val('Papelaria');
		break;
		case 'Perfumaria':
			capa = "perfumaria.jpg";
			$('#categorias').val('Perfumaria');
		break;
		case 'Pet Shop':
			capa = "pet.jpg";
			$('#categorias').val('Pet Shop');
		break;
		case 'Porta Palete':
			capa = "palete.jpg";
			$('#categorias').val('Porta Palete');
		break;
	}
	
	var thumbexp = thumb.split('*');
	var descricaoexp = descricao.split('*');
	var i = 0;
	var thumbs = "";
	$.each(thumbexp, function(){
		thumbs = thumbs + "<a href='#'><img src='images/produtos/thumbs/" + thumbexp[i] + "' /></a>";
		i ++;
	});
	
	$('#jTscroller').html(thumbs);

	
	
	if(typeof capa == 'undefined'){
		capa = "balcoes.jpg"
	}
	$('#prod_frame').css("background-image", "url(images/produtos/capas/" + capa + ")");
	$('#prod_text').html(descricaoexp[0]);
	$('#main').animate({opacity: 1}, 500, function(){});
	
	rowstotal = total - 4;
	quantospx = 0;
	quantospxmax = 65 * total;
	
	$('#prod_down').click( function(){
		if(quantospx < quantospxmax){
			quantospx += 65;
			$('#prod_wrap').animate({ marginTop: "-" + quantospx + "px" }, "slow", function () {  })
		} else if(quantospx == quantospxmax){
			$('#prod_wrap').animate({ marginTop: "-" + quantospx + "px" }, "slow", function () {  })
			quantospx == quantospxmax;
		}
	})
	$('#prod_up').click( function(){
		if(quantospx >= 65){
			quantospx = quantospx - 65;
			$('#prod_wrap').animate({ marginTop: "-" + quantospx + "px" }, "slow", function () {  })
		} 
	})
	$('.prod_thumb').click( function(){
		var produto = this.id;
		$('#popupbg').fadeIn(100, function(){
			$('#popupimg').html("<img src='images/produtos/" + thumbexp[produto] + "' id='imgatual' />");
			$('#popupimg').fadeIn(100, function(){
				var imgWidth = $("#imgatual").width();
				var imgLeft = imgWidth / 2;
				var imgHeight = $("#imgatual").height();
				var imgTop = imgHeight / 2;
				$('#popupimg').animate({marginLeft: '-' + imgLeft + 'px', marginTop: '-' + imgTop + 'px' }, "slow", function(){});
				$('#popupimg').animate({width: imgWidth, height: imgHeight }, "slow", function(){});
			})
			$('#popupimg').click( function(){
				$('#popupimg').slideUp("slow");
				$('#popupbg').fadeOut("slow");
			})
		})
	});
	
	//MENU
	
	$('#categorias').change( function (){
		categoria = $('#categorias').val();
		
		$.getJSON("php/produtos-a.php", { categoria : categoria }, function(retorno){
			thumb = retorno.thumb;
			descricao = retorno.descricao;
			total = retorno.total;
			produtos();
		})
	})

}