//Variables globales
var colorFondo = "#A6CFFB"; //el color de fondo para toda la web
var xdoc; //el documento XML

var txtAdevolver = "texto inicial";

//carga el archivo XML especificado y lo escribe usando la función indicada
function cargarXML(archivo, nombreFuncion){
  if( window.ActiveXObject && /Win/.test(navigator.userAgent) ){ //si el navegador es Microsoft
    xdoc = new ActiveXObject("Microsoft.XMLDOM");
    xdoc.async = false;
    xdoc.load(archivo);
    if (nombreFuncion!=null)
      nombreFuncion();
    return true;
  }
  else if( document.implementation && document.implementation.createDocument ){//si es otro navegador
    xdoc = document.implementation.createDocument("", "", null);
    xdoc.load(archivo);
    xdoc.onload = function(){
    if (nombreFuncion!=null)
        nombreFuncion();
    }
    return true;
  }
  else{
    return false;
  }
}//cargarXML

//escribe el código html que crea la página del profesional del mes
function cargarProfesional(){
  //obtener los datos a escribir
  var tag = xdoc.getElementsByTagName("nombre");//obtener dato con el tag 'nombre'
  var nombre = tag[0].firstChild.nodeValue;
  tag = xdoc.getElementsByTagName("contacto");//obtener dato con el tag 'contacto'
  var contacto = tag[0].firstChild.nodeValue;
  tag = xdoc.getElementsByTagName("cargo");//obtener dato con el tag 'cargo'
  var cargo = tag[0].firstChild.nodeValue;
  tag = xdoc.getElementsByTagName("direccion");//obtener dato con el tag 'direccion'
  var direccion = tag[0].firstChild.nodeValue;
  tag = xdoc.getElementsByTagName("poblacion");//obtener dato con el tag 'poblacion'
  var poblacion = tag[0].firstChild.nodeValue;
  tag = xdoc.getElementsByTagName("cp");//obtener dato con el tag 'cp'
  var cp = tag[0].firstChild.nodeValue;
  tag = xdoc.getElementsByTagName("ciudad");//obtener dato con el tag 'ciudad'
  var ciudad = tag[0].firstChild.nodeValue;
  tag = xdoc.getElementsByTagName("descripcion");//obtener dato con el tag 'descripcion'
  var descripcion = tag[0].firstChild.nodeValue;
  tag = xdoc.getElementsByTagName("web");//obtener dato con el tag 'web'
  var web = tag[0].firstChild.nodeValue;
  tag = xdoc.getElementsByTagName("email");//obtener dato con el tag email'
  var email = tag[0].firstChild.nodeValue;
  tag = xdoc.getElementsByTagName("telefono");//obtener dato con el tag 'telefono'
  var telefono = tag[0].firstChild.nodeValue;
  tag = xdoc.getElementsByTagName("fax");//obtener dato con el tag 'fax'
  var fax = tag[0].firstChild.nodeValue;

  //Averiguar el ancho que debe tener la imagen para medir 60% de ancho
  var anchoImagen = dameAnchoVentana() * 0.6;

  //crear la tabla
  document.write("<table width=100% height=100% align=center style='border: outset 10pt; border-collapse: separate; border-spacing: 0pt; border-color: #c1e3ff #6394df #6394df #c1e3ff'>");    
  document.write("<tr align=center bgcolor=#A6CFFB>");
  document.write("<td colspan=2>"); //celda de título
  document.write("<font style='font-family:verdana; font-size:15px; color:black'><b>");
  document.write("Profesional del mes");
  document.write("</b></font>");
  document.write("</td>");
  document.write("</tr>");    
  document.write("<tr align=center>");
  document.write("<td colspan=2>"); //celda de nombre de la empresa
  document.write("<font style='font-family:verdana; font-size:15px; color=black'><b>");
  document.write(nombre);
  document.write("</b></font>");
  document.write("</td>");
  document.write("</tr>");    
  document.write("<tr>");    
  document.write("<td align=center valign=middle width='70%' rowspan=4 valign=top>"); //celda de imagen 
  document.write("<img src='Imagenes/profesional del mes.jpg' style='width:" + anchoImagen + "' valign=top />");
  document.write("</td>");   
  document.write("<td height=100% valign=middle>"); //celda de web y email
  document.write("<font color='" + colorFondo + "' style='font-family:verdana; font-size:11px; color=" + colorFondo + "'><b>Web: </b></font>");
  document.write("<a href='http://" + web + "' target='blank'>");
  document.write("<font color=black style='font-family:verdana; font-size:12px; color=black'>" + web + "</font><br>");
  document.write("</a>");
  document.write("<font color='" + colorFondo + "' style='font-family:verdana; font-size:11px; color=" + colorFondo + "'><b>E-mail: </b></font>");
  document.write("<a href='mailto:" + email + "'>");
  document.write("<font color=black style='font-family:verdana; font-size:12px; color=black'>" + email + "</font><br>");
  document.write("</a>");
  document.write("</td>");
  document.write("</tr>");    
  document.write("<tr>");
  document.write("<td height=100% valign=middle>"); //celda de contacto y cargo
  document.write("<font color='" + colorFondo + "' style='font-family:verdana; font-size:11px; color=" + colorFondo + "'><b>Contacto: </b></font>");
  document.write("<font color=black style='font-family:verdana; font-size:12px; color=black'>" + contacto + "</font><br>");
  document.write("<font color='" + colorFondo + "' style='font-family:verdana; font-size:11px; color=" + colorFondo + "'><b>Cargo: </b></font>");
  document.write("<font color=black style='font-family:verdana; font-size:12px; color=black'>" + cargo + "</font><br>");
  document.write("</td>");
  document.write("</tr>");    
  document.write("<tr>");
  document.write("<td height=100% valign=middle>"); //celda de teléfono, fax y dirección completa
  document.write("<font color='" + colorFondo + "' style='font-family:verdana; font-size:11px; color=" + colorFondo + "'><b>Teléfono: </b></font>");
  document.write("<font color=black style='font-family:verdana; font-size:12px; color=black'>" + telefono + "</font><br>");
  document.write("<font color='" + colorFondo + "' style='font-family:verdana; font-size:11px; color=" + colorFondo + "'><b>Fax: </b></font>");
  document.write("<font color=black style='font-family:verdana; font-size:12px; color=black'>" + fax + "</font><br>");
  document.write("<font color='" + colorFondo + "' style='font-family:verdana; font-size:11px; color=" + colorFondo + "'><b>Dirección: </b></font>");
  document.write("<font color=black style='font-family:verdana; font-size:12px; color=black'>" + direccion + " - " + poblacion + " - " + cp + " - " + ciudad + "</font><br>");
  document.write("</td>");
  document.write("</tr>");    
  document.write("<tr>");
  document.write("<td height=100% valign=middle>"); //celda de descripción
  document.write("<font color='" + colorFondo + "' style='font-family:verdana; font-size:11px; color=" + colorFondo + "'><b>Descripción: </b></font><br>");
  document.write("<font color=black style='font-family:verdana; font-size:12px; color=black'>" + descripcion + "</font><br>");
  document.write("</td>");
  document.write("</tr>");    
  document.write("<tr>");
  document.write("<td colspan=2 align=center bgcolor=" + colorFondo + ">"); //celda de acceso a formulario de aspirante a profesional del mes
  document.write("<a href=\"profesional - formulario.php\" style='font-family:verdana; font-size:12px; color:black; text-decoration: none'>");    
  document.write("<font style='font-family:verdana; font-size:12px; color:black; text-decoration: none'><b>");
  document.write("¿Cómo puedo ser profesional del mes?");
  document.write("</b></font>");
  document.write("</a>");
  document.write("</td>");
  document.write("</tr>");    
  document.write("</table>");
}//cargarProfesional

function dameCodigo(){
return txtAdevolver;
}

//obtener el tipo de navegador usado
function dameNavegador(){
  if (navigator.appName.indexOf('Microsoft')!=-1) //si es de Microsoft
    return "Microsoft";
  else //si no es de Microsoft
    return "Otro";
}

//obtener el ancho de la ventana
function dameAnchoVentana(){
  var navegador = dameNavegador();
  if (navegador=="Microsoft")
    return document.body.offsetWidth;
  else
    return window.innerWidth;
}

//obtener el alto de la ventana
function dameAltoVentana(){
  var navegador = dameNavegador();
  if (navegador=="Microsoft")
    return document.body.offsetHeight;
  else
    return window.innerHeight;
}