// Build the objScroll and place it on the page
function buildScroller()
{

	//Create element in which the Ticker is placed
	tickerspace = '<div id="tickerspaces" style="filter:alpha(opacity=100)"></div>';
	document.writeln(tickerspace);
}

var intArticle = -1;

function loadScroller()
{
	
	
	if(intArticle != -1)
	{
			
		if(document.getElementById("tickerspaces").filters)
			document.getElementById("tickerspaces").filters.alpha.opacity = 0;
		document.getElementById("tickerspaces").style.opacity = "0";
	}
	
	if(Article[intArticle + 1])
		intArticle = intArticle + 1;
	else
		intArticle = 0;
	
	loadMessage(intArticle);
	
	window.setTimeout("fadeOutMessage(100);", 8000);
	
}

function fadeOutMessage(opacity)
{
	opacity -= 5;
	if(document.getElementById("tickerspaces").filters)
		document.getElementById("tickerspaces").filters.alpha.opacity = opacity;
	
	document.getElementById("tickerspaces").style.opacity = (opacity / 100);
	
	if(opacity <= 0)
		window.setTimeout("fadeInMessage(0)",50);
	else
		window.setTimeout("fadeOutMessage("+opacity+")",50);
}

function fadeInMessage(opacity)
{
	if(opacity == 0)
		loadScroller();
	
	opacity += 5;
if(document.getElementById("tickerspaces").filters)
		document.getElementById("tickerspaces").filters.alpha.opacity = opacity;
	
	if(opacity < 100)
		document.getElementById("tickerspaces").style.opacity = (opacity / 100);
	else if(opacity >= 100)
		document.getElementById("tickerspaces").style.opacity = 1;
	
	if(opacity <= 100)
		window.setTimeout("fadeInMessage("+opacity+")",50);
}

function loadMessage(id)
{
	
	
	document.getElementById("tickerspaces").innerHTML = "<a href='"+Article[id][3]+"'><img src='"+Article[id][2]+"' border='0' align='left'  height='106px' width='200px' /><h3><font face=verdana color=#f05600 >"+Article[id][0]+"</font></h3>"+Article[id][1]+"</a>";
}