// copyright 2011 Thomas James Allen

//image roll starting places
var speed = 5000;
var rollimgstatus = 1;
var lastone =  roll.length-1;

//main function
function imageview(){

if(rollimgstatus > (lastone)){rollimgstatus = 0}

	// all browsers - javascript css opacity change
	timer1 = setTimeout('document.images.rollimg.style.opacity=.8;',1);
	timer2 = setTimeout('document.images.rollimg.style.opacity=.6;',100);
	timer3 = setTimeout('document.images.rollimg.style.opacity=.4;',200);
	timer4 = setTimeout('document.images.rollimg.style.opacity=.2;',300);
	timer5 = setTimeout('document.images.rollimg.style.opacity=0;',400);
	
	timer6 = setTimeout('document.images.rollimg.src = roll[rollimgstatus];',450);
	timer6t = setTimeout('document.getElementById("img-roll-textbox").innerHTML = rolltxt[rollimgstatus]',450);
	
	timer7 = setTimeout('document.images.rollimg.style.opacity=.2;',500);
	timer8 = setTimeout('document.images.rollimg.style.opacity=.4;',600);
	timer9 = setTimeout('document.images.rollimg.style.opacity=.6;',700);
	timer10 = setTimeout('document.images.rollimg.style.opacity=.8;',800);
	timer11 = setTimeout('document.images.rollimg.style.opacity=1.0;',900);
	
	timer12 = setTimeout('rollimgstatus = rollimgstatus + 1;',1000);
	
myTimer2 = setTimeout("imageview()",speed);
}