//HOMEPAGE

var current_display_element;
var current_display_number = 1;
var new_display_element;
var next_display_number = 0;
var display_timer = 0;
var cycle_timer = 0;
var display_time = 10000;			// Change this number to alter the length of time each display appears for
var cycle_restart_timer = 0;

function start_index_cycle()
{
	current_display_element = document.getElementById( 'homepage_banner_' + current_display_number );

	if ( display_timer != 0 )
	{
		window.clearInterval( display_timer );
		display_timer = 0;
	}
	
	display_timer = window.setInterval( 'cycle_display()', display_time );
}

function cycle_display()
{
	new_display_number = current_display_number + 1;

	// Change this if increased number of displays to cycle
	if ( new_display_number > 8 )
	{
		new_display_number = 1;
	}

	goto_index_display( new_display_number );
}

function on_click_display_selector( display_number )
{
	// Kill the display timer, so that it sticks on this page.
	window.clearInterval( display_timer );
	display_timer = 0;

	// Set a timer to restart the cycle after 30 seconds
	if ( cycle_restart_timer != 0 )
	{
		window.clearTimeout( cycle_restart_timer );
	}

	cycle_restart_timer = window.setTimeout( 'start_index_cycle()', 10000 );

	goto_index_display( display_number );
}

function goto_index_display( display_number )
{
	if ( cycle_timer != 0 )
	{
		next_display_number = display_number;
	}
	else
	{
		cycle_step = 0;

		new_display_element = document.getElementById( 'homepage_banner_' + display_number );
		current_display_number = display_number;

		current_display_element.style.zIndex = 0;
		new_display_element.style.zIndex = 1;

		// Increase or decrease this number to change fade speed.
		cycle_timer = window.setInterval( 'on_cycle_timer()', 20 );
	}
}

function on_cycle_timer()
{
	// Increase or decrease this number to change fade speed.
	// Make sure it divides into 100
	cycle_step += 2;

	set_opacity( new_display_element, cycle_step );

	if ( cycle_step >= 100 )
	{
		window.clearInterval( cycle_timer );
		cycle_timer = 0;

		set_opacity( current_display_element, 0 );

		current_display_element = new_display_element;

		if ( next_display_number != 0 )
		{
			goto_index_display( next_display_number );

			next_display_number = 0;
		}
	}
}

function set_opacity( opacity_object, opacity_percent )
{
	opacity_object.style.opacity = opacity_percent / 100;
	
	if ( opacity_percent == 100 )
	{
		opacity_object.style.filter = '';
	}
	else
	{
		opacity_object.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(Opacity=' + String( opacity_percent ) + ')';
	}

	if ( opacity_percent == 0 )
	{
		opacity_object.style.visibility = 'hidden';
	}
	else
	{
		opacity_object.style.visibility = 'visible';
	}
}

//BEWARE OF FAKES

var current_display_element2;
var current_display_number2 = 1;
var new_display_element2;
var next_display_number2 = 0;
var display_timer2 = 0;
var cycle_timer2 = 0;
var display_time2 = 6000;			// Change this number to alter the length of time each display appears for
var cycle_restart_timer2 = 0;

function start_cycle()
{
	current_display_element2 = document.getElementById( 'image_' + current_display_number2 );

	if ( display_timer2 != 0 )
	{
		window.clearInterval( display_timer2 );
		display_timer2 = 0;
	}
	
	display_timer2 = window.setInterval( 'cycle_display2()', display_time2 );
}

function cycle_display2()
{
	new_display_number2 = current_display_number2 + 1;

	// Change this if increased number of displays to cycle
	if ( new_display_number2 > 5 )
	{
		new_display_number2 = 1;
	}

	goto_index_display2( new_display_number2 );
}

function on_click_display_selector2( display_number2 )
{
	// Kill the display timer, so that it sticks on this page.
	window.clearInterval( display_timer2 );
	display_timer2 = 0;

	// Set a timer to restart the cycle after 30 seconds
	if ( cycle_restart_timer2 != 0 )
	{
		window.clearTimeout( cycle_restart_timer2 );
	}

	cycle_restart_timer2 = window.setTimeout( 'start_cycle()', 10000 );

	goto_index_display2( display_number2 );
}

function goto_index_display2( display_number2 )
{
	if ( cycle_timer2 != 0 )
	{
		next_display_number2 = display_number2;
	}
	else
	{
		cycle_step2 = 0;

		new_display_element2 = document.getElementById( 'image_' + display_number2 );
		current_display_number2 = display_number2;

		current_display_element2.style.zIndex = 0;
		new_display_element2.style.zIndex = 1;

		// Increase or decrease this number to change fade speed.
		cycle_timer2 = window.setInterval( 'on_cycle_timer2()', 20 );
	}
}

function on_cycle_timer2()
{
	// Increase or decrease this number to change fade speed.
	// Make sure it divides into 100
	cycle_step2 += 2;

	set_opacity2( new_display_element2, cycle_step2 );

	if ( cycle_step2 >= 100 )
	{
		window.clearInterval( cycle_timer2 );
		cycle_timer2 = 0;

		set_opacity2( current_display_element2, 0 );

		current_display_element2 = new_display_element2;

		if ( next_display_number2 != 0 )
		{
			goto_index_display2( next_display_number2 );

			next_display_number2 = 0;
		}
	}
}

function set_opacity2( opacity_object2, opacity_percent2 )
{
	opacity_object2.style.opacity = opacity_percent2 / 100;
	
	if ( opacity_percent2 == 100 )
	{
		opacity_object2.style.filter = '';
	}
	else
	{
		opacity_object2.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(Opacity=' + String( opacity_percent2 ) + ')';
	}

	if ( opacity_percent2 == 0 )
	{
		opacity_object2.style.visibility = 'hidden';
	}
	else
	{
		opacity_object2.style.visibility = 'visible';
	}
}