var PeriodoTransparencia=650;
var totalTransiciones=20;
var colorOrigen="0xffffff";
var colorDestino="0xffff99";
var temporalComponentesColor=null;
var pasoComponentesColor=null;
var pasoPeriodo=null;
function Transparencia( idObjetivo ){
temporalComponentesColor = new Array( 3 );
temporalComponentesColor[ 0 ] = parseInt( "0x" + colorOrigen.substr(2,2) );
temporalComponentesColor[ 1 ] = parseInt( "0x" + colorOrigen.substr(4,2) );
temporalComponentesColor[ 2 ] = parseInt( "0x" + colorOrigen.substr(6,2) );
pasoComponentesColor = new Array( 3 );
pasoComponentesColor[ 0 ] = parseInt( ( parseInt( "0x" + colorDestino.substr(2,2) ) - temporalComponentesColor[ 0 ] )/totalTransiciones );
pasoComponentesColor[ 1 ] = parseInt( ( parseInt( "0x" + colorDestino.substr(4,2) ) - temporalComponentesColor[ 1 ] )/totalTransiciones );
pasoComponentesColor[ 2 ] = parseInt( ( parseInt( "0x" + colorDestino.substr(6,2) ) - temporalComponentesColor[ 2 ] )/totalTransiciones );
pasoPeriodo = 	PeriodoTransparencia/totalTransiciones;
Transparencia_( 0, idObjetivo );
}
function Transparencia_( transicionActual, idObjetivo ){
if( transicionActual <= totalTransiciones ){
document.getElementById( idObjetivo ).style.backgroundColor = "#" + generar_ColorTransicion( );
transicionActual++;
setTimeout( "Transparencia_(" + transicionActual + ",'" + idObjetivo + "')", pasoPeriodo );
}
}
function generar_ColorTransicion( ){
temporalComponentesColor[ 0 ] += pasoComponentesColor[ 0 ];
temporalComponentesColor[ 1 ] += pasoComponentesColor[ 1 ];
temporalComponentesColor[ 2 ] += pasoComponentesColor[ 2 ];
return( decimal_aHexadecimal( temporalComponentesColor[ 0 ] ) + decimal_aHexadecimal( temporalComponentesColor[ 1 ] ) + decimal_aHexadecimal( temporalComponentesColor[ 2 ] ) );
}
function decimal_aHexadecimal( entero ) {
var hD = "0123456789ABCDEF";
var hexadecimal = hD.substr( entero&15,1 );
while( entero > 15 ){
entero >>= 4;
hexadecimal = hD.substr( entero&15, 1 ) + hexadecimal;
}
return hexadecimal;
}