var loop_duration = 2000;
var speed = 99;
var time_count = loop_duration;


function updateStatus() {
	time_count -= speed;
	setStatus( loop_duration / time_count * 10 );
	if( time_count < 0 ) {
		time_count = loop_duration;
		changeItem();
	}
	setTimeout( 'updateStatus()', speed );
}


/* status between 0 and 100 */
function setStatus( status ) {
	status = Math.round(status / 10) * 10;

	toggleStatusItem( '10', status >= 10 );
	toggleStatusItem( '20', status >= 20 );
	toggleStatusItem( '30', status >= 30 );
	toggleStatusItem( '40', status >= 40 );
	toggleStatusItem( '50', status >= 50 );
	toggleStatusItem( '60', status >= 60 );
	toggleStatusItem( '70', status >= 70 );
	toggleStatusItem( '80', status >= 80 );
	toggleStatusItem( '90', status >= 90 );
	toggleStatusItem( '100', status >= 100 );
}


function toggleStatusItem( item, display ) {
	stat = document.getElementsByTagName( 'span' );
	for( var i=0; i<stat.length; i++ ) {
		if( stat[i].title == 'rot_status_' + item ) {
			if (document.layers) {
				vista = (display) ? 'show' : 'hide'
				stat[i].visibility = vista;
			}
			else if (document.all) {
				vista = (display) ? 'visible'	: 'hidden';
				stat[i].style.visibility = vista;
			}
			else if (document.getElementById) {
				vista = (display) ? 'visible' : 'hidden';
				stat[i].style.visibility = vista;
		
			}
		}
	}
}