<html>
<head>	<title>FUTBOL.COM</title> </head>
 <body 
BACkGROUND="fotos/estadio1.jpeg"> 
 <center>
 </table>

<br>
<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-121.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed> 


 <table style="border:1px solid;width:850px;height:50px">
<br> <tr style="background-color:#82ADE9">
	<td style="border:1px solid;"> REAL MADRID  <img src="./fotos/índice.png" style="width:200px;height:200px">
	<td style="border:1px solid;"> BARCELONA  <img src="./fotos/barca.jpeg" style="width:200px;height:200px">
	<td style="border:1px solid;"> BAYERN   <img src="./fotos/baye.jpeg" style="width:200px;height:200px">
	<td style="border:1px solid;"> PSG   <img src="./psg.jpeg" style="width:200px;height:200px">
	<td style="border:1px solid;"> SEVILLA   <img src="./fotos/sevi.png" style="width:200px;height:200px">
	
 </tr>
 </table>
<br> <table style="border:1px solid;widtch:900px">
 <tr style="background-color:#82ADE9">
	<td style="border:1px solid;width:250px;height:100px">  <a href="biografia.html" >Biografia</td>
	<td style="border:1px solid;width:250px;height:150px"> <a href="formulario.html" >formulario</td>
	<td style="border:1px solid;width:250px;height:150px"> <a href="otrosdatos.html" >Jugadores historicos</td>
	<td style="border:1px solid;width:250px;height:100px">  <a href="galeria.html" >Galeria</td>
			<!-- algin=left-center-right valign=top-middle-bottom	-->
		
		<tr style="background-color:#559922">
		<td style="border:1px solid;width:200px;background-color:#00FFFF"> 
		</tr>


	</td>
 </tr>
 </table>
 

 </tr>
 </tr>
 </center>

 </script>

 </body>

<HEAD>
 <TITLE>Calendario</TITLE>
 <SCRIPT language="JavaScript1.2" > 
 
	var objWindowPadre
	objWindowPadre = window.parent;
   var intActivo=0;
   var anchoTD=15;
   var anchoTD1=18;
   var colorHead="red";
   var colorTabla="white";
   var colorBorde="#112233";

   var time = new Date();
   var anno=time.getFullYear();
   var mes=time.getMonth()+1;
   var dia=time.getDate()
   var aDias=new Array(0,31,28,31,30,31,30,31,31,30,31,30,31);

   function padl(n, w, c) {
    n = String(n);
    while (n.length < w)
        n = c + n;
    return n;
}


   //funcion que se ejecuta al cargar el formulario
   function iniciar(){
   
   	if (anoBisiesto(anno))
    {
		aDias[2]=29;
    }
    else
    {
		aDias[2]=28;
    }
    escribeTablaMes(dia,mes,anno);
   }
   //cuando pinchamos sobre el calendario
   function pinchar(evento){
    //primer dia de la semana
    var oTR = null;
    if (window.event)
	    oTR = window.event.srcElement;
	else
		oTR = evento.currentTarget;
	var sFechaSel=oTR.id.substring(2);
	//Recupero las variables de la URL
	var urlEnd = document.URL.indexOf('?');
	var values = new Array();
	var names;  
	if (urlEnd != -1){
		var params = document.URL.substring(urlEnd+1, document.URL.length).split('&');
		for(i=0; i<params.length; i++) {
		names = params[i].split('=');
		values[names[0]] = names[1];
		}
	}
	var name = unescape(values["textBox"]);
	window.opener.setFecha(sFechaSel);
	if (window.opener.document.forms[0] != null) {
		
	}
	top.window.close();
   }

   //Retorna el nombre del mes
   function getNombreMes(iMes){
    var sMes=""
    switch(iMes){
     case 1:
      sMes="Enero";
      break;
     case 2:
      sMes="Febrero";
      break;
     case 3:
      sMes="Marzo";
      break;
     case 4:
      sMes="Abril";
      break;
     case 5:
      sMes="Mayo";
      break;
     case 6:
      sMes="Junio";
      break;
     case 7:
      sMes="Julio";
      break;
     case 8:
      sMes="Agosto";
      break;
     case 9:
      sMes="Septiembre";
      break;
     case 10:
      sMes="Octubre";
      break;
     case 11:
      sMes="Noviembre";
      break;
     case 12:
      sMes="Diciembre";
      break;
     default:
      sMes="";
    }
    return sMes;
   }


   //Retorna true si el año es bisiesto y false en caso contrario
   function anoBisiesto(sAno){
 	var iAno=parseInt(sAno);
	if(iAno%4 != 0)
		return false;
	else{
		if (iAno%400==0)
			return true;
		else
			if (iAno%100==0)
				return false;
			else
				return true;
	}
   }

   //Retorna 1: lunes; 2 Martes ...
   function getDayNumber(dia,mes,anno){
    var day1=new Date(anno,mes-1,dia)
    var nDay = day1.getDay();
    if (nDay==0) nDay=7;
    return nDay;
   }
	
	function cambiarFondo (evento)
	{
		if (window.event) {
			var objTR =window.event.srcElement;
			if (objTR.style.backgroundColor != '#cbdced')
			{
			
				objTR.style.backgroundColor = '#cbdced'
			}
			else
			{
				objTR.style.backgroundColor = '#ffffff'
			}
			if (objTR.style.cursor != 'hand')
			{
			
				objTR.style.cursor = 'hand'
			}
			else
			{
				objTR.style.cursor= 'default'
			}
		}
	}   

   //Escribe los numeros de los dias:
   //  -  - 1  2  3  4  5
   //  6  7 8  9 10 11 12 ...
   function escribeTablaMes(dia,mes,anno){
   
    var clasedia=""
    var icDia=1;
    var iIniSemana=1;
    
    //obtengo el dia de la semana del 1 del mes a dibujar
    var iDay=getDayNumber(1,mes,anno);
    
    //Borramos la los dias del calendario
    var j = 0
    while(j<=intActivo)
    {
		document.getElementById("tablacalendario").deleteRow(0);		
		j++;
	}
    intActivo = -1
    while((icDia-iDay+1)<=aDias[mes])
    {
		// A <TR> le daremos el nombre del primer dia de la semana
		// si es el primer dia del mes sera 1; en cualquier otro caso sera Lunes
		var sNameTD=""
		intActivo++
		objTR = document.getElementById("tablacalendario").insertRow(intActivo);
		objTR.id =intActivo; 
		objTR.align= 'center';
		for(;icDia<iIniSemana+7 ;icDia++)
		{
		sNameTD="TD"+padl((icDia-iDay+1),2,"0")+"/"+padl(mes,2,"0")+"/"+anno;
		if( (icDia>=iDay) && ((icDia-iDay+1)<=aDias[mes]))
		{
			if (icDia < iIniSemana+5)//Si es dia de la semana
			{
				clasedia="textocalendario"
			}
			else
			{
				clasedia="textofestivo"
			}
			objTD = objTR.insertCell(objTR.cells.length);
			objTD.id = sNameTD;	
			objTD.style.backgroundColor='#ffffff';
			objTD.style.width=anchoTD;
			objTD.className=clasedia;
			objTD.onclick=pinchar;
			objTD.onmouseover=cambiarFondo;
			objTD.onmouseout=cambiarFondo;	
			objTD.innerHTML = (icDia-iDay+1);		
		}
		else
		{
			objTD = objTR.insertCell(objTR.cells.length);
			objTD.id = sNameTD;	
			objTD.style.width=anchoTD;		
			objTD.innerHTML = ' ';			
		}
	
     }
    
     iIniSemana=icDia;
    }//fin de  while((icDia-iDay+1)<=aDias[mes])
    document.forms[0].cbMes.focus()
   }


   //funcion que redibuja el calendario con el mes y año seleccionado
   function cambiaCalendario(){
    if (anoBisiesto(document.forms[0].cbAnno[document.forms[0].cbAnno.selectedIndex].value))
    { aDias[2]=29;}
    else
    { aDias[2]=28;}
    escribeTablaMes(1,document.forms[0].cbMes[document.forms[0].cbMes.selectedIndex].value,document.forms[0].cbAnno[document.forms[0].cbAnno.selectedIndex].value); 
   }

  </SCRIPT>
 <HEAD>
 	<link href="calendario.css" rel="stylesheet" type="text/css">
 </HEAD>
 

<BODY bgColor='#cbdced' topmargin="0" leftmargin="0" onload="iniciar()" >


<TABLE border="0" cellspacing=0 width="172px">
<TR><TD align="center">
 <CENTER>
   <FORM name="frmCalendario_sup">
    
    <SELECT name="cbMes" class=textocalendario onchange="cambiaCalendario()">
    <SCRIPT>
     for(var i=1;i<=12;i++){
      var strSelected="";
      if(i==mes) strSelected="SELECTED"
      document.write("<OPTION value="+i+" "+strSelected+">"+getNombreMes(i));
     }
    </SCRIPT>
    </SELECT>
    <SELECT name="cbAnno" class=textocalendario onchange="cambiaCalendario()">    
    <SCRIPT>
     for(var i=anno-100;i<=anno+10;i++){
      var strSelected="";
      if(i==anno) strSelected="SELECTED"
      document.write("<OPTION value="+i+" "+strSelected+">"+i);
     }
    </SCRIPT>

    </SELECT>
</FORM>
<TABLE border="1" borderColor=red cellpading=0 cellspacing=0>
<TR><TD>
	<TABLE bgColor="+colorHead+" cellpading=1 cellspacing=1 border=0>
	<TR align='center'>
    <TD class=diascalendario style='width:15'>L</TD>
    <TD class=diascalendario style='width:15'>M</TD>
    <TD class=diascalendario style='width:15'>X</TD>

    <TD class=diascalendario style='width:15'>J</TD>
    <TD class=diascalendario style='width:15'>V</TD>
    <TD class=diasfestivo style='width:15'><b>S</b></TD>
    <TD class=diasfestivo style='width:15'><b>D</b></TD>
    </TR>
    </TABLE>   
 </TD></TR>

 <TR><TD>
	<TABLE bgColor='white' id="tablacalendario" cellpading=1 cellspacing=1 border=0>
	<tr><td>
	</td></tr>
    </TABLE>  
 </TD></TR>
 </TABLE>
  </TD></TR>
 </TABLE>    
 
<hr>


</center>

 </BODY>	


 </html>