// JavaScript Document
//en milisegundos. 1 seg = 1000 mseg

var slideInterval = 1500;
var fadeInterval = 900;

function slide() {
	var $activo = $('div#slide img.activo');
	if ($activo.length == 0) $activo = $('div#slide img:last');
	var $siguiente = $activo.next().length ? $activo.next() : $('div#slide img:first');
	$activo.addClass('ultimo-activo');
	$siguiente
		.css('opacity', 0.0)
		.addClass('activo')
		.animate({opacity: 1.0}, fadeInterval, function() {
			$activo.removeClass('activo ultimo-activo');
		});
}

$(document).ready(function() { //cuando el DOM esté cargado
	$('div#slide img').attr({ title: '', alt: ''});
});

window.onload = function() { //cuando toda la página esté cargada
	setInterval("slide()", slideInterval);
}