function getXMLHttpRequest() {
	if (window.XMLHttpRequest) {
			return new XMLHttpRequest();
	}
	else if(window.ActiveXObject) {
		return new ActiveXObject("Microsoft.XMLHTTP");
	}
	else {
	alert('Não foi foi criar uma conexão. Verifique se o javascript em seu navegador está habilitado');
	}
}

function trocaFoto(foto,title){
	var fotonormal = document.getElementById('fotonormal');
    fotonormal.src = foto;
	fotonormal.title="";
	if(title!=" - "){
		fotonormal.title = title;
	}
}

function carregaGaleria(iditem,page){
	var socket = getXMLHttpRequest();
	var fotothumb = document.getElementById('fotothumb');
	var fotonormal = document.getElementById('fotonormal');
    var next = document.getElementById('next');
	var prev = document.getElementById('prev');
	var previmg = document.getElementById('previmg');
	var nextimg = document.getElementById('nextimg');
	

	if(socket.readyState == 4 || socket.readyState == 0){ 
		socket.open("POST", 'galeria.php', true);
		socket.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		socket.onreadystatechange = function(){
			if(socket.readyState == 4){// se recebeu a resposta requisição
					var jsonData =  eval(socket.responseText);
					var tag = "<img border='0' style='cursor:pointer; border: 1px solid gray;' "
					tag += "height='60' width='80' src='"+ thumbpath; 
					var foto ="";
					fotothumb.innerHTML="";
					for(i = 0; i < jsonData.fotos.length; i++) { 
						foto=normalpath+jsonData.fotos[i].foto;
						if(i==0){
							fotonormal.src= normalpath+jsonData.fotos[i].foto;
							fotonormal.title = jsonData.fotos[i].title;
						}
						fotothumb.innerHTML+= tag+jsonData.fotos[i].foto+"' onclick=\"trocaFoto('"+foto+"','"+jsonData.fotos[i].title+"');\">&nbsp;";
					}

					var nextpage = jsonData.pagehandle.nextpage;
					var prevpage = jsonData.pagehandle.previouspage;
					var total = jsonData.pagehandle.total;
                   
				    // se tiver uma foto só e for a primeira página
					if(jsonData.fotos.length<=1 && prevpage==0){
						fotothumb.style.display = 'none';
					 }
					 else
						 fotothumb.style.display = 'block';

					//controla o botão de anterior
					prev.href="#";                     
					if (prevpage>=1){
					  previmg.style.display="block";
                       prev.href= "javascript:carregaGaleria("+iditem+",";
					   prev.href+= ""+prevpage+"";
					   prev.href+=");"
					}

					if(prevpage==0){
					 previmg.style.display="none";
					}
                  
					//controla o botão de proximo
					next.href="#";                     
					if (nextpage>1 && nextpage<=total){
					   nextimg.style.display="block";
                       next.href= "javascript:carregaGaleria("+iditem+",";
					   next.href+= ""+nextpage+"";
					   next.href+=");"
					}
					else if(nextpage>total){
					nextimg.style.display="none";
					}
					else if(nextpage==null){
					nextimg.style.display="none";
					}


			}		
		}
		 var params = 'iditem=' + iditem;
		 params  += '&type=' + type;
		 params  += '&page=' + page;
		 socket.send(params);	
	}
}