// JavaScript Document
function getX(obj){
    var leftValue= 0;
    while(obj){
	leftValue+= obj.offsetLeft;
	obj= obj.offsetParent;
    }
    finalvalue = leftValue
    return finalvalue;
}
function getY(obj){
    var topValue= 0;
    while(obj){
	topValue+= obj.offsetTop;
	obj= obj.offsetParent;
    }
    finalvalue = topValue;
    return finalvalue;
}
function info(dia,fecha,numcursos,cursos,enlaces,cursoseminario)  
{  
 var ID = "panelinfo"+dia; // La ID del panel DIV que contendrá la información
 var donde;
 donde=document.getElementById(dia); 
  // La información HTML que se va a agregar  
  // Notesé que usamos una tabla (e incluso agegamos un 'botón' de cierre del panel)  
 var str;
 str = "<table border=0 cellSpacing=0 cellPadding=3>";
 str += "<tr><td class='panel1'>"+fecha+"</td><td align='right' style='color:red;font-weight:bold;cursor:pointer' onclick='document.getElementById(\""+ID+"\").style.display = \"none\"'>X</td></tr>";
 str += "<tbody style='font-size: 11px;background:#ffffff;padding:1px' mce_style='font-size: 11px;background:#ffffff;padding: 1px'>";
 var i=0;
 var cadenacursos=cursos;
 var cadenaenlaces=enlaces;
 var cadenacursoseminario=cursoseminario;
 var arraycursos=new Array();
 arraycursos=cadenacursos.split("|");
 var arrayenlaces=new Array();
 arrayenlaces=cadenaenlaces.split("|");
 var arraycursoseminario=new Array();
 arraycursoseminario=cadenacursoseminario.split("|");
 for (i=0;i<=numcursos-1;i++) {
	 str +="<tr><td colspan='2'><div align='justify'>";
	 if (arraycursoseminario[i]=='curso') {
		str +="Inicio del curso ";
	 }
	else {
		str +="Seminario ";
	}
	str +="<b><a href='"+arrayenlaces[i]+"'>"+arraycursos[i]+"</a></b></div></td></tr>";
 }
 str += "</table>";
  // Si el panel no existe (la primera vez solamente) entonces lo creamos   
 if ( !document.getElementById(ID) )  
  {  
    var panel = document.createElement("div");  
    panel.id = ID; // Asignamos el ID que seleccionamos  
    panel.style.fontFamily = "verdana";
	panel.style.backgroundColor="#eeeeee";
    panel.style.border = "solid #cccccc 1px";
    document.body.appendChild(panel); // Se agrega al documento actual  
    document.getElementById(ID).style.position = "absolute"; // Posicionamos  
  }  
  // Establecemos como se mostrará el panel, en este caso, a la derecha de la imagen  
 document.getElementById(ID).style.top = getY(donde)+"px";
 document.getElementById(ID).style.left = getX(donde)+"px";  
 document.getElementById(ID).style.display = "block";
  // Por último, asignamos el contenido al DIV  
 document.getElementById(ID).innerHTML = str;
}

function infoeusk(dia,fecha,numcursos,cursos,enlaces,cursoseminario)  
{  
 var ID = "panelinfo"+dia; // La ID del panel DIV que contendrá la información
 var donde;
 donde=document.getElementById(dia); 
  // La información HTML que se va a agregar  
  // Notesé que usamos una tabla (e incluso agegamos un 'botón' de cierre del panel)  
 var str;
 str = "<table border=0 cellSpacing=0 cellPadding=3>";
 str += "<tr><td class='panel1'>"+fecha+"</td><td class='panel1' align='right' style='color:red;font-weight:bold;cursor:pointer' onclick='document.getElementById(\""+ID+"\").style.display = \"none\"'>X</td></tr>";
 str += "<tbody style='font-size: 11px;background:#ffffff;padding:1px' mce_style='font-size: 11px;background:#ffffff;padding: 1px'>";
 var i=0;
 var cadenacursos=cursos;
 var cadenaenlaces=enlaces;
 var cadenacursoseminario=cursoseminario;
 var arraycursos=new Array();
 arraycursos=cadenacursos.split("|");
 var arrayenlaces=new Array();
 arrayenlaces=cadenaenlaces.split("|");
 var arraycursoseminario=new Array();
 arraycursoseminario=cadenacursoseminario.split("|");
 for (i=0;i<=numcursos-1;i++) {
	 str +="<tr><td colspan='2'><div align='justify'>";
	str +="<b><a href='"+arrayenlaces[i]+"'>"+arraycursos[i]+"</a></b>"
	if (arraycursoseminario[i]=='curso') {
		str +=" ikastaro hasiera";
	 }
	else {
		str +=" jardunaldia";
	}
	str +="</div></td></tr>";
 }
 str += "</table>";
  // Si el panel no existe (la primera vez solamente) entonces lo creamos   
 if ( !document.getElementById(ID) )  
  {  
    var panel = document.createElement("div");  
    panel.id = ID; // Asignamos el ID que seleccionamos  
    panel.style.fontFamily = "verdana";
	panel.style.backgroundColor="#eeeeee";
    panel.style.border = "solid #cccccc 1px";
    document.body.appendChild(panel); // Se agrega al documento actual  
    document.getElementById(ID).style.position = "absolute"; // Posicionamos  
  }  
  // Establecemos como se mostrará el panel, en este caso, a la derecha de la imagen  
 document.getElementById(ID).style.top = getY(donde)+"px";
 document.getElementById(ID).style.left = getX(donde)+"px";  
 document.getElementById(ID).style.display = "block";
  // Por último, asignamos el contenido al DIV  
 document.getElementById(ID).innerHTML = str;
}