<?
session_start();
require("../conectar.php");
require("funciones.php");
$fi=$_GET['fechaini'];
$ff=$_GET['fechafin'];


?>
<!DOCTYPE html>

<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
		<title>Resultados de periodo Mexico en renta</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
		<link rel="shortcut icon" href="../favicon.ico"> 
	
	    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
		<script type="text/javascript" src="js/highcharts.js"></script>
		<script type="text/javascript" src="js/themes/grid.js"></script>
		<script type="text/javascript" src="js/modules/exporting.js"></script>
	
		<link rel="stylesheet" type="text/css" href="css/style3.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" href="css/jquery.jOrgChart.css"/>
		<link rel="stylesheet" type="text/css" href="css/estiloorg.css" />
		<link rel="stylesheet" href="css/customimp.css"/>
		<link href="css/prettify.css" type="text/css" rel="stylesheet" />
	
	<script type="text/javascript" src="js/prettify.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script src="js/jquery.jOrgChart.js"></script>	
	<script>
    jQuery(document).ready(function() {
        $("#org").jOrgChart({
			chartElement : '#chart'
		});

		/* Extra Code */
		$("#show-list").click(function(e){
			e.preventDefault();

			$('#list-html').toggle('fast', function(){
				if($(this).is(':visible')){
					$('#show-list').text('Hide underlying list.');
					$(".topbar").fadeTo('fast',0.9);
				}else{
					$('#show-list').text('Show underlying list.');
					$(".topbar").fadeTo('fast',1);					
				}
			});
		});
		
		
	});
	
	function ocultar(id,todo)
		{
		if(!todo)
		{
		    //document.getElementById(''+id).display='block';
			$('#tablas'+id).toggle("slow","linear");
		}
		else { for(x=1;x<=todo;x++){ $('#tablas'+x).hide();} }
		}
    </script>	
	<style type="text/css">
        p.ps{ font-size:9px;height:7px; }
	.ps:hover{ font-size:10px; background:#487f1a;}	
	
.ocupacion {
	-webkit-box-shadow: 5px 5px #000000;
	box-shadow: 5px 5px #000000;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

.ocupacion td {
	text-align: center;
	border-collapse: separate;
	background-color: #E6E6E6;
	color: #000000;
	border-top: thin solid #000000;
	border-bottom: thin solid #000000;
	border-left:thin solid #000000;
	border-right:thin solid #000000;
}
.ocupacion tr th {
	text-align: center;
	border-collapse: separate;
	background-color: #000000;
	border-left:thin solid #ffffff;
	border-top: thin solid #000000;
	border-bottom: thin solid #000000;
	border-right:thin solid #ffffff;
}
.ocupacion input {
	background-color: #E6E6E6;
	border-style: none;
	text-align: center;
	color: #000000;
	width:60px;
}


.ocupacion2 {
	-webkit-box-shadow: 5px 5px #000000;
	box-shadow: 5px 5px #000000;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

.ocupacion2 td {
	text-align: right;
	border-collapse: separate;
	background-color: #E6E6E6;
	color: #000000;
	border-top: thin solid #000000;
	border-bottom: thin solid #000000;
	border-left:thin solid #000000;
	border-right:thin solid #000000;
}
.ocupacion2 tr th {
	text-align: center;
	border-collapse: separate;
	background-color: #000000;
	border-left:thin solid #ffffff;
	border-top: thin solid #000000;
	border-bottom: thin solid #000000;
	border-right:thin solid #ffffff;
}
.ocupacion2 input {
	background-color: #E6E6E6;
	border-style: none;
	text-align: center;
	color: #000000;
	width:60px;
}

               a{text-decoration:none;outline:none;}
               .boton{margin-left:2px;margin-right:2px;float:left;width:100px;height:30px;background: url(images/bkbtn.png) no-repeat;color:#000;font-weight:bold;font-size:10px;text-align:center;text:decoration:none !important;}
               .boton:hover{background-position: left bottom;}
               .boton .d{position:relative;margin:auto;top:8px;font-size:9px;}
               .boton .db{position:relative;margin:auto;top:5px;font-size:9px;}
               .boton .n{position:relative;margin:auto;top:8px;}
	</style>
	
	
	
		<!--termina organigrama-->
	</head>
	<body>
				
		<!-- Home -->
		<div id="home" class="content">
		<? //require("organigramastaff.php");?>	
		   <div id="chart" class="orgChart">
			</div>   
		</div>
		<!-- /Home -->
		
		<!-- Portfolio -->
		<div id="portfolio" class="panel">
			<div  class="content">				
				<h2>Porcentaje de Ocupacion:</h2><br>
				<? require("ocupacionstaff.php");?>
			</div> 
		</div>
		<!-- /Portfolio -->
		
		<!-- About -->
		<div id="ventas" class="panel">
			<div class="content">
				<? require("plantrabajostaff2.php")?>
			</div>
		</div>	
		
		<div id="ingreso" class="panel">
			<div class="content">
				<? require("reporteingresostaff.php")?>
			</div>
		</div>
		<!-- /Contact -->
		
		<!-- graficaxconcepto -->
		
		<div id="ingresoxconcepto" class="panel">
		
			<div class="content">
				<h2>Ingreso x concepto</h2>
				<? require("tipoderenta.php");//require("tipoderentastaff.php");?>
			</div>
		</div>
		
		<!-- /graficaxconcepto -->
		
		<!-- tiporenta -->
		<div id="ingresoxcoordinador" class="panel">
			<div class="content">
				<h2>Ingreso x coordinador</h2>
                <? require("ingresoxcoordinadorstaff.php")?>
			</div>
		</div>
		
		<div id="tiporenta" class="panel">
			<div class="content">
				<h2>Tipo de renta</h2>
                <? require("tiporentastaff.php")?>
			</div>
		</div>
			
		<div id="formapago" class="panel">
			<div class="content">
				<h2>Formas de Pago</h2>
                <? require("formapagostaff.php")?>
			</div>
		</div>
		
		
		<div id="ingresosxdia" class="panel">
			<div class="content">
				<h2>Ingreso x Dia</h2>
                <? require("ingresoxdia.php")?>
			</div>
		</div>
		
		<div id="reporteduracionrenta" class="panel">
			<div class="content">
				<h2>Reporte Duracion de Renta</h2>
                <? require("duracionrentastaff.php")?>
			</div>
		</div>
		
		<div id="graficamedios" class="panel">
			<div class="content">
				<h2>Medios</h2>
				<?require("mediosstaffimp.php");?>
                <? //require("mediostaff.php")?>
			</div>
		</div>
		<div id="graficapaises" class="panel">
			<div class="content">
				<h2>Pais</h2>
				<?require("paisstaff.php");?>
                <? //require("mediostaff.php")?>
			</div>
		</div>
		<div id="graficaviaje" class="panel">
			<div class="content">
				<h2>Motivo de viaje</h2>
				<?require("motivoviajestaff.php");?>
			</div>
		</div>
		<div id="graficapal" class="panel">
			<div class="content">
				<h2>Palabras clave</h2>
				<?require("palabrasclave.php");?>
			</div>
		</div>
		<div id="header">
			<h1>Reporte de staff</h1>
			<ul id="navigation">
				<li><a id="link-home" href="#home">Estructura</a></li>
				<li><a id="link-portfolio" href="#portfolio" onclick="ocultar('','<?echo$cont?>');">% Ocupacion</a></li>
				<li><a id="link-ventas" href="#ventas" >Resultados de Ventas</a></li>
				<li><a id="link-ingreso" href="#ingreso">Ingresos</a></li> 
				<li><a id="link-ingresoxconcepto" href="#ingresoxconcepto">Ingresos x concepto</a></li>
				<li><a id="link-ingresoxcoordinador" href="#ingresoxcoordinador">Ingresos x coordinador</a></li>
				<li><a id="link-tiporenta" href="#tiporenta">Tipo de renta</a></li>
				<li><a id="link-formapago" href="#formapago">Formas de Pago</a></li>
				<li><a id="link-ingresosxdia" href="#ingresosxdia">Ingresos x dia</a></li>
				<li><a id="link-reporteduracionrenta" href="#reporteduracionrenta">Duracion de Renta</a></li>
				<li><a id="link-graficamedios" href="#graficamedios">Grafica de medios</a></li>
				<li><a id="link-graficapaises" href="#graficapaises">Grafica de paises</a></li>
				<li><a id="link-graficaviaje" href="#graficaviaje">Motivo de viaje</a></li>
				<li><a id="link-graficapal" href="#graficapal">Palabras clave</a></li>
				<li></li>
			</ul>
			<!-- Demo Nav -->
			<!--<nav id="codrops-demos">
				<a href="index.html#home">Demo 1</a>
				<a href="index2.html#home">Demo 2</a>
				<a class="current-demo" href="#home">Demo 3</a>
			</nav>-->
		</div>
<!--<script src="http://tympanus.net/codrops/adpacks/demoad.js"></script>-->

	</body>
</html>