$( function(){
    var arrImagenes = [ 'fonscap.jpg', 'fonscap2.jpg', 'fonscap3.jpg', 'fonscap4.jpg', 'fonscap5.jpg', 'fonscap6.jpg', 'fonscap.jpg' ];
	var randImage1 = arrImagenes[Math.ceil(Math.random()*(arrImagenes.length-1))];
    var imagenActual = randImage1;
	var tiempo = 6000;
	var id_contenedor = 'cap'
	cambiarImagenFondo(imagenActual, id_contenedor);
    setInterval( function(){
        do{
            var randImage = arrImagenes[Math.ceil(Math.random()*(arrImagenes.length-1))];
        }while( randImage == imagenActual )
        imagenActual = randImage;
        cambiarImagenFondo(imagenActual, id_contenedor);
    }, tiempo)
})

function cambiarImagenFondo(nuevaImagen, contenedor){
	var contenedor = $('#' + contenedor);
	//cargar imagen primero
	var tempImagen = new Image();
	$(tempImagen).load( function(){
		contenedor.css('backgroundImage', 'url('+tempImagen.src+')');
	});
	tempImagen.src = 'imatges/' + nuevaImagen;
}