// JavaScript Document
var fade_div = 'fade';
var fade_sz = Array(700, 180);
var fade_imagenes = Array('ima/barra/1.jpg', 'ima/barra/2.jpg', 'ima/barra/3.jpg', 'ima/barra/4.jpg', 'ima/barra/5.jpg', 'ima/barra/5.jpg');
var fade_step = 5;
var aparecer = 0;
//window.onload = function() {fade_iniciar()}
//addEvent(window, 'load', new Function('fade_iniciar()'));	//maldito IE
//alert('azz');
//addEvent(window, 'load', fade_iniciar, false );	//maldito IE
function fade_iniciar()
{
	//elimina un efecto de golpe al cargar el javascript
	document.getElementById(fade_div).style.backgroundImage = "url("+fade_imagenes[0]+")";

	document.getElementById(fade_div).innerHTML = '<div id="fade2"></div>';
	
	document.getElementById('fade2').style.backgroundImage = "url("+fade_imagenes[0]+")";
	document.getElementById('fade2').style.width = fade_sz[0]+'px';
	document.getElementById('fade2').style.height = fade_sz[1]+'px';
	
	window.setTimeout('fade_siguiente(1);', 3000);
}
function fade_siguiente(actual)
{
	
	//precargo imagen
	precarga = new Image();
	precarga.src = fade_imagenes[actual];
	if (!precarga.complete)
	{
		window.setTimeout("fade_siguiente('"+actual+"')", 300);
	} else {
		if (aparecer == 1) window.setTimeout('fade("fade2", '+fade_step+');', 1);
		else window.setTimeout('fade("fade2", '+(100-fade_step)+');', 1);
		
		if (aparecer == 1) document.getElementById('fade2').style.backgroundImage = "url("+fade_imagenes[actual]+")";
		else document.getElementById(fade_div).style.backgroundImage = "url("+fade_imagenes[actual]+")";
		 
		actual++;
		if (actual >= fade_imagenes.length) actual = 0;
		window.setTimeout('fade_siguiente('+actual+');', 4000);
	}
}
function fade(elementId,opacity)
{
	obj = document.getElementById(elementId);
	if (opacity<0 || opacity>100)
	{
		aparecer = (aparecer==1)?0:1;
	}
	else if (aparecer == 1)
	{
		setOpacity(obj, opacity);
		opacity += fade_step;
		window.setTimeout("fade('"+elementId+"',"+opacity+")", 70);
	}
	else if (aparecer == 0)
	{
		setOpacity(obj, opacity);
		opacity -= fade_step;
		window.setTimeout("fade('"+elementId+"',"+opacity+")", 70);
	}
}
function setOpacity(obj, opacity)
{
	opacity = (opacity == 100)?99.999:opacity;
	obj.style.filter = "alpha(opacity:"+opacity+")";	// IE/Win
	obj.style.KHTMLOpacity = opacity/100;				// Safari<1.2, Konqueror
	obj.style.MozOpacity = opacity/100;					// Older Mozilla and Firefox
	obj.style.opacity = opacity/100;					// Safari 1.2, newer Firefox and Mozilla, CSS3
}

fade_iniciar();