<? session_start();?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Reportes</title>
<script language="javascript" src="js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" src="calendar_db.js"></script>
<link rel="stylesheet" href="calendar.css">
<style>
	.contenedor{position:absolute;width:900;max-width:1000px !important; height:auto;min-height:100% !important;left:50%;margin-left: auto; margin-right: auto;left:0;top:0;}
 	.op{-moz-box-shadow:inset 0 0 100px #000000;-webkit-box-shadow: inset 0 0 100px #000000;box-shadow: inset 0 0 100px #000000;background:#008A17;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;-khtml-border-radius: 15px;margin-left:65px;margin-right:65px;border:solid 5px #008A17;width:150px;}
	.op:hover{background:#82BA00;}
	.optx{float:left;width:200px;}
	.optx a{font-family:arial;font-size:15px;text-decoration:none;color:#008A17;text-align:center}
    .optx a:hover{color:#0489B1;}
	.espacio{position:absolute;margin-left: auto; margin-right: auto;left:0;
right:0;top:250px;width:550px;height:150px;}
    .opts{font-family:arial;font-size:15px;text-decoration:none;color:#008A17;}

/* --------------- BOTON--------------- */
.button, .button:visited { /* botones genéricos */
background: #222 url(http://sites.google.com/site/zavaletaster/Home/overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #FFF;
text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor:pointer;
}
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}
.button:hover { /* el efecto hover */
background-color: #111
color: #FFF;
}
.button:active{ /* el efecto click */
top: 1px;
}
/* botones grandes */
.grande.button, .grande.button:visited {
font-size:14px;
padding: 8px 14px 9px;
}
.verde.button, .verde.button:visited { background-color: #2981E4; }
.verde.button:hover{ background-color: #2575CF; }
</style>
</head>
<body>
<form name="reportes">
<table width="300" border="0" align="center">
<tr><td colspan="7" align="center"><div id="txt" style="font-family:arial;font-size:25px;text-decoration:none;color:#0489B1;">BUSCAR PAGINAS</div></td></tr>
  <tr>
  	<td class="opts">F.Ini: </td>
  	<td><input type="text" name="fi" readonly /></td>
    <td>
		<script language="JavaScript">
		var o_cal = new tcal ({
			// form name
			'formname': 'reportes',
			// input name
			'controlname': 'fi'
		});
		
		// individual template parameters can be modified via the calendar variable
		o_cal.a_tpl.yearscroll = false;
		o_cal.a_tpl.weekstart = 1;
		
		</script>
	</td>
	<td>&nbsp;&nbsp;&nbsp;</td>
	<td class="opts">F.Fin: </td>
	<td><input type="text" name="ff" id="myOtherInput" readonly /></td>
    <td>
		<script language="JavaScript">
		// whole calendar template can be redefined per individual calendar
		var A_CALTPL = {
			'months' : ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
			'weekdays' : ['do', 'lu', 'ma', 'mi', 'ju', 'vi', 'sa'],
			'yearscroll': true,
			'weekstart': 0,
			'centyear'  : 70,
			'imgpath' : 'img/'
		}
		
		new tcal ({
			// if referenced by ID then form name is not required
			'controlname': 'myOtherInput'
		}, A_CALTPL);
		</script>
	</td>
  </tr>
<input type="hidden" name="pag" id="pag" value="paginaspublicadas.php">
<tr><td colspan="6"></td></tr>
<tr><td colspan="6"></td></tr>
<tr><td colspan="6"></td></tr>
<tr>
<td colspan="6" align="center">
<input type="button" name="generar" value=" Generar Reporte " class="button grande verde" onclick="window.open(''+reportes.pag.value+'?fechaini=' + reportes.fi.value + '&fechafin=' + reportes.ff.value,'','toolbar=no,location=no,directories=no,status=no,menubar=yes,scrollbars=yes,resizable=yes,top=0,left=0');">
</td>
</tr>
</table>

</form>
</center>
</body>
</html>			 
