function openAjax() {
	var Ajax;
	try {
		Ajax = new XMLHttpRequest(); // XMLHttpRequest para browsers mais populares, como: Firefox, Safari, dentre outros.
	}catch(ee) {
		try {
			Ajax = new ActiveXObject(" Msxml2.XMLHTTP"); // Para o IE da MS
		}catch(e) {
			try {
				Ajax = new ActiveXObject("Microsoft.XMLHTTP"); // Para o IE da MS 
			}catch(e) {
				Ajax = false;
			}
		} 
	}
	return Ajax;
}

function exibeGaleria(valor,valor2){
	if(document.getElementById) { // Para os browsers complacentes com o DOM W3C.
		var exibeResultado = document.getElementById("Galeria"); // div que exibirá o resultado.
		var Ajax = openAjax(); // Inicia o Ajax.
		var url = '../js/galeria.php?id='+valor+'&cl='+valor2;
		Ajax.open("GET", url, true);
		Ajax.onreadystatechange = function()
		{
			document.getElementById('Galeria').innerHTML = '<img src=\"../images/loading.gif\" style=\"vertical-align:middle;\"> Carregando...';
			if(Ajax.readyState == 4) { // Quando estiver tudo pronto.
				if(Ajax.status == 200) { 
					var resultado = Ajax.responseText; // Coloca o retornado pelo Ajax nessa variável
					exibeResultado.innerHTML = resultado;
				} else {
					exibeResultado.innerHTML = "Erro: ."; 
				}
			}
		}
		Ajax.send(null); // submete
	}
}

function abreFotao(foto, larg, alt){
    document.getElementById('Fotao').style.visibility = "visible";
	document.getElementById('Fotao').innerHTML = "<a href='#' onclick=\"javascript:fechaFotao();\" style='cursor:pointer;'><img src='"+foto+"' style='border:8px solid #9C241B;'></a><br><a href='#' onclick=\"javascript:fechaFotao();\" style='cursor:pointer; top:-10px;'><img src=\"../images/btn_fechar.png\"></a>";
}

function fechaFotao(){
	document.getElementById('Fotao').innerHTML = "<img src=\"../images/loading.gif\" style=\"vertical-align:middle;\"> Carregando...";
    document.getElementById('Fotao').style.visibility = "hidden";
}