// JavaScript Document
g_fade_div_counter	= 0;			// the index of the div that is currently selected
g_fade_div_level	= 0;			// the percentage that the first image has been faded
g_fade_div_interval = 4000;			// the time for which an image is displayed before the next fade begins
g_fade_div_speed	= 15;			// the duration of the fade in milliseconds

g_fade_div_stopped	= false;		// indicates whether the user has stopped the fade			

g_fade_divs			= new Array();	// an array of divs to fade

function fade_div_onload()
{
	var temp = new Array();
	for( var i = 0; i < g_fade_divs.length; i++ )
	{
		if( document.getElementById( g_fade_divs[ i ] ) )
		{
			temp.push( g_fade_divs[ i ] );	
		}	
	}
	g_fade_divs = temp;
	
	// If there is more than 1 image start the transition process
	if( g_fade_divs.length > 1 )
	{		
		if( !( /msie|MSIE 6/.test(navigator.userAgent) ) )
		{
		//var browser = navigator.appName; 	
		//if( browser != "Microsoft Internet Explorer" ) 
		//{
			setTimeout( "fade_div()", g_fade_div_interval );
		//}
		}
	}
}

/*
function Fade_wait()
{
	if( g_fadeDivs[ g_fadeCounter ].complete )
	{
		setTimeout( "Fade()", g_fadeInterval );	
	}
	else
	{
		setTimeout( "Fade_wait()", 100 );
	}
}
*/

function fade_div()
{
	// Get the parent div that contains the images to fade
	//var parentDiv = document.getElementById( 'fade' );
	
	if( !g_fade_div_stopped )
	{
	
		if( g_fade_div_counter >= g_fade_divs.length ) g_fade_div_counter = 0;
		
		var next = g_fade_div_counter + 1;
		if( next >= g_fade_divs.length ) next = 0;
		
		var div1 = document.getElementById( g_fade_divs[ g_fade_div_counter ] );
		var div2 = document.getElementById( g_fade_divs[ next ] );
		
		//fade_div_hide( div1 );
		//fade_div_hide( div2 );
		
		div1.style.display = "block";
		div2.style.display = "block";
		
		// Check whether we have reached the end of the image array, if we have go back to the start
		/*if( g_fadeCounter > g_fadeDivs.length - 1 )
			g_fadeCounter = 0;
		var counter1 = g_fadeCounter;
		
		var counter2 = counter1 + 1;
		if( counter2 > g_fadeImages.length - 1 )
			counter2 = 0;
		
		//div1.src = g_fadeImages[ counter1 ].src;
		div2.src = g_fadeImages[ counter2 ].src;
		*/
		
		// Set the new opacity levels of the images
		var opacity1 = 100 - g_fade_div_level;
		if( opacity1 < 0 ) opacity1 = 0;
		
		var opacity2 = g_fade_div_level;
		if( opacity2 > 100 ) opacity2 = 100;
		
		// Perform the fade
		fade_div_set_opacity( div1, opacity1 );
		fade_div_set_opacity( div2, opacity2 );
		
		// Note: If neither of the above conditions are not met then the images won't fade
		
		if( g_fade_div_level >= 100 )
		{
			// The fade is complete
			g_fade_div_level = 0;
			document.getElementById( g_fade_divs[ g_fade_div_counter ] ).style.display = "none";
			g_fade_div_counter++;
			fade_div_disable_filter( div2 );
			fade_div_banner_item( div2.id + "_items" );
			setTimeout( "fade_div()", g_fade_div_interval );
		}
		else
		{
			// Go to the next level of the fade
			g_fade_div_level += 1;
			setTimeout( "fade_div()", g_fade_div_speed );
		}
	}
}

function fade_div_set_opacity( obj, value )
{
	var browser = navigator.appName; 
	
	var moz = value / 100;
	if( value == 1 ) value = 0.99999;
	
	if( browser == "Microsoft Internet Explorer" ) 
	{
		// Internet Explorer
		obj.style.filter = "alpha(opacity:"+value+")";
	}
	else if( obj.style.opacity != null ) 
	{
		obj.style.opacity = moz;
	}
	else
	{
		obj.style.MozOpacity = moz;
	}	
}

function fade_div_disable_filter( obj )
{
	obj.style.filter = null;	
}

function fade_div_hide( obj )
{
	var objs = obj.getElementsByTagName( "*" );
	for( var i = 0; i < objs.length; i++ )
	{
		if( objs[ i ].className == "fade_hide" )
			objs[ i ].style.display = "none";
	}
}

function fade_div_show( obj )
{
	var objs = obj.getElementsByTagName( "*" );
	for( var i = 0; i < objs.length; i++ )
	{
		if( objs[ i ].className == "fade_hide" )
			objs[ i ].style.display = "block";
	}
}

function fade_div_banner_item( id )
{
	var obj= document.getElementById( 'banner' );
	var objs = obj.getElementsByTagName( 'div' );
	for( var i = 0; i < objs.length; i++ )
	{
		obj = objs[ i ];
		if( obj.className == "banner_items" )	
		{
			if( obj.id == id )
			{
				obj.style.display = "block";	
			}
			else
			{
				obj.style.display = "none";	
			}
		}
	}
}

function fade_div_stop( id )
{
	g_fade_div_stopped = true;
	var obj= document.getElementById( 'banner' );
	var objs = obj.getElementsByTagName( 'div' );
	for( var i = 0; i < objs.length; i++ )
	{
		obj = objs[ i ];
		if( obj.className == "banner_fade" )	
		{
			if( obj.id == id )
			{
				fade_div_set_opacity( obj, 100 );
				fade_div_disable_filter( obj );
				obj.style.display = "block";	
			}
			else
			{
				obj.style.display = "none";	
			}
		}
	}
	fade_div_banner_item( id + "_items" );
}