function fadeIn(obj) {
	clearTimeout(timerLoop);

	if (imagen == obj) return;

	$('frase' + imagen).fade('out');

	$('iconA' + imagen).fade('in');
	$('iconB' + imagen).fade('out');

	$('img' + imagen).fade('out');

	imagen = obj;

	$('img' + obj).fade('in');

	$('iconA' + imagen).fade('out');
	$('iconB' + imagen).fade('in');

	$('frase' + imagen).fade('in');
};

function fadeOut(obj) {
	timerLoop = setTimeout(function() {cabeceraLoopImgs()},20000);
};

function cabeceraLoopImgs() {
	clearTimeout(timerLoop);

	$('img' + imagen).fade('out');

	$('iconA' + imagen).fade('in');
	$('iconB' + imagen).fade('out');

	$('frase' + imagen).fade('out');

	imagen = (imagen + 1 > 3) ? 1 : imagen + 1;

	$('frase' + imagen).fade('in');
	
	$('iconA' + imagen).fade('out');
	$('iconB' + imagen).fade('in');
	
	$('img' + imagen).fade('in');

	timerLoop = setTimeout(function() {cabeceraLoopImgs()},20000);
};

function imgCambiarIcono(nro) {
	document.getElementById('icon1').style.backgroundPosition = '-10px -84px';	
	document.getElementById('icon2').style.backgroundPosition = '-92px -84px';
	document.getElementById('icon3').style.backgroundPosition = '-175px -84px';

	var txt = document.getElementById('icon' + nro).style.backgroundPosition;
	txt = txt.substr(0,txt.indexOf(' '));

	document.getElementById('icon' + nro).style.backgroundPosition = txt + ' 0px';
};

