// JavaScript Document
var fade = 0;

function test() {
	
	// Set vertical position.
	document.getElementById('test1').style.top = '5px';
	document.getElementById('test2').style.top = '125px';
	document.getElementById('test3').style.top = '25px';
	document.getElementById('test4').style.top = '100px';
	document.getElementById('test5').style.top = '250px';
	document.getElementById('test6').style.top = '95px';
	document.getElementById('test7').style.top = '15px';
	
	// Set font sizes.
	document.getElementById('test1').style.fontSize = '30px';
	document.getElementById('test2').style.fontSize = '40px';
	document.getElementById('test3').style.fontSize = '25px';
	document.getElementById('test4').style.fontSize = '30px';
	document.getElementById('test5').style.fontSize = '50px';
	document.getElementById('test6').style.fontSize = '25px';
	document.getElementById('test7').style.fontSize = '25px';
	
	// Set widths.
	document.getElementById('test1').style.width = '280px';
	document.getElementById('test2').style.width = '250px';
	document.getElementById('test3').style.width = '220px';
	document.getElementById('test4').style.width = '300px';
	document.getElementById('test5').style.width = '330px';
	document.getElementById('test6').style.width = '300px';
	document.getElementById('test7').style.width = '230px';
	
	displayloop();
}

function displayloop() {
	// Load timers and effects for elements.
	special1('test1', 2000, 50, 10);
	setTimeout('special2(\'test2\', 2000, 150, 10)', 2000);
	setTimeout('special1(\'test3\', 2000, 55, 10)', 4000);
	setTimeout('special2(\'test4\', 2000, 100, 10)', 6000);
	setTimeout('special1(\'test5\', 2000, 35, 10)', 8000);
	setTimeout('special1(\'test6\', 2000, 65, 10)', 10000);
	setTimeout('special2(\'test7\', 2000, 175, 10)', 12000);
	
	setTimeout(displayloop, 14000);
}

function showitem(itemid) {
	document.getElementById(itemid).style.display = 'block';
}

function hideitem(itemid) {
	document.getElementById(itemid).style.display = 'none';
}

function special1(itemid, timer, offset, fade) {

	var str = document.getElementById(itemid).style.display;
	
	if(str == 'none' || str == '') {
		document.getElementById(itemid).style.display = 'block';
		document.getElementById(itemid).style.opacity = '1';
		document.getElementById(itemid).style.filter = 'alpha(opacity=100)';
	}
	
	document.getElementById(itemid).style.left =  offset + 'px';
	
	var newtimer = timer - 50;
	var newoffset = Number(offset) + 1;
	
	if(newtimer > 0) {
		setTimeout('special1(\''+itemid+'\', \''+newtimer+'\', \''+newoffset+'\', 10)', 50);
	} else if(fade > 0) {
		document.getElementById(itemid).style.opacity = fade/10;
		document.getElementById(itemid).style.filter = 'alpha(opacity=' + fade*10 + ')';
		setTimeout('special1(\''+itemid+'\', \''+newtimer+'\', \''+newoffset+'\', '+(Number(fade)-1)+')', 50);
	} else {
		document.getElementById(itemid).style.display = 'none';
	}
	//document.getElementById(itemid).style.removeAttribute('filter');
}

function special2(itemid, timer, offset, fade) {

	var str = document.getElementById(itemid).style.display;
	
	if(str == 'none' || str == '') {
		document.getElementById(itemid).style.display = 'block';
		document.getElementById(itemid).style.opacity = '1';
		document.getElementById(itemid).style.filter = 'alpha(opacity=100)';
	}
	
	document.getElementById(itemid).style.left =  offset + 'px';
	
	var newtimer = timer - 50;
	var newoffset = Number(offset) - 1;
	
	if(newtimer > 0) {
		setTimeout('special2(\''+itemid+'\', \''+newtimer+'\', \''+newoffset+'\', 10)', 50);
	} else if(fade > 0) {
		document.getElementById(itemid).style.opacity = fade/10;
		document.getElementById(itemid).style.filter = 'alpha(opacity=' + fade*10 + ')';
		setTimeout('special2(\''+itemid+'\', \''+newtimer+'\', \''+newoffset+'\', '+(Number(fade)-1)+')', 50);
	} else {
		document.getElementById(itemid).style.display = 'none';
	}
	//document.getElementById(itemid).style.removeAttribute('filter');
}