/**************************************************************
 * DESCRIPCION  Funciones JavaScript de utilidades generales  *
 *              para el web de COPEMED                        *
 * AUTOR        Fco Javier Ramos Salas                        *
 **************************************************************/

// Detectamos la versión del navegador:
var browserVersion = parseInt(navigator.appVersion); 
var browserName = navigator.appName;

//---------------------------------------------------------------------
// FUNCION      WriteHeader
// DESCRIPCION  Escribe la cabecera HTML para las páginas
// PARAMETROS   seccion: titulo de la seccion
//              titulo: título de la página
//              linkBack: link del botón "Anterior"
//              idioma: "es", "en", "fr"
//---------------------------------------------------------------------
function WriteHeader(seccion,titulo,linkBack,idioma)
{
   langpath="/users/website/" + idioma;
   imgpath="/users/website/images/" + idioma;

   switch(idioma) {
      case "es":
	althome="Inicio";
	altback="Atrás";
	altmail="Email";
	altproject="Proyecto CGP/REM/057/SPA";
	break;
      case "en":
	althome="Home";
	altback="Back";
	altmail="Email";
	altproject="Project CGP/REM/057/SPA";
	break;
      case "fr":
	althome="Acceuil";
	altback="Précédente";
	altmail="Email";
	altproject="Projet CGP/REM/057/SPA";
	break;
   }

   with(document) {
	writeln("<table border='0' cellspacing='0' cellpadding='0' width='100%'><tr>");
	writeln("<td width='30%' valign='bottom'>");
	writeln("   <a href='" + langpath + "/index.htm'><img src='" + imgpath + "/home.gif' alt='" + althome +"' border='0' WIDTH='44' HEIGHT='37'></a>&nbsp;&nbsp;");
	writeln("   <a href='" + linkBack + "'><img src='" + imgpath + "/back.gif' alt='" + altback + "' border='0' WIDTH='44' HEIGHT='37'></a>&nbsp;&nbsp;");
	writeln("   <a href='mailto:copemed@ua.es'><img src='/users/website/images/en/email.gif' alt='" + altmail + "' border='0' WIDTH='44' HEIGHT='37'></a>");
	writeln("</td>");
	writeln("<td width='50%' align='center' valign='center'><font color='#FF0000' size='3' face='Verdana, Arial'>");
	writeln("  <strong>" + seccion + "</strong></font>");
	writeln("  <br><font color='#FF0000' size='2' face='Verdana, Arial'>");
	writeln("  <b><i>" + titulo + "</i></b></font>");
	writeln("</td>");
	writeln("<td width='20%' align='right' valign='bottom'>");
	writeln("  <img src='/users/website/images/logocop.gif' alt='" + altproject + "' border='0' width='113' height='79'>");
	writeln("</td></tr>");
	writeln("</table>");
	//writeln('<hr width='100%'>');
   }
}

//---------------------------------------------------------------------
// FUNCION      WriteHBar
// DESCRIPCION  Dibuja una barra horizontal
// PARAMETROS   color: color de la barra (formato #NNNNNN)
//---------------------------------------------------------------------
function WriteHBar(color)
{
   with(document) {
	writeln("<table width='100%' border='0' cellpadding='0' cellspacing='0'>");
	writeln("<tr><td bgcolor='#FF0000'><img src='/users/website/images/dot.gif'></td></tr></table>");
   }
}


//---------------------------------------------------------------------
// FUNCION      WriteGotoBar
// DESCRIPCION  Escribe una barra de links horizontal
// PARAMETROS   titulo: titulo de la barra
//              arrayTexto: array con el texto de los links
//              arrayLink: array con la HREF de los links
//              numOpciones: número de links
//---------------------------------------------------------------------
function WriteGoToBar(titulo,arrayTexto,arrayLink,numOpciones)
{
   with(document) {
	writeln("<table border='0' cellspacing='0' cellpadding='0' width='100%' bgcolor='#1060BE'>");
	writeln("<tr><td>");
	writeln("<font color='#FFFFFF' face='Arial' size='2'>");
	writeln("   <table border='0' cellspacing='2' width='100%'><tr>");
	writeln("      <td align='center' width='18%' bgcolor='#1060BE'>");
	writeln("	 <font color='#FFFFFF' face='Arial' size='2'>&nbsp;<b>" + titulo + "</b>&nbsp;</font></td>");

	for(i=0;i<numOpciones;i++) {
	    writeln("<td align='center' bgcolor='#649DDE'><font color='#FFFFFF' face='Arial' size='2'>&nbsp;</font>");
	    writeln("<a href='" + arrayLink[i] + "'><font color='#FFFFFF' face='Arial' size='2'><u>" + arrayTexto[i] + "</u></font></a>");
	    writeln("<font color='#FFFFFF' face='Arial' size='2'>&nbsp;</font>");
	    writeln("</td>");
	}

	writeln("</tr></table>");
	writeln("</td></tr></table>");
   }
}

//------------------------------------------------------------------------
// FUNCION      WriteLastUpdate
// DESCRIPCION  Escribe la fecha del documento, alineada a la izquierda
// PARAMETROS   idioma: "es", "en", "fr"
//------------------------------------------------------------------------
function WriteLastUpdate(idioma)
{
   date=new Date(document.lastModified);
   dia=date.getDate();
   mes=date.getMonth()+1;
   year=date.getYear();
   if (year<100) year+=2000;   			// efecto 2000 en Netscape
   if (year>=100 && year<=1900) year+=1900;     // efecto 2000 en Netscape

   switch(idioma) {
     case "es":
	texto="Actualizado el ";
	break;
     case "en":
	texto="Updated on ";
	break;
     case "fr":
	texto="Actualisé le ";
	break;
   }

   with(document) {
	writeln("<table border='0' cellpadding='0' cellspacing='0' width='100%'>");
	writeln("  <tr><td align='right' valign='bottom'>");
	writeln("      <font size='1' face='Arial, Helvetica' color='#1060BE'>");
	writeln("      <I>" + texto + dia + "/" + mes + "/" + year + "</I>")
	writeln("      </font></td>");
	writeln("  </tr>");
	writeln("</table>");
   }
}


//------------------------------------------------------------------------
// FUNCION      WriteLastUpdate2
// DESCRIPCION  Escribe la fecha escrita en parametro 2, alineada a la izquierda
// PARAMETROS   idioma: "es", "en", "fr"
//		fecha: fecha en formato "dd/mm/yyyy"
//------------------------------------------------------------------------
function WriteLastUpdate2(idioma, fecha)
{
    
   switch(idioma) {
     case "es":
	texto="Actualización ";
	break;
     case "en":
	texto="Update ";
	break;
     case "fr":
	texto="Actualisation ";
	break;
   }

   with(document) {
	writeln("<table border='0' cellpadding='0' cellspacing='0' width='100%'>");
	writeln("  <tr><td align='right' valign='bottom'>");
	writeln("      <font size='1' face='Arial, Helvetica' color='#1060BE'>");
	writeln("      <I>" + texto + fecha + "</I>")
	writeln("      </font></td>");
	writeln("  </tr>");
	writeln("</table>");
   }
}


//------------------------------------------------------------------------
// FUNCION      WriteMenu	OBSOLETA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1
// DESCRIPCION  Escribe un menú vertical
// PARAMETROS   titulo: titulo del menú
//              arrayTexto: array con el texto de las opciones
//              arrayLink: array con la HREF de las opciones
//              numOpciones: número de opciones
//              seleccion: opcion seleccionada (de 0 a numOpciones-1). 
//              Si es mayor o menor de ese margen, no se selecciona nada.
//------------------------------------------------------------------------
function WriteMenu(titulo,arrayTexto,arrayLink,numOpciones,seleccion,nivel)
{
  var backpath="";

  for(i=0;i<nivel;i++) {
	backpath=backpath+"../"
  }

  with(document) {

     writeln("<table border='0' cellspacing='0' cellpadding='2' width='100%'>");
     writeln("  <tr><td align='center' valign='middle' bgcolor='#649DDE'>");
     writeln("  <font color='#FFFFFF' face='Verdana, Tahoma, Arial'><b>" + titulo + "</b> </font>");
     writeln("  </td></tr><tr><td>&nbsp;</td></tr>");
     writeln("</table>");
     writeln("<table border='0' cellspacing='0' cellpadding='2' width='100%' bgcolor='#FF0000'>");

     for(i=0;i<numOpciones;i++) {

	if (i!=seleccion) {
           writeln("<tr><td align='center' valign='middle' height='27'><img ");
           writeln("  src='" + backpath + "images/arrow2.gif' name='flecha" + i + "' border='0'></td>");
	   writeln("<td align='left' valign='middle'><p>");

	   if (browserName=="Netscape")
		writeln("<a href='" + arrayLink[i] + "' "); // Para Netscape. Si se usa el style, se cuelga
	   else 
		writeln("<a href='" + arrayLink[i] + "' style=\"text-decoration:none;\" ");
	   
	   writeln("   onMouseOver=\"document.flecha" + i + ".src='" + backpath + "images/arrow1.gif';\" ");
           writeln("   onMouseOut=\"document.flecha" + i + ".src='" + backpath + "images/arrow2.gif';\">");
	   writeln("   <font color='#FFFFFF' size='2' face='Tahoma, Verdana, Arial'>" + arrayTexto[i] + "</font></a>");
	   writeln("</p></td></tr>");
	}
	else {
	   writeln("<tr><td align='center' valign='middle' height='27' bgcolor='#649DDE'><img ");
           writeln("src='" + backpath + "images/arrow1.gif' border='0'></td>");
	   writeln("<td align='left' valign='middle' bgcolor='#649DDE'><p><font ");
	   writeln("color='#FFFFFF' size='2' face='Tahoma, Verdana, Arial'>");
	   writeln("<b>" + arrayTexto[i] + "</b></font></p></td></tr>");
	}
     }
     writeln("</table>");
  }
}
