var fotoAntes;

function tem_ajax() {
	try {
		ajax = new ActiveXObject("Microsoft.XMLHTTP");
	} 
	catch(e) {
		try {
			ajax = new ActiveXObject("Msxml2.XMLHTTP");
	 	}
		catch(ex) {
			try {
				ajax = new XMLHttpRequest();
			}
			catch(exc) {
			   alert("Esse browser não tem recursos para uso do Ajax");
			   ajax = null;
			}
		 }
	}
	return ajax;
}

var tempoI;
var fotoI;
var fotoC;

function MM_jumpMenu(targ,selObj,restore){ //v3.0
	eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
	if (restore) selObj.selectedIndex=0;
}

function fechar(oque) {
	document.getElementById(oque).style.visibility = "hidden";
}

function testa_busca() {
	if (document.frmBusca.q.value.length < 3) {
		alert('Digite pelo menos 3 caracteres (letras ou números)');
		document.frmBusca.q.focus();
		return false;
	} else {
		return true;
	}
}

function mostra_box(oque,imagem) { //Codigo que vai ser gerado dinamicamente, os valores destes parametros são escritos pela funcao f();
	oc = document.getElementById('centro');
	if (fotoAntes != imagem) { //guarda o conteudo para caso o usuario clique mais que uma vez no link enviar, pra que nao acumule o conteudo, senão a cada click o codigo abaixo adicionaria (somando) o conteúdo...
		fotoAntes = imagem;
		conteudoVelho = oc.innerHTML;
	}
	oc.innerHTML = conteudoVelho; //legítima POG :-p
	oc.innerHTML += "<div id=\"box_mensagem\">\n"+
					"	<div id=\"box_mensagem_titulo\">.:: Indique esta foto para alguém</div>\n"+
					"	<a href=\"javascript:fechar('box_mensagem');\" class=\"verdana branco f12 negrito link1 canto_sup_dir\"> X </a>\n"+
					"	<br />\n"+
					"	<form id=\"form2\" name=\"form2\" method=\"post\" action=\"\">\n"+
					"		<table width=\"100%\" border=\"0\" cellspacing=\"2\" cellpadding=\"0\" style=\"position:absolute; top:50px; left:15px; height: 221px;\">\n"+
					"			<tr>\n"+
					"				<td width=\"25%\" height=\"19\" class=\"verdana branco f10\">Seu nome:</td>\n"+
					"				<td width=\"75%\"><input name=\"nome\" type=\"text\" id=\"nome\" style=\"width:200px; border:solid #3366CC 1px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#0033CC\" value=\"\" /></td>\n"+
					"			</tr>\n"+
					"			<tr>\n"+
					"				<td height=\"19\" class=\"verdana branco f10\">Seu e-mail: </td>\n"+
					"			  <td><input name=\"email\" type=\"text\" id=\"email\" style=\"width:200px; border:solid #3366CC 1px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#0033CC\" value=\"\" /></td>\n"+
					"			</tr>\n"+
					"				<tr>\n"+
					"				<td height=\"24\" class=\"verdana branco f10\">E-mail de destino: </td>\n"+
					"				<td><input name=\"email2\" type=\"text\" id=\"email2\" style=\"width:200px; border:solid #0066CC 1px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#0033CC\" value=\"\" /></td>\n"+
					"			</tr>\n"+
					"				<tr>\n"+
					"				<td height=\"102\" valign=\"top\" class=\"verdana branco f10\">Mensagem:</td>\n"+
					"				<td><textarea name=\"mensagem\" id=\"mensagem\" style=\"width:300px; height:100px; border:solid #3366CC 1px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#0033CC\"></textarea></td>\n"+
					"			</tr>\n"+
					"			<tr>\n"+
					"				<td height=\"20\" colspan=\"2\" align=\"center\" class=\"verdana branco f10\"><input name=\"aviso\" type=\"checkbox\" id=\"aviso\" value=\"s\" />Quero ser avisado quando inclu&iacute;do novos &aacute;lbuns </td>\n"+
					"		  </tr>\n"+
					"			<tr>\n"+
					"				<td height=\"20\" colspan=\"2\" align=\"center\" valign=\"bottom\"><a href=\"javascript:envia_msg('"+imagem+"');\" class=\"verdana branco f12 negrito link1\">ENVIAR</a></td>\n"+
					"			</tr>\n"+
					"		</table>\n"+
					"	</form>\n"+
					"</div>\n";
	document.getElementById(oque).style.visibility = "visible";
	document.getElementById('nome').focus();
}

function envia_msg(imagem) {
	ajax = tem_ajax();
	if (ajax) { //se o navegador suporta ajax
		ajax.open("POST", "aviso_album.php", true);
		ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        ajax.setRequestHeader("Cache-Control", "no-store, no-cache, must-revalidate");
        ajax.setRequestHeader("Cache-Control", "post-check=0, pre-check=0");
		ajax.onreadystatechange = function() {
			if(ajax.readyState == 1) {
				document.getElementById('box_mensagem').innerHTML = "<br><br><br><br><br><br><p class=\"verdana f12 branco negrito\" align=\"center\">Enviando...</p>";
			}
			if(ajax.readyState == 4 ) {
				if(ajax.responseText) { //retorno texto, não XML
					if (ajax.status == 200) {
						fechar('box_mensagem');
						alert(ajax.responseText);
					} else {
						fechar('box_mensagem');
						alert('Erro interno de servidor');
					}
				}
			}
		}
		if (document.form2.aviso.checked) {check = "s"} else {check = "n"}; //se o check estiver marcado adiciono o parametro S senao N, tenho que fazer isso pois o check tem valor constante de S e o "checado" ou nao é um estado
		var params = "nomede="+document.form2.nome.value+
					 "&emailde="+document.form2.email.value+
					 "&emailpara="+document.form2.email2.value+
					 "&mensagem="+document.form2.mensagem.value+
					 "&aviso="+check+
					 "&local="+codInstAtual+//Variavel global criada na página pelo php
					 "&album="+codAlbumAtual+//Variavel global criada na página pelo php
					 "&imagem="+imagem;
		ajax.send(params); //Lá eu faço um utf8_decode
	} else {
		alert("Sua mensagem não pode ser enviada, atualize seu navegador (Suporte a Ajax não encontrado)");
		fechar('box_mensagem');
	}
}

function carregaImg() {
	if (fotoI.complete) {
	   document.getElementById('gambiarra_centro').innerHTML = "<img src=\"gera_imagem.php?c="+codAlbumAtual+"&a="+fotoC+"\" />";
		clearInterval(tempoI);
	}
}

function f(arquivo) { //mostra a imagem no div central
	fotoI = new Image();
	fotoI.src="gera_imagem.php?c="+codAlbumAtual+"&a="+arquivo;
	fotoC = arquivo;
	document.getElementById('centro').style.overflow = 'hidden';
	document.getElementById('data_album_topo').style.visibility = 'visible';
	document.getElementById('centro').innerHTML = "<div id=\"centro_navegacao\"></div>";
    document.getElementById('centro').innerHTML += "<div id=\"centro_imagem\"><table width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td align=\"center\" valign=\"middle\" id=\"gambiarra_centro\"></td></tr></table></div>";
    //javascript:mostra_box('box_mensagem','"+arquivo+"');
	 document.getElementById('centro').innerHTML += "<div class=\"branco f12 verdana\" id=\"centro_rodape\"><a href=\"gera_imagem.php?c="+codAlbumAtual+"&a="+arquivo+"&b=s\" target=\"_blank\" class=\"f12 verdana link1 branco negrito\" title=\"Baixar esta imagem em tamanho grande\">baixar</a> | <a href=\"javascript:mostra_box('box_mensagem','"+arquivo+"');\" class=\"f12 verdana link1 branco negrito\" title=\"Indicar esta foto para alguém\">enviar</a> | <a href=\"javascript:votar('"+arquivo+"');\"><img src=\"imgs/estrela.gif\" style=\"position:relative;top:2px\" border=\"0\" title=\"Votar nesta foto\" /></a></div>";

	//Mostra a imagem central, em tamanho "normal"
	document.getElementById('gambiarra_centro').innerHTML = "<img src=\"imgs/carregando.gif\" /><br /><span class=\"branco f12 verdana\">Aguarde, carregando...</span>";
	//Localiza a imagem no array de imagens para fazer a navegação
	for(var i=0; i < arrayImagens.length; i++) {
		if(arrayImagens[i] === arquivo) {
			document.getElementById('centro_navegacao').innerHTML = ""; //evita acumulação
			//se nao for tipo indefinido (a primeira ou ultima foto tentar exibir navegação)
			if (typeof arrayImagens[i-1] != "undefined") {
				document.getElementById('centro_navegacao').innerHTML = "<a href=\"javascript:f('"+arrayImagens[i-1]+"');\" class=\"f12 verdana link1 branco negrito\">Anterior</a>";
			} else {
				document.getElementById('centro_navegacao').innerHTML = "<a href=\"javascript:f('"+arrayImagens[arrayImagens.length-1]+"');\" class=\"f12 verdana link1 cinza negrito\">Anterior</a>";
			}
			//O pipe do centro
			document.getElementById('centro_navegacao').innerHTML += " <span class=\"branco f12 verdana\">|</span> ";
			//se nao for tipo indefinido (a primeira ou ultima foto tentar exibir navegação)
			if (typeof arrayImagens[i+1] != "undefined") {
				document.getElementById('centro_navegacao').innerHTML += "<a href=\"javascript:f('"+arrayImagens[i+1]+"');\" class=\"f12 verdana link1 branco negrito\">Pr&oacute;xima</a>";
			} else {
				document.getElementById('centro_navegacao').innerHTML += "<a href=\"javascript:f('"+arrayImagens[0]+"');\" class=\"f12 verdana link1 cinza negrito\">Pr&oacute;xima</a>";			}
			break;
		}
	}
	if (fotoI.complete) { //evitador de feiuras ;-p
	 document.getElementById('gambiarra_centro').innerHTML = "<img src=\"gera_imagem.php?c="+codAlbumAtual+"&a="+fotoC+"\" />";
	} else
		tempoI = setInterval(carregaImg,20);
}

function votar(imagem) {
	ajax = tem_ajax();
	if (ajax) { //se o navegador suporta ajax
		ajax.open("POST", "votar.php", true);
		ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        ajax.setRequestHeader("Cache-Control", "no-store, no-cache, must-revalidate");
        ajax.setRequestHeader("Cache-Control", "post-check=0, pre-check=0");
        ajax.setRequestHeader("Pragma", "no-cache");
		ajax.onreadystatechange = function() {
			if(ajax.readyState == 4 ) {
				if(ajax.responseText) { //retorno texto, não XML
					if (ajax.status == 200) {
						alert(ajax.responseText);
					} else {
						alert('Erro interno de servidor');
					}
				}
			}
		}
		var params = "album="+codAlbumAtual+ //Variavel global criada na página pelo php
					 "&imagem="+imagem;
		ajax.send(params); //Lá eu faço um utf8_decode
	} else {
		alert("Sua mensagem não pode ser enviada, atualize seu navegador (Suporte a Ajax não encontrado)");
	}
}