/************************************************************
*
* CANVI AUTOMÀTIC DE BACKGROUND D'UN OBJECTE AMB ALPHA
*
* Ivan Vergés 2007 - www.microstudi.com
*
*************************************************************/

//OBJECTE DE REFERENCIA PER LA POSICIÓ
OB_POS = 'box_menu_fons';

//OBJECTE AL CUAL ES CANVIARA EL BACKGROUND (identificador de l'etiqueta id)
OB_BACK = 'box_menu_back1';

//IMATGES QUE S'ANIRAN CANVIANT
FILES_CHANGE = new Array();
FILES_CHANGE[0] = 'http://www.tv3.cat/porcamiseria/personatges/pere_gran_1.jpg';
FILES_CHANGE[1] = 'http://www.tv3.cat/porcamiseria/personatges/laia_gran_1.jpg';
FILES_CHANGE[2] = 'http://www.tv3.cat/porcamiseria/personatges/roger_gran_1.jpg';
FILES_CHANGE[3] = 'http://www.tv3.cat/porcamiseria/personatges/natalia_gran_1.jpg';
FILES_CHANGE[4] = 'http://www.tv3.cat/porcamiseria/personatges/alex_gran_1.jpg';

//TEMPS ENTRE CANVIS (segons)
TIME_CHANGE = 5;
//VELOCITAT DE TRANSICIÓ D'ALPHA (un numero entre 1 i 100)
ALPHA_VELOCITY = 100;
///////////////////////////////////////////////////////////////////////////////

CURRENT_INDEX = 0;

function change_background_to_file(num) {
    CURRENT_INDEX = num;
    if(CURRENT_INDEX >= FILES_CHANGE.length) CURRENT_INDEX = 0;

    var obc = document.getElementById(OB_BACK);
    obc.style.backgroundImage='url('+FILES_CHANGE[CURRENT_INDEX]+')';
}


function change_alpha_down(val) {
	var ob = document.getElementById(OB_BACK);
	ob.style.opacity = val/10;
	ob.style.filter = 'alpha(opacity=' + val*10 + ')';
	if(val>0) setTimeout('change_alpha_down('+(val-1)+')',ALPHA_VELOCITY);
	else {
		ob.style.opacity = 0;
		ob.style.filter = 'alpha(opacity=0)';
		change_background_to_file(CURRENT_INDEX+1);
		change_alpha_up(0);
	}
}

function change_alpha_up(val) {
	var ob = document.getElementById(OB_BACK);
	ob.style.opacity = val/10;
	ob.style.filter = 'alpha(opacity=' + val*10 + ')';
	if(val<10) setTimeout('change_alpha_up('+(val+1)+')',ALPHA_VELOCITY);
	else {
		ob.style.opacity = 1;
		ob.style.filter = 'alpha(opacity=100)';
	}
}

function change_background() {
	change_alpha_down(10);
	//obc.style.backgroundImage='url('+FILES_CHANGE[CURRENT_INDEX]+')';

	setTimeout('change_background()',TIME_CHANGE*1000);
}

function autochange_background() {
    var obc = document.getElementById(OB_BACK);
    var ob = document.getElementById(OB_POS);
    if(obc) {
	if(ob.offsetTop==259){
		obc.style.top = 155 + 'px';
	}else{
		obc.style.top = (ob.offsetTop ) + 'px';	
	}
	obc.style.visibility = 'visible';
	setTimeout('change_background()',(TIME_CHANGE-1)*1000);
    }
    else alert("L'objecte "+ OB_BACK + " NO EXISTEIX!");
}

//Execució de la funcio
onload = autochange_background;