
<html> 
<head>

 <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>
	<title>Libros De ESO(free)</title>
<style>
.diascalendario{
    BACKGROUND: #483d8b ;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold
}

.diasfestivo{
    BACKGROUND: #483d8b;
    COLOR:red;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;    
}
.textofestivo{
    COLOR: red;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;    
}

.textocalendario{
    COLOR: navy;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px
}

.textocalendario{
    COLOR: navy;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px
}
</style>
</head>
<body style="background-image:url(LIBROS2.jpg)">
<center>
<span style="color:#80FF80;font-size: 100px">Libros AL/MA S.L.</span>
<br><br><br><br>
<table style="border:4px#008000 solid;width:1000px; height:100px">
	<tr style="background-color:#FFFF00; width:100px"> <center>
	<td style="border:1px solid"> <center> <a href="formulario.html" style="color:#FF0000;text-decoration:none"> FORMULARIO </span> </td>
	<td style="border:1px solid"> <center> <img src="fotografías/logotipo.jpg" style="width:300px;height:200px"> </td>
	<td style="border:1px solid"> <center> <a href="principal.html" style="color:#008080;text-decoration:none"> MENÚ PRICIPAL </a></td>
	</tr>
<table style="border:4px#008000 solid;width:1000px; height:100px">
	<tr style="background-color:#FFFF00; width:100px"> <center>
	<td style="border:1px solid"> <center> <span> Hola a todo el mundo. Si estais leyendo esto es por que habeis encontrado nuestra primer proyecto de pagina web. Esperemos que os guste mucho y que os sea de gran utilidad. Clickear en "MENU PRINCIPAL" para los enlaces a los libros y en "FORMULARIO" para registraros totalmente gratis.GRACIAS </td>
	</tr>


<table style="border:4px#008000 solid;width:1000px; height:100px">
	<tr style="background-color:#FFFF00; width:100px"> <center>
	<td style="border:1px solid"> 

  <span id="liveclock"></span><script language="JavaScript" type="text/javascript">
 <!--


function show5(){
if (!document.layers&&!document.all&&!document.getElementById)
return

 var Digital=new Date()
 var hours=Digital.getHours()
 var minutes=Digital.getMinutes()
 var seconds=Digital.getSeconds()

var dn="PM"
if (hours<12)
dn="AM"
if (hours>12)
hours=hours-12
if (hours==0)
hours=12

 if (minutes<=9)
 minutes="0"+minutes
 if (seconds<=9)
 seconds="0"+seconds
//change font size here to your desire
myclock="<font size='5' face='Arial' ><b><font size='1'>Hora actual:</font></br>"+hours+":"+minutes+":"
 +seconds+" "+dn+"</b></font>"
if (document.layers){
document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}
else if (document.all)
liveclock.innerHTML=myclock
else if (document.getElementById)
document.getElementById("liveclock").innerHTML=myclock
setTimeout("show5()",1000)
 }


window.onload=show5
 //-->


 </script>

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


<table style="border:4px#008000 solid;width:1000px; height:100px">
	<tr style="background-color:#FFFF00; width:100px"> <center>
	<td style="border:1px solid"> <center> <a href="Galeria de imagenes.html" style="color:#FF00FF;text-decoration:none">  GALERÍA DE IMAGENES </span> </td>
	</tr>
</table>
	

<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>

 <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>
</center>

 </BODY>
</HTML>