var arrayimgs = new Array(2);				
			arrayimgs[0]='img/b1.jpg';
			arrayimgs[1]='img/b2.jpg';
			arrayimgs[2]='img/b4.jpg';
			arrayimgs[3]='img/b5.jpg';
			arrayimgs[4]='img/b6.jpg';
			arrayimgs[5]='img/b7.jpg';
			arrayimgs[6]='img/b8.jpg';
			arrayimgs[7]='img/b9.jpg';
			/*aqui venen els parmetres per customitzar la rotacio*/
			
			var gblPhotoShufflerdivId = "presentacioUab2";
			var gblPhotoShufflerimgId = "imgPortada"; 
			var gblPauseSeconds = 8;
			var gblFadeSeconds = .85;
			var gblRotations = 1000;
			var gblUpperdiv = "presentacioUab";
		
			// End Customization section
			
			var gblDeckSize = arrayimgs.length;
			var gblOpacity = 100;
			var gblOnDeck = 0;
			var gblStartimg;
			var gblImageRotations = gblDeckSize * (gblRotations+1);
				window.onload = photoShufflerLaunch;	
	function photoShufflerLaunch()
			{
				var theimg = document.getElementById(gblPhotoShufflerimgId);
				gblStartimg = theimg.src; // save away to show as final image		
		
				document.getElementById(gblPhotoShufflerdivId).style.backgroundImage='url(' + arrayimgs[gblOnDeck] + ')';
				setTimeout("photoShufflerFade()",gblPauseSeconds*1000);
			}
		
			function photoShufflerFade()
			{
				var theimg = document.getElementById(gblPhotoShufflerimgId);
				// determine delta based on number of fade seconds
				// the slower the fade the more increments needed
					var fadeDelta = 100 / (30 * gblFadeSeconds);
		
				// fade top out to reveal bottom image
				if (gblOpacity < 2*fadeDelta ) 
				{
				  gblOpacity = 100;
				  // stop the rotation if we're done
				  if (gblImageRotations < 1) return;
				  photoShufflerShuffle();
				  // pause before next fade
					  setTimeout("photoShufflerFade()",gblPauseSeconds*1000);
				}
				else
				{
				  var theUpperdiv = document.getElementById(gblUpperdiv);
				  gblOpacity -= fadeDelta;
				  setOpacity(theimg,gblOpacity);
				  setOpacity(theUpperdiv,100);
				  setTimeout("photoShufflerFade()",30);  // 1/30th of a second
				}
			}
		
			function photoShufflerShuffle()
			{
				var thediv = document.getElementById(gblPhotoShufflerdivId);
				var theimg = document.getElementById(gblPhotoShufflerimgId);
				var theUpperdiv = document.getElementById(gblUpperdiv);
				
				// copy div background-image to img.src
				theimg.src = arrayimgs[gblOnDeck];
				// set img opacity to 100
				setOpacity(theimg,100);
				setOpacity(theUpperdiv,100);
				
					// shuffle the deck
				gblOnDeck = ++gblOnDeck % gblDeckSize;
				// decrement rotation counter
				if (--gblImageRotations < 1)
				{
				  // insert start/final image if we're done
				  arrayimgs[gblOnDeck] = gblStartimg;
				}
		
				// slide next image underneath
				thediv.style.backgroundImage='url(' + arrayimgs[gblOnDeck] + ')';
			}
		
			function setOpacity(obj, opacity) 
			{
				opacity = (opacity == 100)?99.999:opacity;
		
				// IE/Win
				obj.style.filter = "alpha(opacity:"+opacity+")";
		
				// Safari<1.2, Konqueror
				obj.style.KHTMLOpacity = opacity/100;
		
				// Older Mozilla and Firefox
				obj.style.MozOpacity = opacity/100;
		
				// Safari 1.2, newer Firefox and Mozilla, CSS3
				obj.style.opacity = opacity/100;
			}