// <script language="javascript">

var NaviArrayObjects 	= new Array;
var NaviArrayFadeState 	= new Array;
var NaviArraySize 		= 0;
var NaviFadeStateEnd 	= 15;
var NaviFadeStates		= new Array;
var NaviAllReady		= false;

function fade_state()
{
	var state;
	var color_s;

	this.state = 0;
	this.color_s = 0;
}


function NaviMouseOver( who )
{
	if( NaviAllReady )
	{
		NaviRemoveFromFade( who );
		who.style.cursor = 'pointer';
		who.style.background = '#243946';
	}
}

function NaviMouseOut( who, color_s )
{
	if( NaviAllReady )
	{
		if ( !color_s ) color_s = 0;
		NaviAddFade( who, color_s );
		// who.style.background='#f0f0f0';
	}
}

function NaviRemoveFromFade( who )
{
	for ( i = 0; i <= NaviArraySize; i++ )
	{
		if ( NaviArrayObjects[ i ] == who ) 
		{
			NaviArrayObjects[ i ]		= NaviArrayObjects[ NaviArraySize ];
			NaviArrayFadeState[ i ]	= NaviArrayFadeState[ NaviArraySize ];
			NaviArraySize--;
		}
	}
}

function NaviAddFade( who, color_s )
{
	NaviArraySize++;
	NaviArrayObjects[	 NaviArraySize ] = who;
	NaviArrayFadeState[ NaviArraySize ] = new fade_state();
	NaviArrayFadeState[ NaviArraySize ].color_s = color_s;
	if ( NaviArraySize == 1 ) NaviUpdateFade();
}

function NaviUpdateFade()
{
	for ( i = 1; i <= NaviArraySize; i++ )
	{
		// alert( NaviArrayObjects[ i ] );
		NaviArrayFadeState[ i ].state++;
		NaviArrayObjects[ i ].style.background = NaviConvertToBackground( NaviArrayFadeState[ i ].state,	NaviArrayFadeState[ i ].color_s	);

		if ( NaviArrayFadeState[ i ].state == NaviFadeStateEnd ) 
		{
			NaviRemoveFromFade( NaviArrayObjects[ i ] );
			i--;
		}
	}
	
	if ( NaviArraySize > 0 ) setTimeout( 'NaviUpdateFade()', 50 );
}

function NaviConvertToBackground( state, color_s )
{
	return NaviFadeStates[ color_s ][ state ];
}

function NaviInitFadeStates( begin_color, end_color, number_of_states, color_s )
{
	
	if ( number_of_states )	NaviFadeStateEnd = number_of_states;
	
	NaviFadeStates[ color_s ] = new Array;
	r_now = HexToR( begin_color );
	g_now = HexToG( begin_color );
	b_now = HexToB( begin_color );
	
	r_trg = HexToR( end_color );
	g_trg = HexToG( end_color );
	b_trg = HexToB( end_color );
	
	r_add = ( r_trg - r_now ) / NaviFadeStateEnd;
	g_add = ( g_trg - g_now ) / NaviFadeStateEnd;
	b_add = ( b_trg - b_now ) / NaviFadeStateEnd;
	
	for( i = 0; i <= NaviFadeStateEnd; i++ )
	{
		NaviFadeStates[ color_s ][ i ] = RGBToHex( Math.round( r_now ), Math.round( g_now ), Math.round( b_now ) );
	r_now += r_add;
	g_now += g_add;
	b_now += b_add;
	}
	
	NaviAllReady = true;
}



// This works only with numbers between 0 and 255, so its 
// perfect for color convertions, but not much good for 
// anything else
function NumToHex( num )
{

	if ( num > 255 ) num = 255;
	first = 0;
	while ( num >= 16 )
	{
		first++;
	num -= 16;
	}
	
	hex_value = '';	
	
	hex_alphabets = new Array;
	hex_alphabets[ 10 ] = 'a';
	hex_alphabets[ 11 ] = 'b';
	hex_alphabets[ 12 ] = 'c';
	hex_alphabets[ 13 ] = 'd';
	hex_alphabets[ 14 ] = 'e';
	hex_alphabets[ 15 ] = 'f';
	
	if ( first < 10 ) hex_value = first + ''; 
	else hex_value = hex_alphabets[ first ];

	if ( num < 10 ) hex_value += num + '';
	else hex_value += hex_alphabets[ num ];
	
	return hex_value;
} 

function RGBToHex( r, g, b )
{
	return '#'+ NumToHex( r ) + NumToHex( g ) + NumToHex( b );
}


function HexToNumEasy( hex_value )
{
	return parseInt( hex_value, 16)
}

function HexToR( hex_value )
{
	if ( hex_value.charAt( 0 ) == '#' ) hex_value = hex_value.substring(1,7);
	return HexToNumEasy( hex_value.substring( 0, 2 ) );
}

function HexToG( hex_value )
{
	if ( hex_value.charAt( 0 ) == '#' ) hex_value = hex_value.substring(1,7);
	return HexToNumEasy( hex_value.substring( 2, 4 ) );
}

function HexToB( hex_value )
{
	if ( hex_value.charAt( 0 ) == '#' ) hex_value = hex_value.substring(1,7);
	return HexToNumEasy( hex_value.substring( 4, 6 ) );
}

/*
</script>
*/