//=======================================================================================================
//-------------------------------------------------------------------------------------------------------
//	Custom Javascript functions
//-------------------------------------------------------------------------------------------------------
//=======================================================================================================
function navon( id )
{
	document.getElementById( id ).className = 'active';
}

function navoff( id )
{
	document.getElementById( id ).className = 'b1';
}

currentAnimationItem = 1;

function rotateHomeAnimation()
{
	lastItem = animationItems[ currentAnimationItem ];
	
	//	Get the next testimonial
	currentAnimationItem++;
		
	//	Reset if we've hit the end
	if( currentAnimationItem > animationCount )
	{
		currentAnimationItem = 1;
	}

	showItem = animationItems[ currentAnimationItem ];

	//	Has the box been rendered yet? Place the new testimonial
	if (document.getElementById( 'animation-image' ))
	{
		setTimeout( "changeOpacity( 'animation-image', 10 );", 40 );
		setTimeout( "changeOpacity( 'animation-image', 9 );",  80 );
		setTimeout( "changeOpacity( 'animation-image', 8 );",  120 );
		setTimeout( "changeOpacity( 'animation-image', 7 );",  160 );
		setTimeout( "changeOpacity( 'animation-image', 6 );",  200 );
		setTimeout( "changeOpacity( 'animation-image', 5 );",  240 );
		setTimeout( "changeOpacity( 'animation-image', 4 );",  280 );
		setTimeout( "changeOpacity( 'animation-image', 3 );",  320 );
		setTimeout( "changeOpacity( 'animation-image', 2 );",  360 );
		setTimeout( "changeOpacity( 'animation-image', 1);",   400 );
		setTimeout( "changeOpacity( 'animation-image', 0);",   440 );
		
		setTimeout( "document.getElementById( 'animation-image' ).innerHTML = '"+showItem+"';", 450 );
	
		setTimeout( "changeOpacity( 'animation-image', 1 );",  440 );
		setTimeout( "changeOpacity( 'animation-image', 2 );",  480 );
		setTimeout( "changeOpacity( 'animation-image', 3 );",  520 );
		setTimeout( "changeOpacity( 'animation-image', 4 );",  560 );
		setTimeout( "changeOpacity( 'animation-image', 5 );",  600 );
		setTimeout( "changeOpacity( 'animation-image', 6 );",  640 );
		setTimeout( "changeOpacity( 'animation-image', 7 );",  680 );
		setTimeout( "changeOpacity( 'animation-image', 8 );",  720 );
		setTimeout( "changeOpacity( 'animation-image', 9 );",  760 );
		setTimeout( "changeOpacity( 'animation-image', 10);",  800 );
	}

	//	Set the slide to change
	setTimeout( "rotateHomeAnimation()", animationTiming * 1000 );
}

function changeOpacity( id, opacity )
{
	document.getElementById( id ).style.opacity = opacity/10;
	document.getElementById( id ).style.filter = 'alpha(opacity=' +  (opacity*10) + ')';	
}