// JavaScript Document

var Flag=0, imgDown;

function fadeOut(di, img) {
	i=100;
	
	var intervalo = window.setInterval(function() {
												
		di.style.opacity = i/100;
		di.style.MozOpacity = i/100;
		di.style.filter = 'filter: alpha(opacity='+ i +')';
		
		
		if ( i==0) {
			clearInterval(intervalo);
			//return true;
			
			fadeIn(di, img);
		}
		
		i = i - 10;
	
	}, 1);
	
}

function fadeIn(di, img) {
	
	//di.style.backgroundImage = "url("+ img +")";
	di.src = img;
	
	
	i=0;

	var intervalo = window.setInterval(function() {
												
		di.style.opacity = i/100;
		di.style.MozOpacity = i/100;
		di.style.filter = 'filter: alpha(opacity='+ i +')';
		
		
		if ( i==100) {
			clearInterval(intervalo);
			document.getElementById("carregando").style.visibility = 'hidden';
			return true;
		}
		
		i = i + 10;
	
	}, 1);
	
}

function CarregaIMG(img) {
	
	imagem = new Image();
	
	// criamos uma nova imagem associada a variável imagem
	imagem.src=img;
	
	// Bug IE
	if (imagem.complete) {
		Flag = 1;
		return;
	}
	
	imagem.onload = function(){
		//alert("imagem carregada e pronta para uso");
		Flag = 1;
	}
	imagem.onerror = function(){
		alert("Erro: Impossível carregar a imagem");
	}
}

function swapImage (img) {	
	
	document.getElementById("carregando").style.visibility = 'visible';
	
	var ArqImg, di;
	
	//document.getElementById("imgEfeito").style.background = "none";
	di = document.getElementById("imgEfeito");
	
	// caminho da imagem para download
	imgDown = img;
	
	// Chama função pra carregar imagem
	//Flag = 0;
	CarregaIMG(img);
	
	
	var intervalo = window.setInterval(function() {
		if ( Flag==1 ) {
			Flag = 0;
			clearInterval(intervalo);
			fadeOut(di, img);
		}	
	}, 50);
	window.setTimeout(function() {
		clearInterval(intervalo);
	}, 30000);
	
}