function cImg( numIMG )  {
	
	// canviem la imatge del contenidor
	document.images.idfoto.src = "./imatges/imatge" + numIMG + ".jpg";

}

function cImgE( numIMG )  {
	
	// canviem la imatge del contenidor
	// Imatges de l'entorn
	document.images.idfoto.src = "./imatges/entorn/imatge" + numIMG + ".jpg";

}

function imgRandE( ){

	// busquem un valor entre el 1 i el 12 i canviem la imatge que apareixerà
	// en el contenidor "idfoto"
	aleat = Math.random() * 11;
	aleat = Math.round(aleat);
	aleat = aleat + 1; // li sumem 1 per evitar que ens retorni 0
	
	return cImgE( aleat );

}


function imgRand( ){

	// busquem un valor entre el 1 i el 22 i canviem la imatge que apareixerà
	// en el contenidor "idfoto"
	aleat = Math.random() * 21;
	aleat = Math.round(aleat);
	aleat = aleat + 1; // li sumem 1 per evitar que ens retorni 0
	
	return cImg( aleat );

}

function getAbsoluteElementPosition(element) {
  
  if (typeof element == "string")
    element = document.getElementById(element)
    
  if (!element) return { top:0,left:0 };
  
  var y = 0;
  var x = 0;
  while (element.offsetParent) {
    x += element.offsetLeft;
    y += element.offsetTop;
    element = element.offsetParent;
  }
  
  return {top:y,left:x};
}

function showmenu() {
	
  // Obtenim posició de l'element del menu superior
  var elemento = document.getElementById('menu');
  var pos = getAbsoluteElementPosition(elemento);
  
  // Modifiquem els paràmetres de la capa
  document.getElementById('rmenu').style['left'] = (pos.left-137) + 'px';
  document.getElementById('rmenu').style['top'] = (pos.top-54) + 'px';
  document.getElementById('rmenu').style['width'] = '120px';
  document.getElementById('rmenu').style['height'] = '50px';
  
  document.getElementById('rmenu').innerHTML = '<div class="rollmenuop" id="op1"><a class="opmenu" style="width:100%;top:5px;" href="casserres.php">Casserres</a></div><div class="rollmenuop" id="op2" ><a class="opmenu" style="width:100%;top:5px;" href="comarca.php">Berguedà</a></div>';
  
}

function hidemenu(){
	
	// Fem desaparèixer la capa
	document.getElementById('rmenu').style['width'] = '0px';
  	document.getElementById('rmenu').style['height'] = '0px';
	document.getElementById('rmenu').style['left'] = '-1px';
  	document.getElementById('rmenu').style['top'] = '-1px';
	document.getElementById('rmenu').innerHTML = '';
	
}

function valida_menu( obj )
{
	if ( obj.nom.value == "" )
	{
		alert('ERROR: Introdueix un valor al nom per continuar.');
		return false;		
	}
	
	if ( obj.mail.value == "" && obj.tel.value == "" )
	{
		alert('ERROR: Introdueix un mail o telefon de contacte per continuar.');
		return false;
	}
	
	obj.submit();
	
}