<!-- 
    
    if(document.images){
    //precargar las imagenes
    
    var botonOn  = new Array(26);
    var botonOff = new Array(26);

    for(i=0; i < 7; i++){    
     botonOn[i] = new Image();
     botonOn[i].src = "../imagenes/boton" + (i+1).toString() + "on.jpg";  
 
     botonOff[i] = new Image();
     botonOff[i].src = "../imagenes/boton" + (i+1).toString() + "off.jpg";
    }
 
   //Para los nuevos botones del menu izquierdo
    for(i=7; i < 11; i++){    
     botonOn[i] = new Image();
     botonOn[i].src = "./boton" + (i+1).toString() + "on.jpg";  
 
     botonOff[i] = new Image();
     botonOff[i].src = "./boton" + (i+1).toString() + "off.jpg";
    }

    //Para los libros
     for(i=11; i < 19; i++){    
      botonOn[i] = new Image();
      botonOn[i].src = "./libros/boton" + (i+1).toString() + "on.jpg";
      
      botonOff[i] = new Image();
      botonOff[i].src = "./libros/boton" + (i+1).toString() + "off.jpg";	    	 	
     }

    //Para los cuadernos	
     for(i=19; i < 26; i++){    
      botonOn[i] = new Image();
      botonOn[i].src = "./cuadernos/boton" + (i+1).toString() + "on.jpg";
      
      botonOff[i] = new Image();
      botonOff[i].src = "./cuadernos/boton" + (i+1).toString() + "off.jpg";	    	 	
     }
	
  }

   //imgName puede ser el numero y lo toma para acceder al arreglo
    function mouseOn(imaoff, imaon){
        if(document.images){
	   document.images[imaoff].src = botonOn[imaon].src; 
	 //document.write(document.images[imaoff].src); 
    }
 }
    
    function mouseOff(imaoff, imaon){
       if(document.images)
           document.images[imaoff].src = botonOff[imaon].src;  
    }

	
function despliegaMenu(ruta){


document.write("<table border=\"0\" width=\"800\" heigth=\"32px\" cellspacing=\"0\" cellpadding=\"0\">");
document.write("<tr>"); 

document.write("<td width=\"90px\" height=\"32px\">");
document.write("<a href=\"../\" onmouseover=\"mouseOn('boton1off','0')\" onmouseout=\"mouseOff('boton1off','0')\"><img src=\"" + ruta + "boton1off.jpg\" name=\"boton1off\"  border=\"0\" alt=\"\" width=\"90\" height=\"32\"></a></td>");	

document.write ("<td width=\"115px\" height=\"32px\">"); 
document.write ("<a href=\"../integrantes/\" onmouseover=\"mouseOn('boton2off','1')\" onmouseout=\"mouseOff('boton2off','1')\"><img src=\"" + ruta + "boton2off.jpg\" name=\"boton2off\" border=\"0\" alt=\"\" width=\"115\" height=\"32\"></a></td>");

document.write ("<td width=\"124px\" height=\"32px\">");
document.write ("<a href=\"./\" onmouseover=\"mouseOn('boton3off','2')\" onmouseout=\"mouseOff('boton3off','2')\"><img src=\"" + ruta + "boton3off.jpg\" name=\"boton3off\"  border=\"0\" alt=\"\" width=\"124\" height=\"32\"></a></td>");

document.write ("<td width=\"87px\" height=\"32px\">");
document.write ("<a href=\"../docencia.html\" onmouseover=\"mouseOn('boton4off','3')\" onmouseout=\"mouseOff('boton4off','3')\"><img src=\"" + ruta + "boton4off.jpg\" name=\"boton4off\"  border=\"0\" alt=\"\" width=\"87\" height=\"32\"></a></td>");

document.write ("<td width=\"114px\" height=\"32px\">");
document.write ("<a href=\"../publicaciones/\" onmouseover=\"mouseOn('boton5off','4')\" onmouseout=\"mouseOff('boton5off','4')\"><img src=\"" + ruta + "boton5off.jpg\" name=\"boton5off\" border=\"0\" alt=\"\" width=\"114\" height=\"32\"></a></td>");

document.write ("<td width=\"138px\" height=\"32px\">");
document.write ("<a href=\"../archivo/\" onmouseover=\"mouseOn('boton6off','5')\" onmouseout=\"mouseOff('boton6off','5')\"><img src=\"" + ruta + "boton6off.jpg\" name=\"boton6off\" border=\"0\" alt=\"\" width=\"138\" height=\"32\"></a></td>");	 

document.write ("<td width=\"132px\" height=\"32px\">");
document.write ("<a href=\"../contacto\" onmouseover=\"mouseOn('boton7off','6')\" onmouseout=\"mouseOff('boton7off','6')\"><img src=\"" + ruta + "boton7off.jpg\" name=\"boton7off\" border=\"0\" alt=\"\" width=\"132\" height=\"32\"></a></td>");	 

document.write ("</tr>");
document.write ("</table>");

}	

function despliegaMenuProyectos(foto, descripcion){

document.write(" <table border='0' width='188' cellspacing='0' cellpadding='0'>");
document.write(" <tr><td><img src='" + foto + "' alt='" + descripcion + "' width='188' height='188'></td></tr>");
document.write(" <tr><td><img src='../imagenes/spacer.jpg' alt='' width='188' height='1'></td></tr>");
document.write(" <tr><td><img src='./lineaazul.jpg' alt='' width='188' height='10'></td></tr>");

document.write(" <tr><td width='188' height='35px'><a href='./index.php' onmouseover=\"mouseOn('boton8off','7')\" onmouseout=\"mouseOff('boton8off','7')\"><img src=\"boton8off.jpg\" name=\"boton8off\" border=\"0\" alt=\"\" width=\"188\" height=\"35\"></a></td></tr>");	 

document.write(" <tr><td><img src='./lineaazul.jpg' alt='' width='188' height='1'></td></tr>");

document.write(" </table>");

}


-->

