<!--

/* toggle() checks to see if the images has already been faded

	   or not and sends the appropriate variables to opacity(); */

	function toggle(el,milli) {

		// Get the opacity style parameter from the image

		var currOpacity = document.getElementById(el).style.opacity;

		if(currOpacity != 0) { // if not faded

			fade(el, milli, 0, 100);

		} else { // else the images is already faded

			fade(el, milli, 0, 100);

		}

	} 

	
	/* changeOpacity() uses three different opacity settings to

	   achieve a cross-browser opacity changing function.  This

	   function can also be used to directly change the opacity

	   of an element. */

	function changeOpacity(el,opacity) {

		var image = document.getElementById(el);

		// For Mozilla

		image.style.MozOpacity = (opacity / 100);

		// For IE

		image.style.filter = "alpha(opacity=" + opacity + ")";

		// For others

		image.style.opacity = (opacity / 100);

	}

	
	/* fade() will fade the image in or out based on the starting

	   and ending opacity settings.  The speed of the fade is 

	   determined by the variable milli (total time of the fade

	   in milliseconds)*/

	function fade(el,milli,start,end) {

		var fadeTime = Math.round(milli/100);

		
		var i = 0;  // Fade Timer

		// Fade in

		if(start < end) {

			for(j = start; j <= end; j++) {

				// define the expression to be called in setTimeout()

				var expr = "changeOpacity('" + el + "'," + j + ")";

				var timeout = i * fadeTime;

				// setTimeout will call 'expr' after 'timeout' milliseconds

				setTimeout(expr,timeout);

				i++;

			}

		}

		// Fade out

		else if(start > end) {

			for(j = start; j >= end; j--) {

				var expr = "changeOpacity('" + el + "'," + j + ")";

				var timeout = i * fadeTime;

				setTimeout(expr,timeout);

				i++;

			}

		}

	} 


// -->