var fader = new Spry.Effect.Fade('imageContainer',  {duration: 1000, from: 0, to: 100, toggle:false});
function getElementsByClassName(classname, node) {
if(!node) node = document.getElementsByTagName("body")[0];
var a = [];
var re = new RegExp('\\b' + classname + '\\b');
var els = node.getElementsByTagName("*");
for(var i=0,j=els.length; i<j; i++)
if(re.test(els[i].className))a.push(els[i]);
return a;
}
var aTags='';
var currentTag=0;
var totalTags=-1;
var div1 = document.getElementById("imageContainer")
var links = getElementsByClassName('scroller-image');
links[0].style.display='block';
for(x in links){
	z=x++;
	aTags+='<a href="javascript:changeLink(\''+z+'\')" id="'+z+'">'+x+'</a>';
	totalTags++;
	}
document.getElementById('imageFooter').innerHTML=aTags;
function hideAll(){
	for(y in links){
		links[y].style.display='none'
		document.getElementById(y).className='';
		}
	}
function changeLink(num){
	hideAll();fader.start();
	links[num].style.display='block';
	document.getElementById(num).className='over';
	currentTag=num;
}
function autoChange(){
	if(currentTag<totalTags){
		currentTag++;
		hideAll();fader.start();
		links[currentTag].style.display='block';
		document.getElementById(currentTag).className='over';
		}
	else{
		currentTag=0;
		hideAll();fader.start();
		links[currentTag].style.display='block';
		document.getElementById(currentTag).className='over';
		}	
	}
function loop(){
autoChange();
setTimeout('loop()',5000);
}	
fader.start();
setTimeout('loop()',5000);
document.getElementById('0').className='over';