var dir;
var current;
var logoF;
var logoB;
var logodragon;
var opacity;
var nextdragon;

function SetDragon() {
	nextdragon = Math.random() * 5 + 5;
}

function initImage() {
	if (!document.getElementById) return;
	logodragon = document.getElementById('logofadedragon');
	logoF = document.getElementById('logofadeF');
	logoB = document.getElementById('logofadeB');
	SetDragon();
	which = 0;
	current = logodragon;
	setOpacity(0);
	current = logoF;
	setOpacity(0);
	current = logoB;
	setOpacity(100);
	dir = "d";
	opacity = 100;
	logodragon.style.visibility = 'visible';
	logoF.style.visibility = 'visible';
	logoB.style.visibility = 'visible';
	fade();
}

function setOpacity(opacity) {
	opacity = (opacity >= 100)?99.999:opacity;
	current.style.filter = "alpha(opacity:"+opacity+")";	  // IE/Win
	current.style.KHTMLOpacity = opacity/100;	  // Safari<1.2, Konqueror
	current.style.MozOpacity = opacity/100;	  // Older Mozilla and Firefox
	current.style.opacity = opacity/100;	  // Safari 1.2, newer Firefox and Mozilla, CSS3
}

function fade() {
		if (dir == "u") {
			if (opacity >= 100)
			   dir="d";
			else
			   opacity += 2.5;
		}else{
			if (opacity <= 0) {
				dir="u";
				nextdragon--;
				if (nextdragon > 0)
		                  current = current == logoF ? logoB : logoF;
		                else {
			          current = logodragon;
			          SetDragon();
		                }
			}else
				opacity -= 2.5;
		}
		setOpacity(opacity);
		window.setTimeout("fade()", 50);
}