var objLogo1
var objLogo2
var intCurrentVisual = -1
var intOpacity = 100; 
var blnBlending = false;

// Initialize
function Init()
{
	objLogo1 = document.getElementById('Logo1');
	objLogo2 = document.getElementById('Logo2');
	if(objLogo1 && objLogo2)
	{
		// Set logo1
		var intNewVisual = getNewVisual()
		intCurrentVisual = intNewVisual
		var strFileName = '/data/logos/' + arrVisuals[intNewVisual];
		objLogo1.src = strFileName;
		
		// Start fade
		setTimeout("Blend_Logos()", 4000)
	}
}

// Get new (random) visual
function getNewVisual()
{
	var intNewVisual = Math.round(Math.random()*(intNumVisuals-1))
	while(intNewVisual == intCurrentVisual)
	{
		intNewVisual = Math.round(Math.random()*(intNumVisuals-1))
	}
	return intNewVisual;
}

// Set opacity for object
function setOpacity(object, intOpacity)
{
	object.style.opacity = intOpacity/100;
	object.style.MozOpacity = intOpacity/100;
	object.style.filter = 'alpha(opacity=' + intOpacity + ')';
}

// Blend logo1 100->0
function Blend_Out()
{
	if(intOpacity>0)
	{
		intOpacity--;
		if(intOpacity>=0)	setOpacity(objLogo1, intOpacity);
		setTimeout("Blend_Out()", 10)
	}
	else
	{
		// Set logo1 = logo2
		objLogo1.src = objLogo2.src;
		setOpacity(objLogo1, 100);
		
		// Start blending routine (again)
		setTimeout("Blend_Logos()", 4000)
	}
}

// Blending routine start
function Blend_Logos()
{
	// Init opacity
	intOpacity = 100;
	
	// Set new logo2   		
	var intNewVisual = getNewVisual()
	intCurrentVisual = intNewVisual
	var strFileName = '/data/logos/' + arrVisuals[intNewVisual];
	objLogo2.src = strFileName;

	// Blend logo1 100 -> 0
	setTimeout("Blend_Out()", 100)
}