window.onload=function() {
	url="xml/obteImg.php";
	var params="img=1";
	var ajax=new Ajax.Request( url, {
		method: 'post',
		postBody: params,
		onComplete: function(reply) {
			var arrImg=new Array();
			arrImg=reply.responseText.split(",");
				
			var dCont=$('banner');
			buida(dCont);
			for (var k=0; k<arrImg.length;k++) {
				var img=document.createElement('img');
				img.src="img/1/"+arrImg[k];
				img.style.display='none';
				img.id="banner"+k;
				dCont.appendChild(img);
			}
			
			posaEfecte(arrImg.length);
		}
	});
}

function posaEfecte(j) {
	//new Effect.Appear("banner0", { duration: 20.0 });
	
	for (var k=0; k<j;k++) {
		new Effect.Appear("banner"+k, { duration: 2.0, queue: { position: 'end', scope: 'banner' } });
			
		if (k==(j-1)) {
			new Effect.Fade("banner"+k, { duration: 2.0, queue: { position: 'end', scope: 'banner' }, afterFinish: function() { posaEfecte(j); } });
		} else {
			new Effect.Fade("banner"+k, { duration: 2.0, queue: { position: 'end', scope: 'banner' } });
		}
	}
}

function buida(el){// elimina tots els "child nodes" de l'element que li passam per parámetre
    if(el!=null){
        if(el.childNodes){
            for(var i=el.childNodes.length-1;i>=0;i--){
                var childNode=el.childNodes[i];
                el.removeChild(childNode);
            }
        }
    }
}
function iniciaGaleria() {
$('galAntes').style.display='block';
var sgExample = new SpaceGallery('galAntes', {
				ratio: 1,
				borderWidth: 1,
				borderColor: "#393939",
				thumbs: true,
				carousel: 'horizontal_carousel',
				onclick: "apaga"
			});

$('galDespues').style.display='block';
var sgExample2 = new SpaceGallery('galDespues', {
				ratio: 1,
				borderWidth: 1,
				borderColor: "#393939",
				thumbs: true,
				carousel: 'horizontal_carousel2',
				onclick: "apaga"
			});
}