function foto(f)
  { document.foto.src="galeria/"+f+".jpg"; }

function aleatoria()
  {
  var dir="galeria/"; f=new Array(10);
  f[00]="amposta01.jpg";
  f[01]="tortosa00.jpg";
  f[02]="deltebre01.jpg";
  f[03]="tortosa01.jpg";
  f[04]="deltebre00.jpg";
  f[05]="vinaros01.jpg";
  f[06]="alcanar00.jpg";
  f[07]="alcanar01.jpg";
  f[08]="tortosa02.jpg";
  f[09]="larapita00.jpg";
  index=(Math.floor(Math.random()*f.length));
  document.write("<div id='mostrarimatge' style='background-image:url("+dir+f[index]+"); background-repeat: no-repeat;'>");
  }

function mostrar(nomcapa)
  { 
  document.getElementById(nomcapa).style.visibility="visible"; 
  } 
function amagar()
  { 
  document.getElementById('ampolla').style.visibility="hidden"; 
  document.getElementById('tortosa').style.visibility="hidden"; 
  document.getElementById('deltebre').style.visibility="hidden"; 
  document.getElementById('amposta').style.visibility="hidden"; 
  document.getElementById('rapita').style.visibility="hidden"; 
  document.getElementById('alcanar').style.visibility="hidden"; 
  document.getElementById('vinaros').style.visibility="hidden"; 
  document.getElementById('benicarlo').style.visibility="hidden"; 
  } 

// ----------------------------------------------------------------------
// Hide/Show menu items
// ----------------------------------------------------------------------

// Set variables
var menuActive		= false;	// Set menu off by default

// Hide a layer
function hideLayer(objId) {
	document.getElementById(objId).style.display = 'none';
}

// Show a layer
function showLayer(objId) {
	document.getElementById(objId).style.display = '';
}


// ----------------------------------------------------------------------
// Thanks to Clagnut for fixing my original code
// and making it more accessible across browsers
//
// http://clagnut.com/sandbox/imagefades/
// ----------------------------------------------------------------------

// Initialize fades
function init() {
	//loaderId = 'carregarimatge';
	photoId = 'mostrarimatge';
	//loader = document.getElementById(loaderId);
	photo = document.getElementById(photoId);
	//setOpacity(loader, 100);
	setOpacity(photo, 0);
	photo.style.visibility = 'visible';
	fadeIn(photoId,0);
}

// Fade out
function fadeOut(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity >= 0) {
		  setOpacity(obj, opacity);
		  opacity -= 15;
		  window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 100);
		} else {
			hideLayer(objId);
		}
	}
}

// Fade in
function fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
		  setOpacity(obj, opacity);
		  opacity += 10;
		  window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
		}
	}
}

// Set appropriate opacity depending on browser
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;
}