//note - uses external data - imageroll.js - loaded above here
//note - script initiated by body tag onload attribute
//note - uses stylesheet #rollingimg
//note - script helped by body preloading zone at pagebottom

//test for various browsers
var browsertype = "none"
if ((navigator.appName == "Microsoft Internet Explorer") && 
	(parseInt(navigator.appVersion) > 3.999)){
	browsertype = "IE4"}else{}
if (navigator.appVersion.indexOf("MSIE 5.5", 0) != -1){browsertype = "IE55"}else{}
if (navigator.appVersion.indexOf("MSIE 6.0", 0) != -1){browsertype = "IE6"}else{}
if (navigator.appVersion.indexOf("MSIE 7.0", 0) != -1){browsertype = "IE7"}else{}
if (navigator.userAgent.indexOf("Opera", 0) != -1){browsertype = "none"}else{}

//load the right filter - 
function filtImg(){
	if (browsertype=="IE4"){
		rollimg.style.filter += "revealTrans(transition=12,duration=1)"}else{}
	if (browsertype=="IE55" || browsertype=="IE6" || browsertype=="IE7"){
		rollimg.style.filter += "progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=6)";}else{}
	if (browsertype=="none"){}else{}
	}

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

function imageview(){
if(rollimgstatus > (lastone)){rollimgstatus = 0}
if (browsertype != "none"){rollimg.filters[0].apply();}
document.images.rollimg.src = roll[rollimgstatus];
if (browsertype != "none"){rollimg.filters[0].play();}
rollimgstatus = rollimgstatus + 1;
myTimer2 = setTimeout("imageview()",4000);
}