<%-- 
    Document   : index
    Created on : 31/10/2015, 10:10:43 AM
    Author     : fcelestino
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ include file="validar.jsp" %>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="es"> <!--<![endif]-->

    <!-- START @HEAD -->
    <head>
        <%
            //nom_tip_usu
            String cod_tip_usu=request.getParameter("cod_tip_usu");
            String nom_tip_usu=request.getParameter("nom_tip_usu");
            if(cod_tip_usu==null){
                response.sendRedirect("principal.jsp");
            }
            
        %>
        <!-- START @META SECTION -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="description" content="Blankon is a theme fullpack admin template powered by Twitter bootstrap 3 front-end framework. Included are multiple example pages, elements styles, and javascript widgets to get your project started.">
        <meta name="keywords" content="admin, admin template, bootstrap3, clean, fontawesome4, good documentation, lightweight admin, responsive dashboard, webapp">
        <meta name="author" content="Djava UI">
        <title>SISTEMA CUOTAS PAGO ACADEMIA</title>
        <link rel="icon" type="image/png" sizes="16x16" href="images/helicoide.png" />
        <!--/ END META SECTION -->

        <!-- START @FAVICONS -->
        <!--<link href="../img/ico/apple-touch-icon-144x144-precomposed.png" rel="apple-touch-icon-precomposed" sizes="144x144">-->
        <!--<link href="../img/ico/apple-touch-icon-114x114-precomposed.png" rel="apple-touch-icon-precomposed" sizes="114x114">-->
        <!--<link href="../img/ico/apple-touch-icon-72x72-precomposed.png" rel="apple-touch-icon-precomposed" sizes="72x72">-->
        <!--<link href="../img/ico/apple-touch-icon-57x57-precomposed.png" rel="apple-touch-icon-precomposed">-->
        <!--<link href="../img/ico/apple-touch-icon.png" rel="shortcut icon">-->
        <!--/ END FAVICONS -->

        <!-- START @FONT STYLES -->
        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700" rel="stylesheet">
        <link href="http://fonts.googleapis.com/css?family=Oswald:700,400" rel="stylesheet">
        <!--/ END FONT STYLES -->

        <!-- START @GLOBAL MANDATORY STYLES -->
        <link href="../assets/global/plugins/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
        <link href="../assets/global/plugins/bower_components/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css" rel="stylesheet">
        
        <!--/ END GLOBAL MANDATORY STYLES -->

        <!-- START @PAGE LEVEL STYLES -->
        <link href="../assets/global/plugins/bower_components/fontawesome/css/font-awesome.min.css" rel="stylesheet">
        <link href="../assets/global/plugins/bower_components/animate.css/animate.min.css" rel="stylesheet">
        <link href="../assets/global/plugins/bower_components/dropzone/downloads/css/dropzone.css" rel="stylesheet">
        <link href="../assets/global/plugins/bower_components/jquery.gritter/css/jquery.gritter.css" rel="stylesheet">
        <!--/ END PAGE LEVEL STYLES -->
        <link rel="stylesheet" href="validar/css/validationEngine.jquery.css" type="text/css"/>
        <!-- START @THEME STYLES -->
        <link href="../assets/admin/css/reset.css" rel="stylesheet">
        <link href="../assets/admin/css/layout.css" rel="stylesheet">
        <link href="../assets/admin/css/components.css" rel="stylesheet">
        <link href="../assets/admin/css/plugins.css" rel="stylesheet">
        <link href="../assets/admin/css/themes/red.theme.css" rel="stylesheet" id="theme">
        <link href="../assets/admin/css/custom.css" rel="stylesheet">
       
        <!--/ END THEME STYLES -->

        <!-- START @IE SUPPORT -->
        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
        <script src="../assets/global/plugins/bower_components/html5shiv/dist/html5shiv.min.js"></script>
        <script src="../assets/global/plugins/bower_components/respond-minmax/dest/respond.min.js"></script>
        <![endif]-->
        <!--/ END IE SUPPORT -->
        <style>
            #popup-general .modal-dialog{
                top: 40%;
            }
            .modal-dialog .form-body{
                
            }
            .input-oculto{
                width: 100% !important;
                background-color: transparent !important;
                border: transparent 0px !important;
            }
            .formError{
                z-index: 30000;
            }.daterangepicker td.in-range {
                background: #BFEDF7;
                border-radius: 0;
            }.daterangepicker td.active, .daterangepicker td.active{
                    background-color: #8CC152;
                    border-color: #8CC152;
                    color: #fff;
                
            }.daterangepicker td.available:hover , .datepicker.th.available:hover{
                background: #8CC152;
                color: #fff;                
            }
            ul{
                    list-style:none; 
               }
        </style>
        <style>
            
           .errorUsuario {
                font-size: 12px;
                font-style: italic;
                color: #e9573f;
            }
            

            .modal-photo-viewer .modal-content {
                position: relative;
                width: 900px;
                height: auto;
                margin-left: -50%;
                margin-top: -249px;
            }.modal-dialog {
                   margin: 30px auto;
               }
        </style>
        
        
    </head>
    <!--/ END HEAD -->

    <!--

    |=========================================================================================================================|
    |  TABLE OF CONTENTS (Use search to find needed section)                                                                  |
    |=========================================================================================================================|
    |  01. @HEAD                        |  Container for all the head elements                                                |
    |  02. @META SECTION                |  The meta tag provides metadata about the HTML document                             |
    |  03. @FAVICONS                    |  Short for favorite icon, shortcut icon, website icon, tab icon or bookmark icon    |
    |  04. @FONT STYLES                 |  Font from google fonts                                                             |
    |  05. @GLOBAL MANDATORY STYLES     |  The main 3rd party plugins css file                                                |
    |  06. @PAGE LEVEL STYLES           |  Specific 3rd party plugins css file                                                |
    |  07. @THEME STYLES                |  The main theme css file                                                            |
    |  08. @IE SUPPORT                  |  IE support of HTML5 elements and media queries                                     |
    |=========================================================================================================================|
    |  09. @BODY                        |  Contains all the contents of an HTML document                                      |
    |  10. @WRAPPER                     |  Wrapping page section                                                              |
    |  11. @HEADER                      |  Header page section contains about logo, top navigation, notification menu         |
    |  12. @SIDEBAR LEFT                |  Sidebar page section contains all sidebar menu left                                |
    |  13. @PAGE CONTENT                |  Contents page section contains breadcrumb, content page, footer page               |
    |  14. @SIDEBAR RIGHT               |  Sidebar page section contains all sidebar menu right                               |
    |  15. @BACK TOP                    |  Element back to top and action                                                     |
    |=========================================================================================================================|
    |  16. @CORE PLUGINS                |  The main 3rd party plugins script file                                             |
    |  17. @PAGE LEVEL PLUGINS          |  Specific 3rd party plugins script file                                             |
    |  18. @PAGE LEVEL SCRIPTS          |  The main theme script file                                                         |
    |=========================================================================================================================|

    START @BODY
    |=========================================================================================================================|
	|  TABLE OF CONTENTS (Apply to body class)                                                                                |
	|=========================================================================================================================|
    |  01. page-boxed                   |  Page into the box is not full width screen                                         |
	|  02. page-header-fixed            |  Header element become fixed position                                               |
	|  03. page-sidebar-fixed           |  Sidebar element become fixed position with scroll support                          |
	|  04. page-sidebar-minimize        |  Sidebar element become minimize style width sidebar                                |
	|  05. page-footer-fixed            |  Footer element become fixed position with scroll support on page content           |
	|  06. page-sound                   |  For playing sounds on user actions and page events                                 |
	|=========================================================================================================================|

	-->
        <body class="page-sound page-header-fixed page-sidebar-fixed" onload="cargar();">

        <!--[if lt IE 9]>
        <p class="upgrade-browser">Upps!! You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" target="_blank">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- START @WRAPPER -->
        <section id="wrapper">

            <!-- START @HEADER -->
            
            
            
            <%@ include file="banner.jsp" %>
            <!--/ END HEADER -->

            <!--

            START @SIDEBAR LEFT
            |=========================================================================================================================|
            |  TABLE OF CONTENTS (Apply to sidebar left class)                                                                        |
            |=========================================================================================================================|
            |  01. sidebar-box               |  Variant style sidebar left with box icon                                              |
            |  02. sidebar-rounded           |  Variant style sidebar left with rounded icon                                          |
            |  03. sidebar-circle            |  Variant style sidebar left with circle icon                                           |
            |=========================================================================================================================|

            -->
            
            
<!--        <input id="codModulo" type="hidden" value="< %=menu!=null?menu.getCodModulo():""%>">
            <input id="codCategoria" type="hidden" value="< %=menu!=null?menu.getCodCategoria():""%>">-->
            <input id="codTitulo" type="hidden" value='<%=menu != null ? menu.getCodigoTitulo() : ""%>'>
            <input id="codModulo" type="hidden" value='<%=menu != null ? menu.getCodigoModulo(): ""%>'>
            <input id="codCategoria" type="hidden" value='<%=menu != null ? menu.getCodigoCategoria(): ""%>'>
            <input id="codSubCategoria" type="hidden" value='<%=menu != null ? menu.getCodigoSubCategoria(): ""%>'>
            
                                
            <%@ include file="menu.jsp" %>
                                
            <!-- /#sidebar-left -->
            <!--/ END SIDEBAR LEFT -->

            <!-- START @PAGE CONTENT -->
            <section id="page-content">

                <!-- Start page header -->
                <div class="header-content" id="formulario">
                    <h2><i class="fa fa-unlock-alt"></i>Permisos Tipo Usuario </h2>
                    <div class="breadcrumb-wrapper hidden-xs">
                        <!-- <span class="label">You are here:</span>
                        <ol class="breadcrumb">
                            <li class="active">Tipo Usuario</li>
                        </ol> -->
                    </div>
                </div><!-- /.header-content -->
                <!--/ End page header -->
                <!-- Start body content -->
                <div class="body-content animated fadeIn">
                    
                     
                   <div class="col-md-2"></div>
                        <div class="col-md-8">
                            <div id="" class="row section scrollspy">
                                <div class="col-sm-12">
                                   <div class="panel rounded shadow panel-blueDark panelborder">
                                        <div class="panel-heading blue2">
                                            <div class="pull-left">
                                                <h3 class="panel-title"><i class="fa fa-bars "></i><%=nom_tip_usu %></h3>
                                            </div>
                                            <div class="clearfix"> </div>
                                         </div>
                    <div id="Table">
                    
                    </div>
                   </div> 
                                </div>

                            </div><!-- /.row -->
                        </div>
                        <div class="col-md-2"></div>                    
                                       
                                       
                    <div class="row ">
                        <div class="col-md-2"></div>
                        <div class="col-md-8">
                            <div id="leyenda" style="display: none;" class="panel rounded shadow panel-blueDark panelborder">
                                <div class="panel-heading">
                                    <div class="pull-left">
                                        <h3 class="panel-title">Leyenda</h3>
                                    </div>
                                    <div class="pull-right">
                                        <button class="btn btn-sm" data-action="collapse" data-toggle="tooltip" data-placement="top" data-title="Ocultar" data-original-title="" title=""><i class="fa fa-angle-up"></i></button>
                                    </div>
                                    <div class="clearfix"></div>
                                </div><!-- /.panel-heading -->
                                <div class="panel-body no-padding">

                                    <!-- Start list notification -->
                                    <div class="media-list small">
                                        <a  class="media">
                                            <div class="media-object pull-left"><i class="fa fa-bars bigger-140 blue"></i></div>
                                            <div class="media-body">
                                                <span class="media-text">Permisos por Tipos de Usuario</span>
                                                
                                                <!--/ End meta icon -->
                                            </div><!-- /.media-body -->
                                        </a><!-- /.media -->
                                       <a  class="media">
                                            <div class="media-object pull-left"><i class="fa fa-lightbulb-o bigger-140 green"></i></div>
                                            <div class="media-body">
                                                <span class="media-text">Usuario Activado</span>
                                                
                                                <!--/ End meta icon -->
                                            </div><!-- /.media-body -->
                                        </a><!-- /.media -->

                                        <a  class="media">
                                            <div class="media-object pull-left"><i class="fa fa-lightbulb-o bigger-140 red"></i></div>
                                            <div class="media-body">
                                                <span class="media-text">Usuario Desactivado</span>
                                             
                                                <!--/ End meta icon -->
                                            </div><!-- /.media-body -->
                                        </a><!-- /.media -->

                                        <a  class="media">
                                            <div class="media-object pull-left"><i class="fa fa-pencil-square-o bigger-140 blue"></i></div>
                                            <div class="media-body">
                                                <span class="media-text">Editar Usuario</span>
                                                
                                                <!--/ End meta icon -->
                                            </div><!-- /.media-body -->
                                        </a>
                                       
                                    </div>
                                    <!--/ End list notification -->

                                </div><!-- /.panel-body -->
                            </div>

                      
                        </div>
                        <div class="col-md-2"></div>
                    </div>
                </div><!-- /.body-content -->
                <!--/ End body content -->
                <!-- Start DIV POPUP -->
<!--                <div id="popup-conformidad" data-backdrop="static" class="modal fade modal-center modal-saco" tabindex="-1" role="dialog" aria-hidden="true"  ></div>
                <div id="popup-notificacion" class="modal fade modal-center modal-success" tabindex="-1" role="dialog" aria-hidden="true" ></div>
                <div id="popup-advertencia" class="modal fade modal-center modal-warning" tabindex="-1" role="dialog" aria-hidden="true" ></div>
                <div id="popup-error" class="modal fade modal-center modal-danger" tabindex="-1" role="dialog" aria-hidden="true" ></div>
                <div id="popup-general" class="modal fade bs-example-modal-form in modal-saco " tabindex="-1" role="dialog" aria-hidden="true" ></div>-->
                <!--/ End DIV POPUP -->
                <!-- Start footer content -->
                
                <%@ include file="footer.jsp" %>
                <!--/ End footer content -->

            </section><!-- /#page-content -->
            <!--/ END PAGE CONTENT -->

            <!-- START @SIDEBAR RIGHT -->
            
            <!--/ END SIDEBAR RIGHT -->

        </section><!-- /#wrapper -->
        <!--/ END WRAPPER -->

        <!-- START @BACK TOP -->
        <div id="back-top" class="animated pulse circle">
            <i class="fa fa-angle-up"></i>
        </div><!-- /#back-top -->
        <!--/ END BACK TOP -->
        <section>
            <div  id="popup-conformidad" data-backdrop="static"  class="modal  modal-center modal-saco animated flipInY prueba" tabindex="-1" role="dialog" aria-hidden="true"  >
                </div>
                <div  id="popup-notificacion" class="modal  modal-center modal-success animated flipInY " tabindex="-1" role="dialog" aria-hidden="true" >
                </div>
                <div  id="popup-advertencia" class="modal  modal-center modal-warning animated flipInY " tabindex="-1" role="dialog" aria-hidden="true" >
                </div>
                <!-- Modal General -->
                <div id="popup-general" class="modal fade bs-example-modal-form in modal-saco " tabindex="-1" role="dialog" aria-hidden="true" >
                </div>
        </section>
        <!-- START JAVASCRIPT SECTION (Load javascripts at bottom to reduce load time) -->
        <!-- START @CORE PLUGINS -->
        <script src="../assets/global/plugins/bower_components/jquery/dist/jquery.min.js"></script>
        <script src="../assets/global/plugins/bower_components/jquery-cookie/jquery.cookie.js"></script>
        <script src="../assets/global/plugins/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
        <script src="../assets/global/plugins/bower_components/typehead.js/dist/handlebars.js"></script>
        <script src="../assets/global/plugins/bower_components/typehead.js/dist/typeahead.bundle.min.js"></script>
        <script src="../assets/global/plugins/bower_components/jquery-nicescroll/jquery.nicescroll.min.js"></script>
        <script src="../assets/global/plugins/bower_components/jquery.sparkline.min/index.js"></script>
        <script src="../assets/global/plugins/bower_components/jquery-easing-original/jquery.easing.1.3.min.js"></script>
        <script src="../assets/global/plugins/bower_components/ionsound/js/ion.sound.min.js"></script>
        <script src="../assets/global/plugins/bower_components/bootbox/bootbox.js"></script>
        
        <!--/ END CORE PLUGINS -->

        <!-- START @PAGE LEVEL PLUGINS -->
        <!--<script src="../assets/global/plugins/bower_components/bootstrap-session-timeout/dist/bootstrap-session-timeout.min.js"></script>-->
        <script src="../assets/global/plugins/bower_components/flot/jquery.flot.js"></script>
        <script src="../assets/global/plugins/bower_components/flot/jquery.flot.spline.min.js"></script>
        <script src="../assets/global/plugins/bower_components/flot/jquery.flot.categories.js"></script>
        <script src="../assets/global/plugins/bower_components/flot/jquery.flot.tooltip.min.js"></script>
        <script src="../assets/global/plugins/bower_components/flot/jquery.flot.resize.js"></script>
        <script src="../assets/global/plugins/bower_components/flot/jquery.flot.pie.js"></script>
        <script src="../assets/global/plugins/bower_components/dropzone/downloads/dropzone.min.js"></script>
        <script src="../assets/global/plugins/bower_components/jquery.gritter/js/jquery.gritter.min.js"></script>
        <script src="../assets/global/plugins/bower_components/skycons-html5/skycons.js"></script>
        
        <!--/ END PAGE LEVEL PLUGINS -->

        <!-- START @PAGE LEVEL SCRIPTS -->
        <script src="../assets/admin/js/apps.js"></script>
        <script src="../assets/admin/js/pages/blankon.dashboard.js"></script>
        <script src="../assets/admin/js/demo.js"></script>
        <script src="../assets/global/plugins/bower_components/bootstrap-switch/dist/js/bootstrap-switch.min.js"></script>
        
        <script src="validar/js/languages/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
        <script src="validar/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>

        <script>   
            
    $(document).ready( function() {
        jQuery("#form-nuevo").validationEngine('attach', {promptPosition : "topLeft"});
        jQuery("#form-busqueda").validationEngine('attach', {promptPosition : "topLeft"});
   

    });   
  
        function segundaCarga(){
           
          FormPermisos(<%=cod_tip_usu %>);
         
        }
      function FormPermisos(cod_tp_usuario){
             $.ajax({
                    type: 'POST',
                    url: '../ServletGestion?accion=generarFormPermisos',
                    data: 'cod_tp_usuario='+cod_tp_usuario ,
                    beforeSend: function () {
                    }, success: function (resultado) {
                        $("#Table").html(resultado);
                    }, complete: function () {
                       
                        var estado=[];
                         $("#tree2 >li>div> input").change(function (){
                                var a= $(this).prop("checked")? 1 : 0;
                                var b =$(this).attr("id");
                                var id =b.replace("Menu-","CajaMenu-");
                                if(a==0){
                                    $("#"+id+" >ul>li>div  input").each(function (){
                                       $(this).prop('checked',false);
                                    });
                                }else{
                                 $("#"+id+" >ul>li>div  input").each(function (){
                                       $(this).prop('checked',true);
                                    });
                                }
                           });
                           $("#tree2 >li>div> input").click(function (){
                               var b =$(this).attr("id");
                               var id =b.replace("Menu-","CajaMenu-");
                               var tipo=$(this).prop("type");
                               if(tipo=="radio"){
                                $(this).prop('type','checkbox');
                                $("#"+id).prop('class','ckbox ckbox-primary');
                               }
                           });
                           function buscar(id){
                                $("#CajaMenu-"+id+" ul > li>div input").each(function (){
                                   var a= $(this).prop("checked")? 1 : 0;
                                   estado.push(a);
                             }); 
                            var index=estado.indexOf(1);
                            var index2=estado.indexOf(0);
                             if(index==-1){
                                 $("#Menu-"+id).prop('checked',false);
                             }else{
                                 $("#Menu-"+id).prop('checked',true);
                             }
                             if(index2==-1){
                                $("#Menu-"+id).prop('type','checkbox');
                                $("#CajaMenu-"+id+" >div").prop('class','ckbox ckbox-primary');
                                 
                             }else{
                                 $("#Menu-"+id).prop('type','radio'); 
                                 $("#CajaMenu-"+id+" >div").prop('class','rdio rdio-primary');
                             }
                           }
                         $("#tree2 >li >ul >li>div input").change(function(){
                             var a=$(this).data("categoria")
                               buscar(a);
                            estado=[];
                         });
                         $("#tree2 >li >ul >li>div input").each(function(){
                             var a=$(this).data("categoria")
                               buscar(a);
                            estado=[];
                         });
                    }

                });
        }
        function Confirmacion(){
            var mensaje = "¿Esta seguro de cambiar los permisos de tipo usuario?";
            var nomfuncion = "EstadosMenu()";
            var width = "380";
            $.ajax({
                type: 'POST',
                url: '../ServletPopup?accion=popUpConformidad',
                data: 'mensaje='+mensaje+'&width='+width+'&nomfuncion='+nomfuncion+'&nomfuncion2=',
                beforeSend: function () {
                }, success: function (resultado) {
                    $('#popup-conformidad').html(resultado);
                }, complete: function () {
                    $("#popup-conformidad").removeClass('index');
                    ion.sound.play('pop_cork');
                    $("#popup-conformidad").modal({
                        backdrop: 'static',
                        keyboard: false
                    });
                    tooltips();
                }
            });
        }
        function  EstadosMenu(){
           var estadoM=[];
           var idM=[];
           var estadoS=[];
           var idS=[];
            $("#tree2 >li>div input").each(function (){
               var a= $(this).prop("checked")? 1 : 0;
               var b= $(this).prop("id");
              estadoM.push(a);
              idM.push(b.replace("Menu-",""))
           });
           $("#tree2 >li>ul>li>div input").each(function (){
               var a= $(this).prop("checked")? 1 : 0;
               var b= $(this).prop("id");
                estadoS.push(a);
                idS.push(b.replace("SubMenu-",""));
           })
          $.ajax({
                type: 'POST',
                url: '../ServletGestion?accion=UpdateEstado',
                data: 'idM='+idM+'&estadoM='+estadoM+'&idS='+idS+'&estadoS='+estadoS,
                beforeSend: function () {
                }, success: function (resultado) {
                   if(resultado==1){
                       mostrarCorrecto();
                   }
                }, complete: function () {
                    
                }
            });
       }
       function mostrarCorrecto(){
            var mensaje = "La acción solicitada fue realizada correctamente.";
            var nomfuncion = "Volver()";
            var width = "380";
            $.ajax({
                type: 'POST',
                url: '../ServletPopup?accion=popUpNotificacion',
                data: 'mensaje='+mensaje+'&width='+width+'&nomfuncion='+nomfuncion+'&nomfuncion2=',
                beforeSend: function () {
                }, success: function (resultado) {
                    $('#popup-notificacion').html(resultado);
                }, complete: function () {
                    $("#popup-notificacion").removeClass('index');
                    ion.sound.play('pop_cork');
                    $("#popup-notificacion").modal({
                        backdrop: 'static',
                        keyboard: false
                    });
                    tooltips();
                }
            });
        }
        function tooltips(){
            if($('[data-toggle=tooltip]').length){
                $('[data-toggle=tooltip]').tooltip({
                    animation: 'fade'
                });
            }
        }
        function Volver(){
            window.location.href='ges_menu.jsp';
        }
        </script>
        
        
        <!--/ END PAGE LEVEL SCRIPTS -->
        <!--/ END JAVASCRIPT SECTION -->

        <!-- START GOOGLE ANALYTICS - ->
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

            ga('create', 'UA-55892530-1', 'auto');
            ga('send', 'pageview');

        </script>
        <!- -/ END GOOGLE ANALYTICS -->

        <div id="prueba">
            
        </div>
    </body>
    <!--/ END BODY -->

</html>