// JavaScript Document
	$(document).ready(function(){
		
		var total;
		var primeira;
		var final;
		var atual;
		var proxima;
		var anterior;
		var pasta;
		var altura = 710;
		
		
		function chama_ajax(){
			$.ajax({
				type: "POST",
				url: "menu/produtos_a.php",            
				data: "pasta=" + pasta + "&total=" + final + "&altura=" + altura + "&primeira=" + primeira,
				success: function(response){						
					$("#conteudo #centro").html(response);
					$("#conteudo").css("height","790px");					
					efeito_mini();
					alfa_minis();					
					navegacao();
					nav_minis(1,2);
				},
				error: function(XMLHttpRequest, textStatus, errorThrown){
					//alert(errorThrown);
				}
			});	
		}
		
		/* o bambu vai ter a mesma estrutura dos produtos*/
		$("#o_bam_a").click(function(){
			total = 12;
			atual = 1;
			pasta = "obambu";
			primeira = 1;
			final = 12;			
			$.ajax({
				type: "POST",
				url: "menu/obambu_com_fotos.php",            
				data: "pasta=" + pasta + "&total=" + final + "&altura=" + altura + "&primeira=" + primeira,
				success: function(response){						
					$("#conteudo #centro").html(response);
					$("#conteudo").css("height","3750px");					
					efeito_mini();
					alfa_minis();					
					navegacao();
					nav_minis(1,2);
				},
				error: function(XMLHttpRequest, textStatus, errorThrown){
					//alert(errorThrown);
				}
			});				
		});
		
		$("#o_bam_b").click(function(){
			total = 5;
			atual = 1;
			pasta = "obambu_fotos";
			primeira = 1;
			final = 5;			
			$.ajax({
				type: "POST",
				url: "menu/obambu_fotos.php",            
				data: "pasta=" + pasta + "&total=" + final + "&altura=" + altura + "&primeira=" + primeira,
				success: function(response){						
					$("#conteudo #centro").html(response);
					$("#conteudo").css("height","615px");					
					efeito_mini();
					alfa_minis();					
					navegacao();
					nav_minis(1,2);
				},
				error: function(XMLHttpRequest, textStatus, errorThrown){
					//alert(errorThrown);
				}
			});				
		});
		
/*--------------------------------------------------------------------------------------------------------------*/		
		
		$("#produtos_a").click(function(){
			total = 8;
			atual = 1;
			pasta = "design_produtos";
			primeira = 1;
			final = 5;			
			chama_ajax();			
		});
		
		$("#produtos_b").click(function(){
			total = 11;
			atual = 1;
			pasta = "design_moveis";
			primeira = 1;
			final = 5;			
			chama_ajax();
		});
		
		
		
		$("#produtos_c").click(function(){
			total = 18;
			atual = 1;
			pasta = "brinquedos_educativos";
			primeira = 1;
			final = 5;			
			chama_ajax();			
		});
		
		
		
		$("#produtos_d").click(function(){
			total = 21;
			atual = 1;
			pasta = "bioconstrucao";
			primeira = 1;
			final = 5;			
			chama_ajax();		
		});
		
		
		
		
		$("#produtos_e").click(function(){
			total = 38;
			atual = 1;
			pasta = "moveis";
			primeira = 1;
			final = 5;			
			chama_ajax();			
		});
		
		
		
		$("#produtos_f").click(function(){
			total = 40;
			atual = 1;
			pasta = "aderecos";
			primeira = 1;
			final = 5;			
			chama_ajax();		
		});
		
		
		$("#produtos_g").click(function(){
			total = 7;
			atual = 1;
			pasta = "complementos";
			primeira = 1;
			final = 5;			
			chama_ajax();		
		});
		
		
		$("#produtos_h").click(function(){
			total = 7;
			atual = 1;
			pasta = "geodesicas";
			primeira = 1;
			final = 5;			
			chama_ajax();		
		});
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		function nav_minis(p,u){
			var direcao;
			
			$(".nav_minis").click(function(){
				direcao = $(this).attr("id");
				if(direcao == "anterior"){
					if(primeira == 1){
						return;
					}
					primeira -=5;
					final -=5;
					if(primeira < 1){
						primeira = 1;
						final    = 5;
					}
				}else if(direcao == "proxima"){
					if(final == total){
						return;
					}
					primeira +=5;
					final +=5;
					if(final > total){
						final    = total;
						primeira = total - 4;
						
					}
				}
											
				
				atual = primeira;
				chama_ajax();
				
			});
			
		}
		
		
		
		
		
		
		
		
		
		
		
		
		function alfa_minis(){
			
			var i;
			
			for (i=primeira;i<=final;i++){

				if(i==atual){
					w3Opacity.fading('foto'+i,30,100,50);	
				}else{
					w3Opacity.fading('foto'+i,100,30,50);	
				}

			}
			
		}
		
		
		
		function efeito_mini(){
			
			var id;
			var num_foto;
						
			$(".mini").mouseover(function(){
				id = $(this).attr("id");
				w3Opacity.fading(id,30,100,10);
				//alert(id);
			});
			
			$(".mini").mouseout(function(){
				id = $(this).attr("id");
				num_foto = id.split("foto");
				
				if (num_foto[1] != atual){

					w3Opacity.fading(id,100,30,10);
				}
				
				//alert(id);
			});
			
			$(".mini").click(function(){
				id = $(this).attr("id");
				num_foto = id.split("foto");
				atual = num_foto[1];
				trocar_foto("atual");				
				//alert(id);
			});		
			
		}	
		
		
		function navegacao(){		
			
			$("#mestre #conteudo #centro #direita_pro #conjunto #troca_foto #navegacao #proxima").click(function(){
				trocar_foto("proxima");
			});
			
			
			$("#mestre #conteudo #centro #direita_pro #conjunto #troca_foto #navegacao #anterior").click(function(){
				trocar_foto("anterior");
			});		
		}
		
		
		
		
		function trocar_foto(acao){			
			
			window.location = $("#click").attr("href");
			
			if( acao == "proxima" ){
				atual++;
				if(atual > total){
					alert("ÚLTIMA FOTO !!!");
					atual = total;
					return;
				}
			}else if( acao == "anterior" ){
				atual--;
				if(atual < 1){
					alert("PRIMEIRA FOTO !!!");
					atual = 1;
					return;
				}
			}
			
			//quando esta atual - ele apenas troca a foto para a nova atual
			
			$("#mestre #conteudo #centro #direita_pro #conjunto #troca_foto #foto").html("<img src='img/b/produtos_bambu/"+pasta+"/zoom/"+atual+".jpg' />");

			alfa_minis(atual);
			
		}		
		
		
		
		
		
	});