var fps = 5;

document.getElementById('fpsText').innerHTML = "<center>5fps</center>";

    //collect the variables
	var maxFPS = 70;
    var minFPS = 5;
	
	var scrollAreaW = document.getElementById("scrollArea").offsetWidth;
    	
    var scrollW = (minFPS * scrollAreaW) / maxFPS;
    var scrollDist = Math.round(scrollAreaW - scrollW - 14);
    
	Drag.init(document.getElementById("scroller"), null, 0, scrollDist, 0, 0);
    
	document.getElementById("scroller").style.height = "18px";
	
	document.getElementById('scrollArea').style.top = -46;
	document.getElementById('scrollArea').style.left = 0;
	
	document.getElementById('scrollerIMG').style.top = (parseInt(document.getElementById("scroller").style.top) - 7); 
	document.getElementById('scrollerIMG').style.left = (parseInt(document.getElementById("scroller").style.left) - 15);

var variableslide=new Array()
var sucker = '';

for (i = 0; i < fileno; i++)
{
	variableslide[i]=["images/steam_engine_part_3/image/" + i + '.png', '', '']
	sucker += "<img src=\"images/steam_engine_part_3/image/" + i + ".png\" />";
}

document.getElementById('img_cache').innerHTML = sucker;

var slidedelay=1000/fps;

var ie=document.all
var dom=document.getElementById
var currentslide=0

function rotateimages(){

contentcontainer='<center>'
if (variableslide[currentslide][1]!="")
contentcontainer+='<a href="'+variableslide[currentslide][1]+'">'
contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">'
if (variableslide[currentslide][1]!="")
contentcontainer+='</a>'
contentcontainer+='</center>'
if (variableslide[currentslide][2]!="")
contentcontainer+=variableslide[currentslide][2]

document.getElementById('myid').src=variableslide[currentslide][0];

if (currentslide==variableslide.length-1) currentslide=0
else currentslide++
setTimeout("rotateimages()",slidedelay)
}

rotateimages();