<div class="box">
  <div class="box-header with-border">
    <h3 class="box-title">Grafico Organizacional</h3>
    <div class="box-tools pull-right btn-group">
        {{boton('recargar','verOrganigramaTalentoHumano') }}
        {{boton('personalizado',null, 'cargarOrganigramaUnidades()', 'Unidades', 'fa fa-sitemap', 'btn-default' ) }}
        {{boton('personalizado',null, 'cargarOrganigramaCargos()', 'Cargos', 'fa fa-sitemap', 'btn-info' ) }}
        {{boton('personalizado',null, 'cargarOrganigramaColaboradores()', 'Colaboradores', 'fa fa-sitemap', 'btn-default' ) }}
    </div>
  </div>
  <div class="box-body">
      <div id="pnl-organigramas" ></div>
  </div>
</div>



<script type="text/javascript" >
    /**
     * Carga inicial de plugins y funciones
     */
    $(document).ready(function () {
        cargarOrganigramaCargos();
    });
    
    function cargarOrganigramaUnidades(){
        cargarDivision( "pnl-organigramas", "talento-humano", "cargos", "cargarOrganigramaUnidades"
        );
    }
    
    function cargarOrganigramaCargos(){
        cargarDivision( "pnl-organigramas", "talento-humano", "cargos", "cargarOrganigramaCargos"
        );
    }
    
    function cargarOrganigramaColaboradores(){
        cargarDivision( "pnl-organigramas", "talento-humano", "cargos", "cargarOrganigramaColaboradores"
        );
    }
    
</script>