document.observe("dom:loaded", function() {
	//Detectar el slideshow
	generarSlideshow();
	
	//Arrancar la musica.
	play()
});

function play() {
	var canvas = document.createElement('canvas'), context;
	if (!canvas.getContext) {
		embed = document.createElement("embed");
		embed.setAttribute("src", "html/images/MEKANOIL_INSTRUMENTAL_001.wav");
		embed.setAttribute("hidden", true);
		embed.setAttribute("autostart", true);
		embed.setAttribute("loop", true);
	} else {
		embed = document.createElement("audio");
		embed.update('<audio id="musica" loop="loop" autoplay="autoplay"><source src="html/images/MEKANOIL_INSTRUMENTAL_001.wav" /><source src="html/images/MEKANOIL_INSTRUMENTAL_001.mp3" /></audio>');
	}
    document.body.appendChild(embed);
	
	if (canvas.getContext) {
		document.getElementById('musica').addEventListener('ended', function(){
		this.currentTime = 0;
		this.pause();
		document.getElementById('musica').play();
		}, false);
	}
}

function generarSlideshow() {
	var slideshow = $('portada.slideshow');
	if (slideshow) {
		//Activar el slideshow
        var imgs = $$('.slideshow div');
        if (imgs.length>1) {
			var imgs = $$('.slideshow div');
			for (var i = 0, len = imgs.length; i < len; ++i) {
				imgs[i].show();
			}
			
			setInterval(function(){
                var imgs = $$('.slideshow div');
				var visible = imgs.findAll(function(img){
                    return img.visible();
                });
                if (visible.length > 1) 
                    visible.last().fade({
                        duration: 2
                    });
                else 
                    imgs.last().appear({
                        duration: 2,
                        after: function(){
                            imgs.slice(0, imgs.length - 1).invoke('appear');
                        }
                    });
            }, 6000);
        }	
	}
}

function ajax_submit(boton, url) {
	var f = boton.form;

	var valor = boton.value;
	boton.disabled = true;
	boton.value = 'Espere por favor...';

	new Ajax.Request(url, {

		parameters: $(f.id).serialize(true),

		onSuccess: function(transport){
			var response = transport.responseText;
			if(response == '') {
				alert('El formulario se ha enviado correctamente');
				f.reset();
			} else {
				var response = transport.responseText.evalJSON();
				response.each(function (pair) {
					alert(pair.key + ' - ' + pair.value);
				});
			}
			boton.disabled = false;
			boton.value = valor;
		},

		onFailure: function(){
			alert('Ha habido un error al enviar el formulario, por favor inténtelo de nuevo');
			boton.disabled = false;
			boton.value = valor;
		}
	});

}