// this array consists of the id attributes of the divs we wish to alternate between
			var divs_to_fade = new Array( 'box-7', 'box-6', 'box-5', 'box-4', 'box-3', 'box-2', 'box-1' );
		
			// the starting index in the above array.  It should be set to the value of the div which doesn't have the CSS Display property set to "none"
			var i = 0;
			
			// the number of milliseconds between swaps.  Default is five seconds.
			var wait = 6000;

			// the function that performs the fade
			function swapFade() {
				Effect.Fade(divs_to_fade[i], { duration:1, from:1.0, to:0.0 });
				i++;
				if (i == 7) i = 0;
				Effect.Appear(divs_to_fade[i], { duration:1, from:0.0, to:1.0, delay: 1 });
			}
			
			// the onload event handler that starts the fading.
			function startPage() {
				setInterval('swapFade()',wait);
			}
			
		
			var timeout	= 100;
var closetimer	= 0;
var ddmenuitem	= 0;
</script>
<script type="text/javascript">
// open hidden layer
function mopen(id,icon)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';
	thisicon = document.getElementById(icon);
	thisicon.style.backgroundPosition = '0 -76px';

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	thisicon.style.backgroundPosition = null;
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}