// JavaScript Document
opacities 	= new Object;
alphato 	= false;
var intervallenFader = new Object();	
function fade(id, opacStart, opacEnd, millisec, stap){
	if(document.getElementById(id)){
		
		clearTimeout(intervallenFader[id]);
		
		if(opacStart == 'auto'){
			if(!opacities[id]){
				opacities[id] = parseInt(document.getElementById(id).style.opacity)*100;
			}
			opacStart = parseInt(opacities[id]);
		}
		
		
		if(!stap) stap = 1;
		var intervalTime 	= 40;
		var stappen 		= Math.ceil(millisec / 40);
		var newOpacity = opacStart + ((stap/stappen) * (opacEnd - opacStart));
		changeOpac(id, newOpacity)
		if(stap != stappen){
			intervallenFader[id] = setTimeout("fade('" + id + "'," + opacStart + "," + opacEnd + "," + millisec + "," + (stap+1) + ")",intervalTime); 
		}
	}
} 

//change the opacity for different browsers 
function changeOpac(id, opacity) {
	var object = document.getElementById(id); 
	if(object){
		opacities[id] 					= opacity.toString();
		object.style.opacity 			= (opacity / 100); 
		object.style.MozOpacity 		= (opacity / 100); 
		object.style.KhtmlOpacity 		= (opacity / 100); 
		object.style.filter 			= "alpha(opacity=" + opacity + ")"; 
	}
}