<? 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>
<script>
function tipo(t){
	if(t=="ingresos"){
		document.getElementById('tipo').value=t;
		document.getElementById('formulario').style.display='block';
		document.getElementById('pag').value="reporteingresos.php";
		document.getElementById('txt').innerHTML="Reporte de Ingresos";
		document.getElementById('b1').style.display='block';
		document.getElementById('b2').style.display='none';
	 }
		if(t=="medios"){
			document.getElementById('tipo').value=t;
			document.getElementById('formulario').style.display='block';
			document.getElementById('pag').value="reportemedios.php";
			document.getElementById('txt').innerHTML="Reporte de Medios y Submedios";
			document.getElementById('b1').style.display='block';
			document.getElementById('b2').style.display='none';
		 }
			if(t=="anuncios"){
				document.getElementById('tipo').value=t;
				document.getElementById('formulario').style.display='block';
				document.getElementById('pag').value="reporteanuncios.php";
				document.getElementById('txt').innerHTML="Reporte de Anuncios";
				document.getElementById('b1').style.display='block';
				document.getElementById('b2').style.display='none';
			 }
			  if(t=="staff"){
					document.getElementById('tipo').value=t;
					document.getElementById('formulario').style.display='block';
					document.getElementById('pag').value="reportestaff.php";
					document.getElementById('txt').innerHTML="Reporte Staff";
					document.getElementById('b1').style.display='none';
					document.getElementById('b2').style.display='block';
				 }
				 if(t=="depefectivo"){
					document.getElementById('tipo').value=t;
					document.getElementById('formulario').style.display='block';
					document.getElementById('pag').value="depositosefectivo.php";
					document.getElementById('txt').innerHTML="Reporte Depositos en Efectivo";
					document.getElementById('b1').style.display='block';
					document.getElementById('b2').style.display='none';
				 }
      }
</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>
<div class="contenedor">
<?if($_SESSION["usuario_nivel"]>=4){?><div class="optx"><a href="javascript:tipo('ingresos');"><img src="img/ingresos.png" class="op"><br><center>Reporte de Ingresos</center></a></div> 
<?}?>
<div class="optx"><center><a href="javascript:tipo('medios');"><img src="img/medios.png" class="op"><br>Medios y submedios</a></center></div>
<div class="optx"><center><a href="javascript:tipo('anuncios');"><img src="img/anuncios.png" class="op"><br>Anuncios</a></center></div>
<div class="optx"><center><a href="javascript:tipo('staff');"><img src="img/anuncios.png" class="op"><br>Reporte Staff</a></center></div>
<div class="optx"><center><a href="javascript:tipo('depefectivo');"><img src="img/anuncios.png" class="op"><br>Depositos en Efectivo</a></center></div>
<div class="optx"><center><a href="reportes/" target="_balnk"><img src="img/anuncios.png" class="op"><br>Reporte de ventas</a></center></div>
<center>
<div id="formulario" style="display:none;" class="espacio">
<form name="reportes">
<br>

<br>
<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;"></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="tipo" id="tipo">
<input type="hidden" name="pag" id="pag" value="">
<input type="hidden" name="menu" id="menu" value="menu.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 " id="b1" 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');">
<input type="button" name="generar" value=" Generar Reporte " id="b2" class="button grande verde" onclick="window.open(''+reportes.menu.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>
</div>
</div>

</body>
</html>			 
