2Fwww.regionmas.com%2Fblog%2Fpost%2Fbomberos-preparan-a-estudiantes-ante-sismos">
                            <i class="fa fa-whatsapp" data-toggle="tooltip" title="" data-original-title="Whatsapp"></i>
                        </a>
                    </div>
                </div>
                <!-- <div hidden id="banner-3" class="rm-banner-ad">
                </div> -->
                <div class="post-comments">
                    <div id="disqus_thread"></div>
                    <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
                </div>
            </article>
        </div>
        <!-- Sidebar -->
<div class="col-sm-4">
	<div class="sidebar">	
		<ul class="sidebar-content">
			<!-- li class="widget profile">
				<img src="http://regionmas.com/themes/batblog/img/profile.jpg" />
				<h3>
					Admin					<small>Photographer</small>
				</h3>
				<p>
					My name is Selina Kyle but I speak for Catwoman… A mon who can offer you a path. Someone like you is only here by choice. You have been exploring the criminal fraternity but whatever your original intentions you have to become truly lost.				</p>
				<div>
					<a href="#">
						<span class="fa-stack fa-lg">
							<i class="fa fa-circle fa-stack-2x"></i>
							<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
						</span>
					</a>

					<a href="#">
						<span class="fa-stack fa-lg">
							<i class="fa fa-circle fa-stack-2x"></i>
							<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
						</span>
					</a>

					<a href="#">
						<span class="fa-stack fa-lg">
							<i class="fa fa-circle fa-stack-2x"></i>
							<i class="fa fa-instagram fa-stack-1x fa-inverse"></i>
						</span>
					</a>
				</div>
			</li -->
			<li class="widget">
				<h3>Últimas noticias</h3>
				<ul>
										<li><a href="http://regionmas.com/blog/post/aspirantes-a-bomberos-participan-en-practica">Aspirantes a bomberos participan en práctica</a></li>
										<li><a href="http://regionmas.com/blog/post/mas-de-300-establecimientos-educativos-son-los-que-necesitan-remozamiento">Más de 300 establecimientos educativos son los que necesitan remozamiento </a></li>
										<li><a href="http://regionmas.com/blog/post/expresidente-uruguayo-jose-mujica-anuncia-que-padece-cancer-de-esofago">Expresidente uruguayo José Mujica anuncia que padece cáncer de esófago</a></li>
										<li><a href="http://regionmas.com/blog/post/emax-cambiara-contadores-de-agua-tendra-un-costo">EMAX cambiará contadores de agua, ¿tendrá un costo?</a></li>
										<li><a href="http://regionmas.com/blog/post/agente-de-seguridad-privada-herido-con-arma-de-fuego">Agente de seguridad privada herido con arma de fuego</a></li>
									</ul>
			</li>
			<li class="widget">
				<h3>Categorías</h3>
				<ul>
										<li><a href="http://regionmas.com/blog/tag/cultura">CULTURA (326)</a></li>
										<li><a href="http://regionmas.com/blog/tag/deja-tu-huella">DEJA TU HUELLA (188)</a></li>
										<li><a href="http://regionmas.com/blog/tag/deportes">DEPORTES (1361)</a></li>
										<li><a href="http://regionmas.com/blog/tag/regin-ms-noticias">REGIÓN MÁS NOTICIAS (10274)</a></li>
										<li><a href="http://regionmas.com/blog/tag/salud">SALUD (1212)</a></li>
										<li><a href="http://regionmas.com/blog/tag/ltima-hora">ÚLTIMA HORA (588)</a></li>
									</ul>
			</li>
			<!-- li class="widget">
                        <div>
                            <a href="#">
                                <img style="max-width:100%" src="http://regionmas.com/themes/admin/img/Banner.jpg" alt="Region+">
                            </a>
                        </div>
                        </li -->
                        <li class="widget">
                        <div>
<a href="http://tgor.me/rgmas">
                                <img style="max-width:100%" src="http://regionmas.com/themes/admin/img/subscribe.gif" alt="Suscribete">
                            </a>
                        </div>
                        </li>
		</ul>
	
	</div>
</div>
    </div>
</div>

    <hr>

    <!-- Footer -->
    <footer style="display:none">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                    <p class="copyright text-muted">
                        Copyright 2024 &copy; by Región Más. Todos los derechos reservados.                        Powered by <a href="https://batflat.org/">Batflat</a>.
                    </p>
                </div>
            </div>
        </div>
    </footer>

    

<style>
.banner-fixed {
	display: flex;
	width: 100%;
	text-align: center;
	position: fixed;
	bottom: 0;
	justify-content: center;
	flex-direction: column;
	background-color: rgba(255, 255, 255, 0.5);
	background: rgba(255, 255, 255, 0.5);
	color: rgba(255, 255, 255, 0.5);
}
.ad-banner {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
    overflow: hidden;
}
.banner-title-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.img-responsive {
	max-width: 100%;
	align-self: center;
}
.banner-fixed-top .img-responsive {
	margin: 0 auto;
}
</style>

<div class="banner-fixed">
            <!-- div class="banner-title-container">
                <img class="img-responsive" src="http://regionmas.com/themes/admin/img/banner-title.jpg" alt="Región Más" title="Región Más">
            </div -->
<!-- /22051138696/RegionMas_320x50_Test -->
<div class="ad-banner" id='div-gpt-ad-1604939530134-0' style='width: 320px; height: 50px;'>
  <script>
    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1604939530134-0'); });
  </script>
</div>

<div hidden id="banner-1" class="ad-banner" style="max-width:320px;max-height:50px;z-index:-1">
</div>
            <!-- div class="ad-banner" style='width:320px;height:50px;z-index:-1'>
                <a href="http://tgo.gt/bannerpass">
                    <img src="http://regionmas.com/themes/batblog/img/offline_banner.gif" alt="tigo" style="max-height:100%;max-width:100%">
                </a>
            </div -->
    </div>
<script>
    document.addEventListener('DOMContentLoaded', init, false)
    //Set document path
    var documentPath = '/regionmas'+window.location.pathname;

    //all arrays of control
    //video
    var arrayFirstPlayVideo = [];
    var arrayV25Video = [];
    var arrayV50Video = [];
    var arrayV75Video = [];
    var arrayV100Video = [];

    //audio
    var arrayFirstPlayAudio = [];
    var arrayV25Audio = [];
    var arrayV50Audio = [];
    var arrayV75Audio = [];
    var arrayV100Audio = [];

    //Get all audios
    var allAudios = document.getElementsByTagName('audio');

    //Get all videos
    var allVideos = document.getElementsByTagName('video');

    //Get all buttons
    var allButtons = document.getElementsByTagName('a');

    function init () {
        //Add listeners and initialize all audios
        for(var i = 0, len = allAudios.length; i < len;i++){
            //console.log("Numero for " + i);
            var aud = allAudios[i];
            aud.addEventListener('play',audioPlay.bind(this,i),false)
            aud.addEventListener('ended', audioEnd.bind(this,i), false)
            aud.addEventListener('timeupdate', audioTimeUpdate.bind(this,i), false)
            arrayFirstPlayAudio.push(true);
            arrayV25Audio.push(false);
            arrayV50Audio.push(false);
            arrayV75Audio.push(false);
            arrayV100Audio.push(false);

        }

        //Add listeners and initialize all videos
        for(var i = 0, len = allVideos.length; i < len;i++){
            //console.log("Numero for " + i);
            var aud = allVideos[i];
            aud.addEventListener('play',videoPlay.bind(this,i),false)
            aud.addEventListener('ended', videoEnd.bind(this,i), false)
            aud.addEventListener('timeupdate', videoTimeUpdate.bind(this,i), false)
            arrayFirstPlayVideo.push(true);
            arrayV25Video.push(false);
            arrayV50Video.push(false);
            arrayV75Video.push(false);
            arrayV100Video.push(false);

        }

        //Add listeners and initialize all buttons
        for(var i = 0, len = allButtons.length; i < len; i++){
            var btn = allButtons[i];
            btn.addEventListener('click',btnClick.bind(this,i),false);
        }
    }

    //Functions of buttons
    function btnClick(position){
        $.get( "event.php?category=" + documentPath + "&action=" + allButtons[position].href +"&label=click", function( data ) {
        });
    }


    //Functions of audios

    function audioPlay (position) {
        //console.log("position " + position);
        //console.log("Entro " + allAudios[position].id + " en posicion " + position);
        if(arrayFirstPlayAudio[position] == true){
            $.get( "event.php?category=" + documentPath +"&action=" + allAudios[position].id+ "&label=play", function( data ) {
            });
            arrayFirstPlayAudio[position] = false;
        }
        else{
            $.get( "event.php?category=" + documentPath +"&action=" + allAudios[position].id + "&label=resume", function( data ) {
            });
        }
    }

    function audioEnd (position) {

        $.get( "event.php?category=" + documentPath +"&action=" + allAudios[position].id+ "&label=finished", function( data ) {
        });

    }

    function audioTimeUpdate (position) {
        var ct = allAudios[position].currentTime;
        var dt = allAudios[position].duration;

        if(ct / dt >= 0.25 && arrayV25Audio[position]==false){
            //console.log("25% reached " + allAudios[position].id);
            arrayV25Audio[position]=true;
            $.get( "event.php?category=" + documentPath +"&action="+ allAudios[position].id + "&label=percentage_25", function( data ) {
            });
        }

        if(ct / dt >= 0.50 && arrayV50Audio[position]==false){
            //console.log("50% reached " + allAudios[position].id);
            arrayV50Audio[position]=true;
            $.get( "event.php?category=" + documentPath +"&action="+ allAudios[position].id + "&label=percentage_50", function( data ) {
            });
        }

        if(ct / dt >= 0.75 && arrayV75Audio[position]==false){
            //console.log("75% reached " + allAudios[position].id);
            arrayV75Audio[position]=true;
            $.get( "event.php?category=" + documentPath +"&action="+ allAudios[position].id + "&label=percentage_75", function( data ) {
            });
        }


    }

    //Functions of videos

    function videoPlay (position) {
        if(arrayFirstPlayVideo[position] == true){
            $.get( "event.php?category=" + documentPath +"&action=" + allVideos[position].id + "&label=play", function( data ) {
            });
            arrayFirstPlayVideo[position] = false;
        }
        else{
            $.get( "event.php?category=" + documentPath +"&action=" + allVideos[position].id + "&label=resume", function( data ) {
            });
        }
    }

    function videoEnd (position) {

        $.get( "event.php?category=" + documentPath +"&action=" + allVideos[position].id + "&label=finished", function( data ) {
        });

    }

    function videoTimeUpdate (position) {
        var ct = allVideos[position].currentTime;
        var dt = allVideos[position].duration;

        if(ct / dt >= 0.25 && arrayV25Video[position]==false){
            //console.log("25% reached " + allAudios[position].id);
            arrayV25Video[position]=true;
            $.get( "event.php?category=" + documentPath +"&action=" + allVideos[position].id + "&label=percentage_25", function( data ) {
            });
        }

        if(ct / dt >= 0.50 && arrayV50Video[position]==false){
            //console.log("50% reached " + allAudios[position].id);
            arrayV50Video[position]=true;
            $.get( "event.php?category=" + documentPath +"&action=" + allVideos[position].id + "&label=percentage_50", function( data ) {
            });
        }

        if(ct / dt >= 0.75 && arrayV75Video[position]==false){
            //console.log("75% reached " + allAudios[position].id);
            arrayV75Video[position]=true;
            $.get( "event.php?category=" + documentPath +"&action=" + allVideos[position].id + "&label=percentage_75", function( data ) {
            });
        }


    }

    function preparePhone (phone) {
        phone = phone || ""; // if null, then replace with blank
        phone = phone.trim();

        if (phone.length == 8) { // assuming the phone number doesn't have the area code
            phone = "502" + phone;
        }

        if (phone.length == 11 && phone.startsWith("502")) { // if the phone is correct
            return phone;
        }

        return null;
    }

    function myFunction(){
        var phone = ""; 
        phone = preparePhone(phone);
        if (phone != null) {
            return submitForm({phone:phone});
        }

        var pfid = ""; 
        if (pfid != "") {
            return submitForm({pfid:pfid});
        }
    } 

    function submitForm(params) {
        $.post( "event.php", params)
        .done(function(data) {
            alert("Te has suscrito exitosamente!" );
        })
        .fail(function(data) {
            alert("Estamos teniendo problemas, intenta de nuevo más tarde" );
        });
    }

    function checkIfHasInternet() {
        $.get("https://www.google.com/", function(data, status){
            console.log(data);
            console.log(status);
        });
        return false;
    }
    // checkIfHasInternet();
</script>
<script>
    function createBanner(imageUrl, linkUrl) {
        var img = document.createElement('img');
        img.setAttribute('style', 'width:100%; object-fit:scale-down;');
        img.setAttribute('src', imageUrl);
        img.setAttribute('alt', 'Región+');

        var a = document.createElement('a');
        a.setAttribute('href', linkUrl);
        a.setAttribute('target', '_blank');
        a.appendChild(img);

        // var div = document.createElement('div');
        // div.setAttribute('class', 'widget');
        // div.setAttribute('style', 'margin: 0 auto 30px auto; max-width: 800px;');
        // div.appendChild(a);

        return a;
    }

    function updateBanner(width, position, banner) {
        var positionMobile;
        var positionDesktop;
        if (position == 1) {
            positionMobile = document.getElementById('banner-1');
            positionDesktop = document.getElementById('banner-2');
        } else if (position == 2) {
            positionMobile = document.getElementById('banner1-1');
            positionDesktop = document.getElementById('banner2-1');
        } else if (position == 3) {
            positionMobile = document.getElementById('banner2-2');
            positionDesktop = document.getElementById('banner4-2');
        }

        if (width <= 767) {
            positionMobile.removeAttribute('hidden');
            positionMobile.appendChild(banner);
            positionDesktop.innerHTML = '';
            positionDesktop.setAttribute('hidden', '');
        } else {
            // desktop
            positionDesktop.removeAttribute('hidden');
            positionDesktop.appendChild(banner);
            positionMobile.innerHTML = '';
            positionMobile.setAttribute('hidden', '');
        }
    }

    var getImageUrl = "http://regionmas.com/gallery/image";
    var getVideoUrl = "http://regionmas.com/gallery/video";
    var width = window.innerWidth;

    let bannerPosition1;
    let bannerPosition2;
    let bannerPosition3;

    fetch(getImageUrl)
        .then(response => response.json())
        .then(json => {
            var url = json['src'];
            var link = json['url'];
            bannerPosition1 = createBanner(url, link);
            updateBanner(width, 1, bannerPosition1);
            if (url != null) {
                var imgBlog = document.getElementById('banner-header-blog');
                imgBlog.src = url; // update blog image
            }
        });
    
    window.addEventListener('resize', function(e) {
        var width = e.target.innerWidth;
        updateBanner(width, 1, bannerPosition1);
        // updateBanner(width, 2, bannerPosition2);
        // updateBanner(width, 3, bannerPosition3);
    });

    // var videos = document.querySelectorAll('video'); // get all videos using "video" css selector
    // /*Loop*/
    // for(video of videos) { // use var video if "strict mode" is enabled
    //     fetch(getVideoUrl)
    //         .then(response => response.json())
    //         .then(json => {
    //             var url = json['src'];
    //             video.addEventListener('ended', function() { // during the loading process
    //                 video.src = url;  // set autoplay proterty to true
    //                 video.autoplay = true;
    //             }, false);
    //         });
    // }

</script>

</body>

</html>