// JavaScript Document
var xmlHttp;

function createXMLHttpRequest() {
    if (window.ActiveXObject) {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if (window.XMLHttpRequest) {
        xmlHttp = new XMLHttpRequest();
    }
}

//     FOTO MAIOR
function foto_maior(url,numero) {

    if(numero < 10){
		document.getElementById("foto").innerHTML = "<img src='" + url + "/imagens/00" + numero + ".jpg' />";
	}else if (numero < 100){
		document.getElementById("foto").innerHTML = "<img src='" + url + "/imagens/0" + numero + ".jpg' />";
	}else{
		document.getElementById("foto").innerHTML = "<img src='" + url + "/imagens/" + numero + ".jpg' />";
	}

	document.getElementById("seta_direita").innerHTML = "<a onclick='fotos_proxima(" + (numero + 1) + ", \"" + url + "\")' class='cursor'><div><img src='../../../imagens/site/album/seta2.png' width='38' height='47' /></div></a>";

	if(numero <= 0){
		document.getElementById("seta_esquerda").innerHTML = "<a onclick='fotos_anterirores(" + (numero) + ", \"" + url + "\")' class='cursor'><div><img src='../../../imagens/site/album/seta1.png' width='38' height='47' /></div></a>";
	}else{
		document.getElementById("seta_esquerda").innerHTML = "<a onclick='fotos_anterirores(" + (numero - 1) + ", \"" + url + "\")' class='cursor'><div><img src='../../../imagens/site/album/seta1.png' width='38' height='47' /></div></a>";
	}

}

//      PROXIMO ALBUM
function fotos_pequenas_proxima(paginas,pagina, url) {
	
	createXMLHttpRequest();
	xmlHttp.onreadystatechange = handleStateChangefotos_pequenas;
	xmlHttp.open("POST", "album/album/fotos_pequenas.asp", true);

	xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=iso-8859-1");
	xmlHttp.setRequestHeader("Cache-Control", "no-store, no-cache, must-revalidate");
	xmlHttp.setRequestHeader("Cache-Control", "post-check=0, pre-check=0");
	xmlHttp.setRequestHeader("Pragma", "no-cache");
	
	document.getElementById("ajax_proximo").innerHTML  = "<a onclick='numero_pagina(" + paginas + "," + ( pagina + 1 ) + ", \"" + url + "\")'><div id='album_proximo'><img src='../../../imagens/site/album/proxima.png' border='0' width='93' height='25' /></div></a>";
	
	document.getElementById("ajax_anterior").innerHTML  = "<a onclick='numero_pagina(" + paginas + "," + ( pagina - 1 ) + ", \"" + url + "\")'><div id='album_anterior'><img src='../../../imagens/site/album/anterior.png' border='0' width='93' height='25' /></div></a>";

	xmlHttp.send("pagina=" + pagina +"&diretorio=" + url);
}

function handleStateChangefotos_pequenas() {
	document.getElementById("fotos_pequenas").innerHTML = "<div align='center'><img src='../../../imagens/site/loading-bar-verde.gif' /></div>";
    if(xmlHttp.readyState == 4) {
        if(xmlHttp.status == 200) {
            document.getElementById("fotos_pequenas").innerHTML = xmlHttp.responseText;
       }
    }
}

//    ALBUM ANTERIOR

function fotos_pequenas_anterior(paginas,pagina, url) {
	
	createXMLHttpRequest();
	xmlHttp.onreadystatechange = handleStateChangefotos_pequenas;
	xmlHttp.open("POST", "album/album/fotos_pequenas.asp", true);

	xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=iso-8859-1");
	xmlHttp.setRequestHeader("Cache-Control", "no-store, no-cache, must-revalidate");
	xmlHttp.setRequestHeader("Cache-Control", "post-check=0, pre-check=0");
	xmlHttp.setRequestHeader("Pragma", "no-cache");
	
	document.getElementById("ajax_proximo").innerHTML  = "<a onclick='numero_pagina(" + paginas + "," + ( pagina + 1 ) + ", \"" + url + "\")'><div id='album_proximo'><img src='../../../imagens/site/album/proxima.png' border='0' width='93' height='25' /></div></a>";
	
	if(pagina == 1){
		document.getElementById("ajax_anterior").innerHTML  = "<a onclick='numero_pagina(" + paginas + "," + ( pagina ) + ", \"" + url + "\"))'><div id='album_anterior'><img src='../../../imagens/site/album/anterior.png' border='0' width='93' height='25' /></div></a>";
	}else{
		document.getElementById("ajax_anterior").innerHTML  = "<a onclick='numero_pagina(" + paginas + "," + ( pagina - 1 ) + ", \"" + url + "\")'><div id='album_anterior'><img src='../../../imagens/site/album/anterior.png' border='0' width='93' height='25' /></div></a>";
	}

	xmlHttp.send("pagina=" + pagina +"&diretorio=" + url);
}

function handleStateChangefotos_pequenas() {
	document.getElementById("fotos_pequenas").innerHTML = "<div align='center'><img src='../../../imagens/site/loading-bar-verde.gif' /></div>";
    if(xmlHttp.readyState == 4) {
        if(xmlHttp.status == 200) {
            document.getElementById("fotos_pequenas").innerHTML = xmlHttp.responseText;
       }
    }
}

//     PROXIMA FOTO

function fotos_proxima(foto,url) {
	if(foto < 10){
		document.getElementById("foto").innerHTML = "<img src='" + url + "/imagens/00" + foto + ".jpg' />";
	}else if (foto < 100){
		document.getElementById("foto").innerHTML = "<img src='" + url + "/imagens/0" + foto + ".jpg' />";
	}else{
		document.getElementById("foto").innerHTML = "<img src='" + url + "/imagens/" + foto + ".jpg' />";
	}
	
	document.getElementById("seta_direita").innerHTML = "<a onclick='fotos_proxima(" + (foto + 1) + ", \"" + url + "\")' class='cursor'><div><img src='../../../imagens/site/album/seta2.png' width='38' height='47' /></div></a>";
	
	document.getElementById("seta_esquerda").innerHTML = "<a onclick='fotos_anterirores(" + (foto - 1) + ", \"" + url + "\")' class='cursor'><div><img src='../../../imagens/site/album/seta1.png' width='38' height='47' /></div></a>";
}

function fotos_anterirores(foto,url) {
	if(foto < 10){
		document.getElementById("foto").innerHTML = "<img src='" + url + "/imagens/00" + foto + ".jpg' />";
	}else if (foto < 100){
		document.getElementById("foto").innerHTML = "<img src='" + url + "/imagens/0" + foto + ".jpg' />";
	}else{
		document.getElementById("foto").innerHTML = "<img src='" + url + "/imagens/" + foto + ".jpg' />";
	}
	
	document.getElementById("seta_direita").innerHTML = "<a onclick='fotos_proxima(" + (foto + 1) + ", \"" + url + "\")' class='cursor'><div><img src='../../../imagens/site/album/seta2.png' width='38' height='47' /></div></a>";
	
	if(foto <= 0){
		document.getElementById("seta_esquerda").innerHTML = "<a onclick='fotos_anterirores(" + (foto) + ", \"" + url + "\")' class='cursor'><div><img src='../../../imagens/site/album/seta1.png' width='38' height='47' /></div></a>";
	}else{
		document.getElementById("seta_esquerda").innerHTML = "<a onclick='fotos_anterirores(" + (foto - 1) + ", \"" + url + "\")' class='cursor'><div><img src='../../../imagens/site/album/seta1.png' width='38' height='47' /></div></a>";
	}
}

//      ESCOLHENDO A PAGINA
function numero_pagina(paginas,numero, url) {

	bloco = "";
	bloco = "<div id='album_" + paginas + "'>"

	if( numero == 1 ){
		fotos_pequenas_anterior(paginas,numero, url);
	}else{
		fotos_pequenas_proxima(paginas,numero, url);
	}

	for (i = 1; i < paginas + 1; i++){
		if( numero == i ){
			bloco += "<a onclick='numero_pagina(" + paginas + "," + i + ",\"" + url + "\")' class='cursor'><div class='pagina_atual'><div class='pagina_numero_atual'>" + i + "</div></div></a>";
		}else{
			bloco += "<a onclick='numero_pagina(" + paginas + "," + i + ",\"" + url + "\")' class='cursor'><div class='paginas'><div class='pagina_numero'>" + i + "</div></div></a>";
		}
	}
	
	bloco += "</div>";

	document.getElementById("album_paginas").innerHTML  = bloco;
}