var ImageIntervalID = 0;

	
	var messageElements = new Array (6)
	var messageAlpha = new Array(6)

	var opac = 0
	var arrayCount = 0

	//element is the element dur
	//time is in seconds
	function fadeIn( id, time ) 
	{
		opac = messageAlpha[id]
		//alert(opac)
		//alert(layerName)
		time = time/100
		if(opac < 100)
		{
			//alert (messageElements[id].filters.alpha)
			opac+=5;
			messageElements[id].style.opacity = opac/100;
				
			messageAlpha[id] = opac
			setTimeout('fadeIn('+id+','+(time*100)+')', time);	
		}
	}
	//element is the element dur
	//time is in miliseconds
	function fadeOut( id, time ) 
	{
		opac = messageAlpha[id]
		//alert(opac)
		time = time/100
		if(opac > 0)
		{
			opac-=5;
			//messageElements[id].filters.alpha.opacity = opac;
			
			messageElements[id].style.opacity = opac/100;
			messageAlpha[id] = opac
			setTimeout('fadeOut('+id+','+(time*100)+')', time);
		}
	}

	function imageTrigger ( )
	{
		if ( ImageIntervalID == 0 )
		{
			// Start the timer
			messageElements[0] =  document.getElementById("Message1-1")
			messageElements[1] =  document.getElementById("Message1-2")
		//	messageElements[2] =  document.getElementById("Message2-1")
		//	messageElements[3] =  document.getElementById("Message2-2")
			
			messageAlpha[0] =  0
			messageAlpha[1] =  0
		//	messageAlpha[2] =  0
		//	messageAlpha[3] =  0
			
			if (arrayCount == 0 )
			{
				document.getElementById("Message1-1").innerHTML = "<img src='xtest_images/"+jsImageArray[arrayCount]+"' height='350'>"
				document.getElementById("Message1-2").innerHTML = jsCaptionArray[arrayCount];
				
				document.getElementById("Message2-1").style.zIndex = "1"
				document.getElementById("Message2-2").style.zIndex = "1"
				
			//	fadeOut(2,500) 
			//	fadeOut(3,500) 
				
				fadeIn(0,0) 
				fadeIn(1,0) 
				
				document.getElementById("Message1-1").style.zIndex = "5"
				document.getElementById("Message1-2").style.zIndex = "5"
				
			}
			
			
			//ImageIntervalID = setInterval ( "outputImage()", 5000 );
		}
		else
		{
			clearInterval( ImageIntervalID );
			ImageIntervalID = 0;
		}
	}

	function outputImage ( )
	{
		var check = arrayCount%2
		if ( !(check) )
		{
			document.getElementById("Message1-1").innerHTML = "<img src='xtest_images/"+jsImageArray[arrayCount]+"' height='350'>"
			document.getElementById("Message1-2").innerHTML = jsCaptionArray[arrayCount];
			
			document.getElementById("Message2-1").style.zIndex = "1"
			document.getElementById("Message2-2").style.zIndex = "1"
			
			fadeOut(2,timeSpan) 
			fadeOut(3,timeSpan) 
			
			fadeIn(0,timeSpan) 
			fadeIn(1,timeSpan) 
			
			document.getElementById("Message1-1").style.zIndex = "5"
			document.getElementById("Message1-2").style.zIndex = "5"
			
			//setTimeout ( 'document.getElementById("Message1-1").innerHTML = ""', 500 );
			//setTimeout ( 'document.getElementById("Message1-2").innerHTML = ""', 500 );
		}
		else
		{
			document.getElementById("Message2-1").innerHTML = "<img src='xtest_images/"+jsImageArray[arrayCount]+"' height='350'>";
			document.getElementById("Message2-2").innerHTML = jsCaptionArray[arrayCount];
			document.getElementById("Message2-1").style.zIndex = "5"
			document.getElementById("Message2-2").style.zIndex = "5"
			
			fadeOut(0,timeSpan) 
			fadeOut(1,timeSpan) 
			
			fadeIn(2,timeSpan) 
			fadeIn(3,timeSpan) 
			document.getElementById("Message1-1").style.zIndex = "1"
			document.getElementById("Message1-2").style.zIndex = "1"
			
			//setTimeout ( 'document.getElementById("Message2-1").innerHTML = ""', 500 );
			//setTimeout ( 'document.getElementById("Message2-2").innerHTML = ""', 500 );
		}
		
		if ( arrayCount < (arrayCountMax-1) )
		{
			arrayCount++;
		}
		else
		{	
			arrayCount = 0;
		}
	}