var timerGaleria;
var primeira = true;
var galeria = false;

Shadowbox.init({
	language: 'pt-br',
	handleOversize: 'drag',
	continuous: true,
	enableKeys: false,
	players: ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv'],
	onFinish: function() {
		if (galeria) {
			if($('#sb-controls').html() == null) $('#sb-body').after('<div id="sb-controls"><div>');
			$('#sb-controls').css({
				position: 'absolute',
				textAlign: 'center',
				color: '#FFFFFF',
				top: $('#sb-body').position().top + 'px' //1 da borda
			}).show();
			if($('#sb-vendas').html() == null) $('#sb-controls').html('<div id="sb-vendas"><div id="sb-vendas-inner"><a href="javascript:void(0);" onclick="comprar()"><img border="0" src="imgs/btComprar.png" alt="Comprar foto" /></a></div></div>');
			if (atleta) {
				if($('#sb-atleta').html() == null) $('#sb-controls').html($('#sb-controls').html() + '<div id="sb-atleta"><div id="sb-atleta-inner"><a href="javascript:void(0);" onclick="selecionarFoto()"><img border="0" src="imgs/btSelecionar.png" alt="Selecionar imagem" /></a></div></div>');
				$('#sb-atleta').hide().slideDown('fast');
			}
			$('#sb-vendas').show();
			$.ajax({
				type: "GET", cache: false,
				url: "ajax/hitsFoto.asp", //ATENÇÃO, Para acabar de vez com problemas de acentuação, basta colocar Response.Charset="ISO-8859-1" nos asps e o jQuery navega lindamente.
				data: 'vImg=' + Shadowbox.getCurrent().content,
				success: function(html){
				},
				error: function(){
				}
			});
		}
		$('#sb-wrapper').show();
		if($('img',Shadowbox.getCurrent().el).attr('alt') != '' && $('img',Shadowbox.getCurrent().el).attr('alt') != undefined) {
			if($('#sb-caption').html() == null) $('#sb-body').after('<div id="sb-caption"><div id="sb-caption-inner"></div></div>');
			$('#sb-caption-inner').html($('img',Shadowbox.getCurrent().el).attr('alt'));
			$('#sb-caption').css({
				position: 'absolute',
				textAlign: 'center',
				color: '#FFFFFF',
				background: 'url(/legba/site/imgs/legendas.png) top',
				top: ($('#sb-body').position().top+$('#sb-body').height()-$('#sb-caption').height()+1) + 'px', //1 da borda
				width: ($('#sb-body').width()) + 1 + 'px'
			}).hide().slideDown('fast');
		}else{
			$('#sb-caption').hide('fast');
		}
	},
	onChange: function() {
		$('#formEmail').hide();
		$('#sb-caption').hide();
		$('#sb-controls').hide();
		showEmail = false;
	},
	onClose: function() {
		$('#formEmail').hide();
		$('#sb-caption').hide();
		$('#sb-controls').hide();
		showEmail = false;
	}
});

var showEmail = false
function comprar(){
	if($('#form').html() == null){
		showEmail = true;
		$('#sb-vendas a').after(
			'<div id="formEmail">'+
				'<form id="form">'+
					'<div class="text">Todas as fotos adquiridas no site tem o valor de R15,00 (por unidade).</div>'+
					'<div class="text">Seu Nome</div>'+
					'<div class="input"><input type="text" id="dN" name="dN" title="Seu NOME deve ser preenchido!" class="{required:true}" value="'+readCookie("nome")+'"></div>'+
					'<div class="text">Seu E-Mail</div>'+
					'<div class="input"><input type="text" id="dE" name="dE" title="Seu E-MAIL parece inválido!" class="{required:true,email:true}" value="'+readCookie("email")+'"></div>'+
					'<div class="text">Telefone</div>'+
					'<div class="input"><input type="text" id="dT" name="dT" title="O TELEFONE deve ser preenchido!" class="{required:true}" value="'+readCookie("telefone")+'"></div>'+
					'<div class="text">Endereço</div>'+
					'<div class="input"><input type="text" id="dA" name="dA" title="O ENDEREÇO parece inválido!" class="{required:true}" value="'+readCookie("endereco")+'"></div>'+
					'<div class="botao"><button type="submit"><img alt="OK" src="imagens/btOk.png"/></button></div>'+
				'</form>'+
			'</div>'
		);
		$('#form').css({
			textAlign: 'left'
		})
		$('#form').validate({
			errorContainer: $('#form div.error'),
			submitHandler: function(dform){
				v1 = dform.dN.value;
				v2 = dform.dE.value;
				v3 = dform.dT.value;
				v4 = dform.dA.value;
				createCookie('nome',v1,365);
				createCookie('email',v2,365);
				createCookie('telefone',v3,365);
				createCookie('endereco',v4,365);
				textoAnterior = $('#newsletter').html();
				$('#formEmail').html('Enviando...');
				$.ajax({
					type: "GET", cache: false,
					url: '/ajax/comprarFoto.asp',
					data: 'vImg='+Shadowbox.getCurrent().content+'&dN=' + v1 + '&dE=' + v2 +'&dT=' + v3 + '&dA=' + v4,
					success: function(html){
						if(html.indexOf("sucesso") >= 0){
							alert("Imagem enviada com sucesso!");
						}else{
							alert("Erro no envio da imagem!\n\nFavor, tente novamente em alguns minutos.");
						}
					},
					error: function(){
						alert('Erro no envio do cadastro!')
					}
				});
			}
		});

	}else{
		if (showEmail) {
			$('#formEmail').hide();
			showEmail = false;
		}else{
			$('#formEmail').show();
			showEmail = true;
		}
	}
}

function selecionarFoto(){
	$.ajax({
		type: "GET", cache: false,
		url: "ajax/selecionarFoto.asp", //ATENÇÃO, Para acabar de vez com problemas de acentuação, basta colocar Response.Charset="ISO-8859-1" nos asps e o jQuery navega lindamente.
		data: 'vImg=' + Shadowbox.getCurrent().content,
		success: function(html){
			alert(html)
		},
		error: function(){
			alert("erro");
		}
	});
}

$(function() {
	/* Menu */
	timerMenu = null;
	$('#subMenu1').hide();
	$('#mnGalerias, #subMenu1').mouseenter(function() {
		clearTimeout(timerMenu);
		if ($(this) != $('#subMenu1')) $('#subMenu1').show('normal');
	}).mouseleave(function() {
		clearTimeout(timerMenu);
		timerMenu = setTimeout(function() { $('#subMenu1').hide('normal'); },500);
	});
	/* Mala direta */
	$('#areaMalaDireta form').validate({
		submitHandler: function(form) {
			textoAnterior = $(form).html();
			$.ajax({
				type: "POST", cache: false,
				url: form.action, //ATENÇÃO, Para acabar de vez com problemas de acentuação, basta colocar Response.Charset="ISO-8859-1" nos asps e o jQuery navega lindamente.
				data: 'nome=' + escape($('#areaMalaDireta input[name="nome"]').val()) + '&email=' + escape($('#areaMalaDireta input[name="email"]').val()) + '&pasta=' + escape($('#areaMalaDireta select[name="pasta"]').val()),
				success: function(html){
					$(form).removeClass('carregando').html($('#malaDiretaRetorno',html))
					.fadeTo(5000,1).queue(function() { $(this).html(textoAnterior); $(this).dequeue(); }); // O fadeTo é de mentira. Só pra contar o tempo.
				},
				error: function(){
					$(form).removeClass('carregando').html('<p class="fonte1 fVermelho">Erro no envio do cadastro!</p>')
					.fadeTo(5000,1).queue(function() { $(this).html(textoAnterior); $(this).dequeue(); }); // O fadeTo é de mentira. Só pra contar o tempo.
				}
			});
			$(form).html('').addClass('carregando');
		}
	});
});

function mudaGaleria(indice){
	clearTimeout(timerGaleria)
	if(indice == undefined) {
		var atual = $('#listaChamadas .chamada:first');
	}else{
		var atual = $('#'+indice+'');
	}
	
	// manipulacao do objeto para levar até o centro
	titulo = atual.find('.corpo a').html();
	resumo = atual.find('.corpo span').html();
	url = atual.find('.corpo a').attr('href');
	img = atual.find('.imagem a').metadata().imagem;
	
	// enviando informações
	$('#destaque .titulo a').html(titulo);
	$('#destaque .resumo').html(resumo);
	$('#destaque img').attr('src',img);
	$('#destaque a').attr('href',url);
	
	// esconde, leva para o fim da fila e remove do inicio
	atual.parent().append(atual.clone())
	if (primeira == '') primeira = false
	if (!primeira){
		atual.slideUp('slow').queue(function(){
			$(this).remove();
		});
	}else{
		atual.remove();
		primeira = false;
	}
	timerGaleria = setTimeout("mudaGaleria()",8000);
}

function editarLegenda(a){
	var el = $(a).parents('.foto').find('.legenda');
	texto = el.html();
	if(texto == null){
		$(a).parents('.foto').find('.botoes').after(
			'<div class="legenda"></div>'
		);
		el = $(a).parents('.foto').find('.legenda');
		texto = el.html();
	}
	el.html('');
	el.append(
		'<textarea>'+texto+'</textarea>'
	);
	// retira o evento anterior e adiciona o novo
	$(a).unbind('click');
	$(a).bind('click',function(){
		txt = escape($(a).parents('.foto').find('textarea').attr('value'));
		img = $(a).parents('.foto').find('img').attr('src');
		$.ajax({
			type: "POST",
			url: "/ajax/salvarLegenda.asp",
			data: "t=" + txt + "&i=" + img,
			success: function(msg){
				if (msg.indexOf('true') >= 0){
					alert("Legenda salva com sucesso.");
					$(a).parents('.foto').find('.legenda').html(txt);
					$(a).parents('.foto').find('img').attr('alt',txt)
					// retira o evento anterior e adiciona o novo
					$(a).unbind('click');
					$(a).bind('click',function(){ editarLegenda(this) });
				}else{
					alert("Sua sessão expirou. Faça login novamente para poder selecionar esta foto.");
				}
			},
			error: function(){
				alert("Ocorreu um erro ao tentar salvar sua legenda.\n\nTente novamente em alguns minutos.");
			}
		});
	});
}

function botoesAtleta(){
	$('.imagem').after(
		'<div class="botoes">'+
			'<a href="javascript:void(0)" class="edit">'+
				'<img src="imgs/btEditar.gif" border="0" alt="Editar legenda" />'+
			'</a>'+
			'<a href="javascript:void(0)" class="remove">'+
				'<img src="imgs/btRemover.gif" border="0" alt="Excluir imagem" />'+
			'</a>'+
		'</div>'
	);
	$('.edit').bind('click',function(){ editarLegenda(this) });
	$('.remove').click(function(){
		img = $(this).parents('.foto').find('img').attr('src');
		var el = $(this);
		$.ajax({
			type: "POST",
			url: "/ajax/deleteFoto.asp",
			data: "i=" + escape(img),
			success: function(msg){
				if (msg.indexOf('true') >= 0){
					el.parents('.foto').remove();
				}else{
					alert("Sua sessão expirou. Faça login novamente para poder selecionar esta foto.");
				}
			},
			error: function(){
				alert("Ocorreu um erro ao tentar salvar sua legenda.\n\nTente novamente em alguns minutos.");
			}
		});
	});
	$('.botoes').css({
		textAlign: 'right'
	});
	$('.botoes a').css({
		display: 'inline',
		marginLeft: '5px'
	});
	$('.foto').css({
		height: '186px'
	});
}
