// JavaScript Document



opacities 	= new Object;



alphato 	= false;



var intervallenFader = new Object();

var intervallenBuildingFade = new Array();

function fade(id, opacStart, opacEnd, millisec, stap, busyWithFade){

	if(document.getElementById(id)){

		if(!stap){

			stap 		= 1;

		}

		

		if(opacStart == 'auto'){

			if(!opacities[id]){

				opacities[id] = parseInt(document.getElementById(id).style.opacity)*100;

			}

			opacStart = parseInt(opacities[id]);

		}

		

		clearTimeout(intervallenFader[id]);

		var intervalString = id + 'x' + opacStart + 'x' + opacEnd + 'x' + millisec;

		if(!busyWithFade){

			intervallenBuildingFade[id] = new Object();

			intervallenBuildingFade[id].intervalString	= intervalString;		

			intervallenBuildingFade[id].opacStart		= opacStart;

			intervallenBuildingFade[id].opacEnd 		= opacEnd

			intervallenBuildingFade[id].millisec 		= millisec;

			intervallenBuildingFade[id].stap 			= 1

		}

	

		if(intervallenBuildingFade[id].intervalString != intervalString){

			opacStart 	= intervallenBuildingFade[id].opacStart;

			opacEnd 	= intervallenBuildingFade[id].opacEnd;

			millisec 	= intervallenBuildingFade[id].millisec;

			stap 		= intervallenBuildingFade[id].stap;		

		}else{

			intervallenBuildingFade[id].stap = stap;

		}



	

		var intervalTime 	= 50;

		var stappen 		= Math.ceil(millisec / intervalTime);

		var newOpacity = opacStart + ((stap/stappen) * (opacEnd - opacStart));

		changeOpac(id, newOpacity)

		if(stap != stappen){

			intervallenFader[id] = setTimeout("fade('" + id + "'," + opacStart + "," + opacEnd + "," + millisec + "," + (stap+1) + ",true)",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 + ")"; 

		if(opacity == 0){

			object.style.visibility = 'hidden';

		}else{

			object.style.visibility = 'visible';

		}

	}

}