window.addEventListener?window.addEventListener('load',ssInit,false):window.attachEvent('onload',ssInit);
  
var imgs;
var interval1, interval2; //the intervals between slides, on the 'next' fade and on the 'previous' fade
var t=0;        
var currentImage=0;
var nextImage;

function slides(){
	imgs = get('fr_slideshow').getElementsByTagName('img');
	imgs[0].style.display = 'block';
}

function ssInit(){	
	interval1 = setInterval("showNext();", 5000);//show next image every 5 seconds
}
function showNext(){

	t+=0.03;//increase teller				
	if(currentImage>=(imgs.length-1)){ //if current image is last one
		nextImage=0; //next one should be first one
	}
	else{
		nextImage=currentImage+1; //otherwise next image is +1
	}		
	setOpacity(imgs[(nextImage)],t); //increase opacity of next image
	imgs[(nextImage)].style.display = 'block';	//show next image
	setOpacity(imgs[(currentImage)],(1-t));	//decrease opacity of current image	
	if (t<1){	//if teller has not yet reached 1
		interval2 = setTimeout("showNext();", 10); //repeat, continuing fade routine	
		}		
	else{			
		t=0; //reset teller
		imgs[(currentImage)].style.display = 'none'; //hide the prev image completely 
		currentImage=nextImage; //make current value up-to-date
	}
}

function setOpacity(obj, newOpacity){
	if(obj.xOpacity>.99){
		obj.xOpacity = .99;
		return;
	}
	obj.style.opacity = newOpacity;
	obj.style.MozOpacity = newOpacity;
	obj.style.filter = 'alpha(opacity=' + (newOpacity*100) + ')';
}