////////////////////////////////////////////////////////////////////////////////
	// Produced by Marcio Galli for Netscape Communications.
	// Uses DOM 1 and CSS to change style properties like color and font spacing. 
	//
	// References:
	//
	// http://www.mozilla.org/docs/dom/technote/tn-dom-table/index.html
	// http://dmoz.org/Computers/Programming/Languages/JavaScript/W3C_DOM/
	// http://www.geckonnection.com
	//
	// 
	///////////////////////////////////////////////////////////////////////////////////////
	// This animation effect is divided into two parts:
	// Fade in and fade out. 

	///////////////////////////////////////////////////////////////////////////////////////
	// Variables used as parameters for the animation. 
	// 
	
	anicounter=0;  		// Frame counter. 
	colorvalue=255;		// Aux color value. 
	var strFadeElement = "";
	var intFadeSpeed = 60;
	var intFadeBy = 5;
	var objNextElement = null;
	
	///////////////////////////////////////////////////////////////////////////////////////
	// First step of animation - First loop
	// Fades in the text while increasing the font spacing and at the same time decreasing the 
	// text color from white (255,255,255) to black (0,0,0). Since the background color
	// is white, the effect will be like moving from transparent to black. 
	//
	// This effect will be applied in the object whose id is "text"+el. NOTE that, in the 
	// end of the fadeout function, el increases by one and fadein is called again. This
	// process is made until all texts are animated. See texts in the HTML section in the
	// end of this document. 
	//
	function fadeIn(strElementID) {
		// This is a 20-steps animation procedure. 
		
		if ( strElementID ) {
		
			if ( strFadeElement ) {
				return;
			}

			opacity=0;
			anicounter=0
			strFadeElement = strElementID;

			objEl = document.getElementById(strFadeElement); //color="rgb("+colorvalue+","+colorvalue+","+colorvalue+")";
			objEl.style.opacity = opacity;
			objEl.style.MozOpacity = opacity;
			if ( objEl.filters ) objEl.filters.alpha.opacity=opacity;
		} 

		if ( (strFadeElement != "") && (opacity <100) ) {
				// Increases anicounter.
				anicounter++;

				// Decreases the colorvalue after the 10th element. 
				//if(anicounter>10) 
					opacity+=intFadeBy;

				// Sets the color value for the "text"+el element. 
				objEl = document.getElementById(strFadeElement);
				objEl.style.opacity = opacity/100;
				objEl.style.MozOpacity = opacity/100;
				if ( objEl.filters ) objEl.filters.alpha.opacity=opacity;				
								
				// Call fadein again. 
				setTimeout("fadeIn()",intFadeSpeed);
		} else {
				strFadeElement = "";

		}
	}

	//************************************************************************
	// Second step of animation -	Second loop
	// Fades out the text while increasing the font spacing and at the same time increasing the 
	// text color value from white (0,0,0) to white (255,255,255). Since the background color
	// is white, the effect will be like moving from black to transparent. 
	//
	// Everything is the same except that colorvalue increases.
	//

	function fadeOut(strElementID, objNextEl) {
		// This is a 20-steps animation procedure. 
		
		if ( strElementID ) {
		
			if ( strFadeElement ) {
				return;
			}

			objNextElement = objNextEl;
			opacity=100;
			anicounter=0
			strFadeElement = strElementID;

			objEl = document.getElementById(strFadeElement); //color="rgb("+colorvalue+","+colorvalue+","+colorvalue+")";
			objEl.style.opacity = opacity/100;
			objEl.style.MozOpacity = opacity/100;
			if ( objEl.filters ) objEl.filters.alpha.opacity=opacity;				


		} 

		if ( (strFadeElement != "") && (opacity >0) ) {
				// Increases anicounter.
				anicounter++;

				// Decreases the colorvalue after the 10th element. 
				//if(anicounter>10) 
					opacity-=intFadeBy;

				objEl = document.getElementById(strFadeElement); //color="rgb("+colorvalue+","+colorvalue+","+colorvalue+")";
				objEl.style.opacity = opacity/100;
				objEl.style.MozOpacity = opacity/100;
				if ( objEl.filters ) objEl.filters.alpha.opacity=opacity;
			
				// Call fadein again. 
				setTimeout("fadeOut()",intFadeSpeed);
		} else {
			strFadeElement = "";
			
			if ( objNextElement.id ) {
				objNextElement.style.display = "block";
				objCurrSection.style.display = "none";
				init();
			} else if ( objNextElement.match(/http|\./) ) {
				document.location = objNextElement;
			}

		}
	}