function opacity(id, opacStart, opacEnd, millisec) 
{ 
	//speed for each frame 
	var speed = Math.round(millisec / 100); 
	var timer = 0; 
	fading = false;
	//determine the direction for the blending, if start and end are the same nothing happens 
	if(opacStart > opacEnd) { 
		for(i = opacStart; i >= opacEnd; i--) { 
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
			timer++; 
		} 
	} else if(opacStart < opacEnd) { 
		for(i = opacStart; i <= opacEnd; i++) 
		{ 
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
			timer++; 
		} 
	} 
}
function changeOpac(opacity, id) 
{ 
	var object = document.getElementById(id).style;
	object.opacity = (opacity / 100); 
	object.MozOpacity = (opacity / 100); 
	object.KhtmlOpacity = (opacity / 100); 
	object.filter = "alpha(opacity=" + opacity + ")"; 
}
function randNum(x, y) 
{
	var range = y - x + 1;
	return Math.floor(Math.random() * range) + x;
}
function setBanner(image)
{
	document.getElementById("Banner").src = image;
}
function switchImage() 
{
	if(fading) { return false;}
	if(timerID) { clearTimeout(timerID);}
	var interval = 15000;
	var imageNum = 0;
	var newID = visibleImageID;
	
	while(newID == visibleImageID) 
{
		newID = randNum(0,ImageArray.length -1);
}
	visibleImageID = newID;
	
	
	opacity("Banner", 100, 0, 1000);
	setTimeout("setBanner(ImageArray[visibleImageID])", 1000);
	timer2ID = setTimeout("opacity('Banner', 0, 100, 1000)",2000);
	var recur_call = "switchImage()";
	timerID = setTimeout(recur_call, interval);
	fading = true;
}