var transLevel=0
var slideId=2 // Slide 1 does not fade. It is like a background image.
var slideFadeSpeed = 50
var slideFadeStepSize = 5
var slideFadePause = 2000
var startOfShowPause = 5000
var endOfShowPause = 3000

function startSlideShow(){
	setTimeout('fadeSlideUp()',startOfShowPause)
}

function fadeSlideUp(){
	transLevel = transLevel + slideFadeStepSize
	if(transLevel>100){
		if(document.getElementById('Slide'+(slideId+1))){
			transLevel = 0
			slideId = slideId +1
			setTimeout('fadeSlideUp()',slideFadePause)
		}else{
			resetShow()
		}
	}else{
		var object=document.getElementById('Slide'+slideId).style
		object.opacity = transLevel/100
		object.MozOpacity = transLevel/100
		object.KhtmlOpacity = transLevel/100
		object.filter = "alpha(opacity=" + transLevel + ")"
		setTimeout('fadeSlideUp()',slideFadeSpeed)
	}
}



function fadeSlideDown(){
	transLevel = transLevel - slideFadeStepSize
	var object=document.getElementById('Slide'+slideId).style
	if(transLevel>0){
		object.opacity = transLevel/100
		object.MozOpacity = transLevel/100
		object.KhtmlOpacity = transLevel/100
		object.filter = "alpha(opacity=" + transLevel + ")"
		setTimeout('fadeSlideDown()',slideFadeSpeed)
	}else{
		object.opacity = 0
		object.MozOpacity = 0
		object.KhtmlOpacity = 0
		object.filter = "alpha(opacity=0)"
		slideId = 2
		setTimeout('fadeSlideUp()',slideFadePause)
	}
}

function resetShow(){
	for(x=2;x<(slideId);x++){
		var object=document.getElementById('Slide'+x).style
		object.opacity = 0
		object.MozOpacity = 0
		object.KhtmlOpacity = 0
		object.filter = "alpha(opacity=0)"
	}
	setTimeout('fadeSlideDown()',slideFadePause)

}