function fadeInImages(){
    var images=document.getElementsByTagName("img");
	var blendcount=0;
    for (var i=0; i<images.length;i++){
        if (images[i].className=="fade_in"){
            setTimeout('opacity("'+images[i].id+'",0,100,1000);',blendcount*1000);
			blendcount++;
        }
    }
}

function buildSlideShow(slideshow){
	var slideshowarea=document.createElement("div");
	slideshowarea.style.width=slideshow.getAttribute("width")+"px";
	slideshowarea.style.height=slideshow.getAttribute("height")+"px";
	slideshowarea.id=slideshow.getAttribute("name");
	
	imageset=[];
	var images=document.getElementsByTagName("slide");
	//limited to 1 slideshow/page
	//in FireFox the following line works
	//var images=slideshow.getElementsByTagName("slide");
	
	for (var i=0; i<images.length; i++){
		imageset[i]=new Object();
		imageset[i].src=images[i].getAttribute("src");
	}
	slideshow.parentNode.replaceChild(slideshowarea,slideshow);
	var ssobject=new ttSlideShow(slideshow.getAttribute("name"),slideshow.getAttribute("name"),"",imageset);
	ssobject.startFadeIn=true;
	ssobject.fadelength=1000;
	ssobject.interval=5000;
	ssobject.init();
}

function buildSlideShows(){
	var slideshows=document.getElementsByTagName("slideshow")
	for (var i=0; i<slideshows.length; i++){
		buildSlideShow(slideshows[i]);
	}
}

function changeImage(object,suffix,ext,folder){
    object.src="/images/"+folder+object.id+suffix+"."+ext;
}