/*
* Galeria Adoro Viagem
* Version: 2.0
*/


jQuery.fn.extend({
	galeria_av : function(opt){
		
		if(opt == "full") {
			visible_nm = 8;
			altura_legenda = "-65px";
			avancar = "#thumbs .avancar";
			voltar = "#thumbs .voltar";
		}else{
			visible_nm = 5;
			altura_legenda = "-24px";
			avancar = ".avancar";
			voltar = ".voltar";
		}
		
		/*
		* Aqui estão as opções sobre o resgate da variável
		*/
		
		//Forma tradicional, ex.: .php?img=img1
		var pedaco = getUrlVars();
		var fotoClicada = pedaco;
		
		//Forma amigável, ex.: /galeria/img1
		//var url_amig = "/adoroviagem/galeria/img3";
		//var fotoClicada = getUrlAmgVars(url_amig);
		
		$(function(){
			
			if( !fotoClicada ){
				
				//Seta a primeira img
				var img_destaque_first = $("#galeria_av li:first span").attr("img_destaque");
				var legenda_first = $("#galeria_av li:first span").attr("legenda");
				
				//Escrevendo..
				$("#img_destaque img", this).attr("src",img_destaque_first);
				$(".legenda", this).text(legenda_first);
				
				//Ativando primeiro thumb
				$("#galeria_av li:first span").addClass("borda_ativa");
				$("#galeria_av li:first").addClass("thumb_ativo");
				
				$("#galeria_av").append("<div id='atual'></div><div class='1'></div>");
			
			}
			
			//Quantidade de thumbs
			var qtd_total = $("#galeria_av .lista_thumbs li").length;
			
			//Caso seja maior do que 8, avança uma página no carrossel
			var arr = ["#galeria_av .1"];
			for(i=1;i<=qtd_total;i++) {$("#galeria_av").append("<input type='button' class='"+i+"' />"); arr.push("#galeria_av ."+i);}
			
			console.log(arr);
			
			//Setando carrossel dos thumbs
			$(".carrossel_thumbs").jCarouselLite({
				btnNext: avancar,
				btnPrev: voltar,
				visible: visible_nm,
				circular: false,
				 btnGo:arr
			});
			
			//Setando contador - Total
			$("#total").text($("#galeria_av li").length);
			
		});
		
		//Muda a img principal
		$("#galeria_av li").each(function(index){
			$(this).click(function(){
				
				if(opt != "full") {
				
					var img_destaque = $("span", this).attr("img_destaque");
					var legenda = $("span", this).attr("legenda");
					
					//Atualiza a foto em destaque
					$("#galeria_av #img_destaque img").attr("src",img_destaque);
					
					/* Seta legenda */
					if(opt == "full") {
						$("#galeria_av .slideshow").animate({bottom:"-48px"}, 400);
						$("#galeria_av #legenda").animate({bottom:altura_legenda}, 400, function(){
							$(".legenda",this).text(legenda);
							$(this).animate({bottom:"12px"}, 400);
							$("#galeria_av .slideshow").animate({bottom:"24px"}, 400);
						});
					}else{
						$("#galeria_av .legenda").animate({top:altura_legenda}, 400, function(){
							$(this).text(legenda);
							$(this).animate({top:"12px"}, 400);
						});
					}
					
					//Altera estilo dos thumbs destacando o atual
					$("#galeria_av li").each(function(){
						$(this).removeClass("thumb_ativo");
					});
					$("#galeria_av li span").each(function(){
						$(this).removeClass("borda_ativa");
					});
					
					$(this).addClass("thumb_ativo");
					$("span", this).addClass("borda_ativa");
				}else{
					
					var url_seta = "#" + $("span", this).attr("id");
					//var url_seta = "/" + $("span",proximo_elemento).attr("id");
					
					location.href = url_seta;
					carrega_img($("span", this).attr("id"));
				}
				
			});
		});
			
		function carrega_img(fotoClicada){
			
			//Recarrega iframe
			document.getElementById('frame_selofixo').contentDocument.location.reload(true);
			document.getElementById('frame_superbanner').contentDocument.location.reload(true);
						
			//Atualiza o valor atual
			var index_atual = $("#"+fotoClicada).parent().parent();
			var atual = $('.lista_thumbs li').index( index_atual )+1;
			$("#atual").text( atual );
			
			if(atual > 8) $('#galeria_av .'+atual).trigger('click');
			if(atual == 1) $('#galeria_av .1').trigger('click');
			//alert('#galeria_av .'+atual);
			
			//$('html, body').animate({scrollTop: $("#galeria_full").offset().top}, 0);
			
			var img_destaque = $("#"+fotoClicada).attr("img_destaque");
			var legenda = $("#"+fotoClicada).attr("legenda");
			
			//Atualiza a foto em destaque
			$("#galeria_av #img_destaque img").attr("src",img_destaque);
			
			/* Seta legenda */
			$("#galeria_av .slideshow").animate({bottom:"-48px"}, 400);
			$("#galeria_av #legenda").animate({bottom:altura_legenda}, 400, function(){
				$(".legenda",this).text(legenda);
				$(this).animate({bottom:"12px"}, 400);
				$("#galeria_av .slideshow").animate({bottom:"24px"}, 400);
			});
			
			//Altera estilo dos thumbs destacando o atual
			$("#galeria_av li").each(function(){
				$(this).removeClass("thumb_ativo");
			});
			$("#galeria_av li span").each(function(){
				$(this).removeClass("borda_ativa");
			});
			
			$("#"+fotoClicada).parent().parent().addClass("thumb_ativo");
			$("#"+fotoClicada).addClass("borda_ativa");
			
			_gaq.push(['_trackPageview', location.pathname]); 
							
		};
		
		if(fotoClicada){
			carrega_img(fotoClicada);
		}
		
		/*
		* Setas legenda galeria full
		*/
		$("#galeria_av #legenda .avancar, #galeria_av #legenda .voltar").click(function(){
			var tipo = $(this).attr("tipo");
			
			if(tipo == "seta-avancar") var elemento = parseInt($("#atual").text())+1;
			else var elemento = parseInt($("#atual").text())-1;
			
			var total = parseInt($(".lista_thumbs li").length);
			
			//Se for maior que o total volta ao início
			if(elemento > total) elemento = 1;
			
			var proximo_elemento = $("#galeria_av li:nth-child("+ (elemento) +")");
			
			var url_seta = "#" + $("span",proximo_elemento).attr("id");
			//var url_seta = "/" + $("span",proximo_elemento).attr("id");
			
			location.href = url_seta;
			
			carrega_img($("span",proximo_elemento).attr("id"));
			
		});
		
		//Switch da galeria | Oculta e mostra thumbs e legenda
		$("#galeria_av .icone_aba").click(function(){
			if(opt == "full"){
				var bottom = $("#galeria_av #thumbs").css("top");
				if(bottom == "12px"){
					$("#galeria_av #thumbs").animate({top:"-114px"}, 200);
					$("#galeria_av #legenda").animate({bottom:altura_legenda}, 200);
					$("#galeria_av .slideshow").animate({bottom:"-48px"}, 200);
				}
				else{
					$("#galeria_av #thumbs").animate({top:"12px"}, 200);
					$("#galeria_av #legenda").animate({bottom:"12px"}, 200);
					$("#galeria_av .slideshow").animate({bottom:"24px"}, 200);
					$("span.slideshow .slideshow_check").toggleClass("slideshow_checked");
				}
			}else{
				var bottom = $("#galeria_av #thumbs").css("bottom");
				if(bottom == "12px"){
					$("#galeria_av #thumbs").animate({bottom:"-114px"}, 200);
					$("#galeria_av .legenda").animate({top:altura_legenda}, 200);
				}
				else{
					$("#galeria_av #thumbs").animate({bottom:"12px"}, 200);
					$("#galeria_av .legenda").animate({top:"12px"}, 200);
				}
			}
		});
		
		/*
		* Slideshow
		*/
		$("span.slideshow").click(function(){
			var bottom = $("#galeria_av #thumbs").css("top");
			
			$(".slideshow_check").toggleClass("slideshow_check_checked");
			$(this).toggleClass("slideshow_checked");
			
			if (window.slideshow_av){
				window.clearInterval(slideshow_av);
				slideshow_av = null;
			}else{
			
				slideshow_av = window.setInterval(function(){
					var elemento = parseInt($("#atual").text())+1;
					
					var total = parseInt($("#total").text());
					var proximo_elemento = $("#galeria_av li:nth-child("+ (elemento) +")");
					
					//Muda a img principal
					var img_destaque = $("span", proximo_elemento).attr("img_destaque");
					var legenda = $("span", proximo_elemento).attr("legenda");
					
					//Atualiza a foto em destaque
					if(elemento <= total){
						$("#galeria_av #img_destaque").fadeOut("normal",function(){
							$("#galeria_av #img_destaque img").attr("src",img_destaque);
							$("#galeria_av #img_destaque").fadeIn();
						});
					}else{
						elemento = 1;
					}
					
					//Verifica se não é o último
					if(elemento <= total && elemento >= 1){
						
						//Atualizand legenda
						$(".legenda",this).text(legenda);
		
						//Atualizando contador - atual
						$("#atual").text(elemento);
							
						//Altera estilo dos thumbs destacando o atual
						$("#galeria_av li").each(function(){
							$(this).removeClass("thumb_ativo");
						});
						$("#galeria_av li span").each(function(){
							$(this).removeClass("borda_ativa");
						});
						
						$(proximo_elemento).addClass("thumb_ativo");
						$("span", proximo_elemento).addClass("borda_ativa");
						
					}
				},5000);
			}
			
			if(bottom == "12px"){
				$("#galeria_av #thumbs").animate({top:"-114px"}, 200);
				$("#galeria_av #legenda").animate({bottom:altura_legenda}, 200);
			}
			else{
				$("#galeria_av #thumbs").animate({top:"12px"}, 200);
				$("#galeria_av #legenda").animate({bottom:"12px"}, 200);
			}
			
			
		});
		
	}
});

//Retorna parametro url
function getUrlVars(){
	
    var vars = [], hash;
    var hashes = window.location.href.split('#');
	
	var img_id = hashes[1];
	
	if( !img_id ) img_id = false;
    return img_id;
}

//Retorna parametro url amigavel
function getUrlAmgVars(url){
    var hashes = url;
	var hash = hashes.split("/");
	return hash[hash.length-1];
}