//<![CDATA[
imRuta=new Array();
imRuta[0]="botons/portadanens.png";
imRuta[1]="botons/portadanens3.png";
imRuta[2]="botons/portadam.png";
imRuta[3]="botons/portadam2.png";
imRuta[4]="botons/portadai.png";
imRuta[5]="botons/portadai2.png";
imRuta[6]="botons/portadaj.png";
imRuta[7]="botons/portadaj2.png";
imRuta[8]="botons/portadaa.png";
imRuta[9]="botons/portadaa2.png";
imRuta[10]="botons/portadac.png";
imRuta[11]="botons/portadac2.png";
imRuta[12]="botons/portadallefia.png";
imRuta[13]="botons/portadallefia2.png";
imRuta[14]="botons/tornar.png";
imRuta[15]="botons/tornar2.png";
function cambioImagen(imgNombre,num){
document.images[imgNombre].src=imRuta[num];

/*El código que viene a continuación es para que aparezca el tooltip que explica el enlace
(el cual no deja de ser otra imagen que aparece sobre el rollover). No me gusta que sea una
imagen porque no da flexibilidad, pero para salir del paso...p.439 hay un ejemplo bueno pero dificil*/
switch(num)
	{
	case 0: document.images.explnens.style.display="none";
              document.getElementById('def').style.display="block";break;
	case 1: document.images.explnens.style.display="block";
              document.getElementById('def').style.display="none";break;
	case 2: document.images.explm.style.display="none";
              document.getElementById('def').style.display="block";break;
      case 3: document.images.explm.style.display="block";
              document.getElementById('def').style.display="none";break;
	case 4: document.images.expli.style.display="none";
              document.getElementById('def').style.display="block";break;
      case 5: document.images.expli.style.display="block";
              document.getElementById('def').style.display="none";break;
	case 6: document.images.explj.style.display="none";
              document.getElementById('def').style.display="block";break;
      case 7: document.images.explj.style.display="block";
              document.getElementById('def').style.display="none";break;
	case 8: document.images.expla.style.display="none";
              document.getElementById('def').style.display="block";break;
      case 9: document.images.expla.style.display="block";
              document.getElementById('def').style.display="none";break;
	case 10:document.images.explc.style.display="none";
	        document.getElementById('def').style.display="block";break;
      case 11:document.images.explc.style.display="block";
              document.getElementById('def').style.display="none";break;
	case 12:document.images.explllefia.style.display="none";
              document.getElementById('def').style.display="block";break;
      case 13:document.images.explllefia.style.display="block";
              document.getElementById('def').style.display="none";break;
	}
}
//]]>