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

function imagem(valor, caminho){    
	//se tiver suporte ajax
	if(ajax) {
	
		ajax.open("POST", "catalogo_imagem.php", true);
		ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		
		ajax.onreadystatechange = function() {
			exibe = document.getElementById('foto');
			exibe["src"] = '';
			exibe2 = document.getElementById('nomeitem');
			exibe3 = document.getElementById('descitem');
			//enquanto estiver processando...emite a msg de carregando
			if(ajax.readyState == 1) {
			   //idOpcao.innerHTML = "Carregando...!";
			   exibe["src"] = 'img/load.gif';
			   //exibe.width = 450;//tamanho padrão
			}
			//após ser processado - chama função processXML que vai varrer os dados
			if(ajax.readyState == 4) {
			   if(ajax.responseText) {
					//processXML(ajax.responseText, 1);
					obj = ajax.responseText;
					var jsonData = eval('(' + obj + ')');
					//exibe.width = jsonData.size;
					exibe.name = jsonData.id;
					exibe2.innerHTML = '<center><span class="verdana_12px_vinho" id="nomeitem">'+jsonData.nome+'</span></center>';
					exibe3.innerHTML = jsonData.descricao;
					exibe["src"] = caminho + '&alt=' + jsonData.alt;
					exibe["title"] = jsonData.nome;
					exibe["alt"] = jsonData.nome;
			   }else{
				   //caso não seja um arquivo XML emite a mensagem abaixo
				   //idOpcao.innerHTML = "--Primeiro selecione o Estado--";
			   }
			}
		}
		//passa o código do estado escolhido
		var params = "imagem="+valor;
		ajax.send(params);
	}
}

function imagem_vez(sentido){
	//se tiver suporte ajax
	if(ajax) {
		atual = document.getElementById('foto').name;
		pg = 1;
		davi = document.getElementById('numimgvez');
		numvez = parseInt(davi.value);
		numvez = numvez + parseInt(sentido);
		posimg = document.getElementById('posimg'+numvez).value;
		if(posimg == 'ultima'){
			document.getElementById('irpos').style.visibility = 'hidden';
			document.getElementById('irant').style.visibility = 'visible';
		}else if(posimg == 'primeira'){
			document.getElementById('irpos').style.visibility = 'visible';
			document.getElementById('irant').style.visibility = 'hidden';
		}else{
			document.getElementById('irpos').style.visibility = 'visible';
			document.getElementById('irant').style.visibility = 'visible';
		}
		davi.value = numvez;
		
		ajax.open("POST", "catalogo_imagem_vez.php", true);
		ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		
		ajax.onreadystatechange = function() {	
			exibe = document.getElementById('foto');
			exibe["src"] = '';
			exibe2 = document.getElementById('nomeitem');
			exibe3 = document.getElementById('descitem');
			//enquanto estiver processando...emite a msg de carregando
			if(ajax.readyState == 1) {
			   //idOpcao.innerHTML = "Carregando...!";
			   exibe["src"] = 'img/load.gif';
			   //exibe.width = 450;//tamanho padrão
			}
			//após ser processado - chama função processXML que vai varrer os dados
			if(ajax.readyState == 4 ) {
			   if(ajax.responseText) {
					//processXML(ajax.responseText, 1);
					obj = ajax.responseText;
					var jsonData = eval('(' + obj + ')');
					//exibe.width = jsonData.size;
					exibe.name = jsonData.id;
					exibe2.innerHTML = '<center><span class="verdana_12px_vinho" id="nomeitem">'+jsonData.nome+'</span></center>';
					exibe3.innerHTML = jsonData.descricao;
					exibe["src"] = jsonData.caminho + '&alt=' + jsonData.alt;
					exibe["title"] = jsonData.nome;
					exibe["alt"] = jsonData.nome;
			   }else{
				   //caso não seja um arquivo XML emite a mensagem abaixo
				   //idOpcao.innerHTML = "--Primeiro selecione o Estado--";
			   }
			}
		}
		//passa o código do estado escolhido
		var params = "imagem="+atual+"&sentido="+sentido+"&pg="+pg;
		ajax.send(params);
	}
}

function exibe(caminho, nome){
	alert(caminho);
	exibe = document.getElementById('foto');
	//loaded = document.getElementById('load');
	//anime.fade(loaded, 100, 20, 100);
	//loaded.style.display = 'block';
	exibe.name = nome;
	exibe.style.display = 'none';
	exibe["src"] = caminho;
	//exibe.onload = function(){
		//loaded.style.display = 'none';
		//exibe.style.display = 'block';
		//anime.appear(exibe, 0, 100, 100); 
	//}
}