<?php
/**
 * Template name: SCREEN Zone 1
 */

// Cabecera
get_header();
?>




<div class="container-screen-zone-1">

    
<?php  
    $args = array(
    'post_type' => 'post',
    'meta_key'       => 'plot_numer', // El campo ACF por el que quieres ordenar.
    'orderby'        => 'meta_value_num', // 'meta_value_num' para ordenar numéricamente.
    'order'          => 'DESC',  // Orden ascendente.
    'tax_query' => array(
        array(
            'taxonomy' => 'screen_zones',
            'field'    => 'slug',
            'terms'    => 'zone-1',
        ),
    ),
);

$the_query = new WP_Query( $args );
$counter = 1;

if ( $the_query->have_posts() ) {
    while ( $the_query->have_posts() ) {
        $the_query->the_post(); 
    
        $image1 = get_field('image_render_1');
        $image_url_1 = $image1['sizes']['screen'];
        
        $image2 = get_field('image_render_2');
        $image_url_2 = $image2['sizes']['screen'];
        
        $image3 = get_field('image_render_3');
        $image_url_3 = $image3['sizes']['screen'];
        
        $image4 = get_field('image_render_4');
        $image_url_4 = $image4['sizes']['screen'];
        
        $image5 = get_field('image_render_5');
        $image_url_5 = $image5['sizes']['screen'];
        
        $image6 = get_field('image_render_6');
        $image_url_6 = $image6['sizes']['screen'];
        
        $image7 = get_field('image_render_7');
        $image_url_7 = $image7['sizes']['screen'];
        
        $image8 = get_field('image_render_8');
        $image_url_8 = $image8['sizes']['screen'];
        
        $images = get_field('image_render_1');
        $image_standby =  $images['url'];


        $image_prev1 = get_field('image_popup_1');
        $image_prev_url1 = $image_prev1['url'];

        $image_prev2 = get_field('image_popup_2');
        $image_prev_url2 = $image_prev2['url'];

        $image_prev3 = get_field('image_popup_3');
        $image_prev_url3 = $image_prev3['url'];

        $image_tech1 = get_field('technical_info_1');
        $image_tech_url1 = $image_tech1['url'];

        $image_tech2 = get_field('technical_info_2');
        $image_tech_url2 = $image_tech2['url'];

    
        $budget = get_field('budget');
    
    ?>

    
    <div class="wrapper-screen wrapper-screen<?php the_field('code') ?>">
        
        <div class="screen-section1">
                <div class="container-header-screens">
                     <div class="container-header-code light">Plot <span class="medium"><?php the_field('plot_numer');?></span></div>
                     <div class="container-header-name light"><?php the_title(); ?></div>
                     <div class="container-header-architect light">By <?php the_field('architect');?></div>
                    
                    <div class="container-header-sales light">
                        <u>Sales Price</u>
                        <br>
                        <span class="sales-cifra light">
                        <?php 
                            if ($budget == 'level1') {
                                echo '170 - 200 Mn SAR';
                            } elseif ($budget == 'level2') {
                                echo '200 - 225 Mn SAR';
                            } elseif ($budget == 'level3') {
                                echo '225 - 250 Mn SAR';
                            }  elseif ($budget == 'level4') {
                                echo '250 - 280 Mn SAR';
                            } elseif ($budget == 'level5') {
                                echo '280 - 320 Mn SAR';
                            }
                        ?>
                        </span>
                    </div>
                    
                    
                     <div class="container-header-budget light">
                         <u>
                        <?php 
                            if ($budget == 'level1') {
                                echo 'Development Cost';
                            } elseif ($budget == 'level2') {
                                echo 'Development  Cost';
                            } elseif ($budget == 'level3') {
                                echo 'Development  Cost';
                            }  elseif ($budget == 'level4') {
                                echo 'Development  Cost';
                            } elseif ($budget == 'level5') {
                                echo 'Development Cost';
                            }
                        ?>
                        </u>     
                        <br>
                        <span class="budget-cifra light">
                        <?php 
                            if ($budget == 'level1') {
                                echo '90 - 110 Mn SAR';
                            } elseif ($budget == 'level2') {
                                echo '110 - 130 Mn SAR';
                            } elseif ($budget == 'level3') {
                                echo '130 - 150 Mn SAR';
                            }  elseif ($budget == 'level4') {
                                echo '150 - 170 Mn SAR';
                            } elseif ($budget == 'level5') {
                                echo '170 - 200 Mn SAR';
                            }
                        ?>
                        </span>
                    </div>
                    
                    
                    
                    
                </div>
                <div class="container-header-video">
                    <video class="video-header-screen video-header-screen<?php the_field('code') ?>" muted autoplay loop>
                      <source src="<?php the_field('video_plot'); ?>" type="video/mp4">
                    </video>
                </div>    
        </div>
        
        <div class="screen-section2 screen-section2-<?php the_field('code') ?>">

                <!-- EL 1 es BIG-->
                <img class="position1-box2-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_url_2; ?>" />
                <img class="position1-box3-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_url_3; ?>" />
                <img class="position1-box4-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_url_4; ?>" />
                <img class="position1-box5-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_url_5; ?>" />

                 <?php if( get_field('image_render_6') ): ?>
                    <img class="position1-box6-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_url_6; ?>" />
                <?php endif; ?>

                <?php if( get_field('image_render_7') ): ?>
                    <img class="position1-box7-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_url_7; ?>" />
                <?php endif; ?>

                <?php if( get_field('image_render_8') ): ?>    
                    <img class="position1-box8-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_url_8; ?>" />
                <?php endif; ?>

                <video preload="metadata" class="video-screen-section video-section2-screen<?php the_field('code') ?> position1-box9-<?php the_field('code') ?>" muted>
                    <source src="<?php the_field('video_render_1');?>" type="video/mp4">
                </video>
                <video preload="metadata" class="video-screen-section video-section2-screen<?php the_field('code') ?> position1-box10-<?php the_field('code') ?>" muted>
                    <source src="<?php the_field('video_render_2');?>" type="video/mp4">
                </video>

                <!-- TECH IMAGES--> 
                <?php if( get_field('technical_info_1') ): ?>    
                <img class="position1-box15-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_tech_url1; ?>" />
                <img class="position1-box16-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_tech_url2; ?>" />
                <?php endif; ?>

                <!-- PREV FB IMAGES--> 
                <img class="position1-box20-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_prev_url1; ?>" />
                <img class="position1-box21-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_prev_url2; ?>" />

                <!-- FOOTAGE -->
                <video preload="metadata" class="video-screen-section video-section2-screen<?php the_field('code') ?> position1-box22-<?php the_field('code') ?>" muted>
                    <source src="<?php the_field('video_previous_1');?>" type="video/mp4">
                </video>
                <img class="position1-box23-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_prev_url3; ?>" />


        </div>
        
         <div class="screen-section3 screen-section3-<?php the_field('code') ?>">
                <!-- EL 1 es BIG-->
                <img class="position2-box2-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_url_2; ?>" />
                <img class="position2-box3-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_url_3; ?>" />
                <img class="position2-box4-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_url_4; ?>" />
                <img class="position2-box5-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_url_5; ?>" />
                
                <?php if( get_field('image_render_6') ): ?>
                    <img class="position2-box6-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_url_6; ?>" />
                <?php endif; ?>

                <?php if( get_field('image_render_7') ): ?>
                    <img class="position2-box7-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_url_7; ?>" />
                <?php endif; ?>

                <?php if( get_field('image_render_8') ): ?>    
                    <img class="position2-box8-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_url_8; ?>" />
                <?php endif; ?>
             
                <video preload="metadata" class="video-screen-section video-section3-screen<?php the_field('code') ?> position2-box9-<?php the_field('code') ?>" muted>
                    <source src="<?php the_field('video_render_1');?>" type="video/mp4">
                </video>
                <video preload="metadata" class="video-screen-section video-section3-screen<?php the_field('code') ?> position2-box10-<?php the_field('code') ?>" muted>
                    <source src="<?php the_field('video_render_2');?>" type="video/mp4">
                </video>

                <!-- TECH IMAGES--> 
                <?php if( get_field('technical_info_1') ): ?>    
                <img class="position2-box15-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_tech_url1; ?>" />
                <img class="position2-box16-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_tech_url2; ?>" />
                <?php endif; ?>

                <!-- PREV FB IMAGES-->
                <img class="position2-box20-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_prev_url1; ?>" />
                <img class="position2-box21-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_prev_url2; ?>" />

                 <!-- FOOTAGE -->
                 <video preload="metadata" class="video-screen-section video-section2-screen<?php the_field('code') ?> position2-box22-<?php the_field('code') ?>" muted>
                    <source src="<?php the_field('video_previous_1');?>" type="video/mp4">
                </video>
                <img class="position2-box23-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_prev_url3; ?>" />

        </div>
        
         <div class="screen-section-big screen-section-big-<?php the_field('code') ?>">
                <img class="positionbig-box1-<?php the_field('code') ?>" draggable="false" src="<?php echo $image_url_1; ?>" />
        </div>
        
        
        
        
        
        
        
        
                <div class="swiper-screen swiper-screen<?php the_field('code') ?>">
							<div class="swiper-wrapper">
                    
                               
                                
								<div class="swiper-slide">
									<div class="slide-container-small">
                                        <div class="slide-screen-section2">
                                            <video preload="metadata" muted id="video1-slide1-<?php the_field('code') ?>">
                                              <source src="<?php the_field('video_render_1');?>" type="video/mp4">
                                            </video>
										</div>
										<div class="slide-screen-section3">
											<img draggable="false" src="<?php echo $image_url_2; ?>" />
										</div>
									</div>
								</div>
                                
								<div class="swiper-slide">
									<div class="slide-container-small">
                                    <div class="slide-screen-section2">
                                            <video preload="metadata" muted id="video2-slide1-<?php the_field('code') ?>">
                                              <source src="<?php the_field('video_render_2');?>" type="video/mp4">
                                            </video>
										</div>
										<div class="slide-screen-section3">
											<img draggable="false" src="<?php echo $image_url_3; ?>" />
										</div>
									</div>
								</div>
                                
								<div class="swiper-slide">
									<div class="slide-container-small">
										<div class="slide-screen-section2">
											<img draggable="false" src="<?php echo $image_url_4; ?>" />
										</div>
										<div class="slide-screen-section3">
											<img draggable="false" src="<?php echo $image_url_5; ?>" />
										</div>
									</div>
								</div>

                                <?php if( get_field('image_render_6') ): ?>
                                    <div class="swiper-slide">
									<div class="slide-container-small">
										<div class="slide-screen-section2">
											<img draggable="false" src="<?php echo $image_url_6; ?>" />
										</div>
										<div class="slide-screen-section3">
											<img draggable="false" src="<?php echo $image_url_7; ?>" />
										</div>
									</div>
								</div>
                                <?php endif; ?>

                                <?php if( get_field('technical_info_1') ): ?>
                                    <div class="swiper-slide">
									<div class="slide-container-small">
										<div class="slide-screen-section2">
											<img draggable="false" src="<?php echo $image_tech_url1; ?>" />
										</div>
										<div class="slide-screen-section3">
											<img draggable="false" src="<?php echo $image_tech_url2; ?>" />
										</div>
									</div>
								</div>
                                <?php endif; ?>
                                
								

                                <div class="swiper-slide big">
									<img draggable="false" src="<?php echo $image_url_1; ?>" />
								</div>


                                
							</div>
						</div>
						<div class="swiper-button-prev<?php the_field('code') ?>"></div>
						<div class="swiper-button-next<?php the_field('code') ?>"></div>
        
        
                         <div class="standby-screens standby<?php the_field('code') ?>">
                            <img draggable="false" src="<?php echo $image_standby; ?>" />
                         </div>
    
    
    </div>
    

     
       <?php
        $counter++;
    }
    wp_reset_postdata();
} else {
    echo 'No Mansions in this screen zone';
}
?>

    
    
    
    
    
    
    
    
    
    
    



</div>




<script src="<?php echo get_template_directory_uri(); ?>/js/swiper-bundle.min.js"></script>
<script>
(function($){
    
     // GLOBAL VARIABLES
     //var shouldAutoplayAfterVideoEnds = false;
    var estadosAutoplay = {};
    
    
    $(function() {





let shiftKeyPressed = false;
let ctrlKeyPressed = false;
let altKeyPressed = false;


document.addEventListener('keyup', function(event) {
  if (event.shiftKey) {
    shiftKeyPressed = false;
  }
  if (event.ctrlKey) {
    ctrlKeyPressed = false;
  }
  if (event.altKey) {
    altKeyPressed = false;
  }

 

});




document.addEventListener('keydown', function(event) {

if (event.shiftKey) {
    shiftKeyPressed = true;
}
if (event.ctrlKey) {
    ctrlKeyPressed = true;
}
if (event.altKey) {
    altKeyPressed = true;
  }






var plot_number1 = 'Plot002';
var plot_number2 = 'Plot010';
var plot_number3 = 'Plot022';
var plot_number4 = 'Plot023';

if (event.key === '1' && shiftKeyPressed) {

                    var videoElement = document.getElementById('video1-slide1-' + plot_number1); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number1);

                    $('.standby' + plot_number1).fadeOut(500);

                    window['swiper' + plot_number1].autoplay.stop();
                    window['swiper' + plot_number1].slideTo(0,0,false);

                    $('.screen-section2-' + plot_number1 + ' img, .screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' img, .screen-section3-' + plot_number1 + ' video, .screen-section-big-' + plot_number1 + ' img').hide();
                    $('.screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
                    videoElement.play();

                    estadosAutoplay[plot_number1] = false;

                    setTimeout(function(){ 
                        estadosAutoplay[plot_number1] = false;
                        window['swiper' + plot_number1].autoplay.stop();
                    }, 1000);


  } if (event.key === '2' && shiftKeyPressed) {
                    var videoElement = document.getElementById('video1-slide1-' + plot_number1); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number1);

                    $('.standby' + plot_number1).fadeOut(500);

                    window['swiper' + plot_number1].autoplay.stop();
                    window['swiper' + plot_number1].slideTo(1,0,false);

                    $('.screen-section2-' + plot_number1 + ' img, .screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' img, .screen-section3-' + plot_number1 + ' video, .screen-section-big-' + plot_number1 + ' img').hide();
                    $('.screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
                    videoElement2.play();

                    estadosAutoplay[plot_number1] = false;

                    setTimeout(function(){ 
                        estadosAutoplay[plot_number1] = false;
                        window['swiper' + plot_number1].autoplay.stop();
                    }, 1000);

  } if (event.key === '3' && shiftKeyPressed) {
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number1); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number1);

                    $('.standby' + plot_number1).fadeOut(500);

                    window['swiper' + plot_number1].autoplay.stop();
                    window['swiper' + plot_number1].slideTo(2,0,false);

                    $('.screen-section2-' + plot_number1 + ' img, .screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' img, .screen-section3-' + plot_number1 + ' video, .screen-section-big-' + plot_number1 + ' img').hide();
                    $('.screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
        

                    estadosAutoplay[plot_number1] = false;
                    

  } if (event.key === '4' && shiftKeyPressed) {
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number1); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number1);

                    $('.standby' + plot_number1).fadeOut(500);

                    window['swiper' + plot_number1].autoplay.stop();
                    window['swiper' + plot_number1].slideTo(3,0,false);

                    $('.screen-section2-' + plot_number1 + ' img, .screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' img, .screen-section3-' + plot_number1 + ' video, .screen-section-big-' + plot_number1 + ' img').hide();
                    $('.screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
            

                    estadosAutoplay[plot_number1] = false;
                    

  } if (event.key === '5' && shiftKeyPressed) {
                    var videoElement = document.getElementById('video1-slide1-' + plot_number1); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number1);

                    $('.standby' + plot_number1).fadeOut(500);

                    window['swiper' + plot_number1].autoplay.stop();
                    window['swiper' + plot_number1].slideTo(4,0,false);

                    $('.screen-section2-' + plot_number1 + ' img, .screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' img, .screen-section3-' + plot_number1 + ' video, .screen-section-big-' + plot_number1 + ' img').hide();
                    $('.screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
            

                    estadosAutoplay[plot_number1] = false;
                   

  } if (event.key === '6' && shiftKeyPressed) {
                    var videoElement = document.getElementById('video1-slide1-' + plot_number1); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number1);

                    $('.standby' + plot_number1).fadeOut(500);

                    window['swiper' + plot_number1].autoplay.stop();
                    window['swiper' + plot_number1].slideTo(5,0,false);

                    $('.screen-section2-' + plot_number1 + ' img, .screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' img, .screen-section3-' + plot_number1 + ' video, .screen-section-big-' + plot_number1 + ' img').hide();
                    $('.screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;

                    estadosAutoplay[plot_number1] = false;

  }  if (event.key === '7' && shiftKeyPressed) {  // PREV SLIDE
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number1); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number1);

                    $('.standby' + plot_number1).fadeOut(500);

                    window['swiper' + plot_number1].autoplay.stop();

                    $('.screen-section2-' + plot_number1 + ' img, .screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' img, .screen-section3-' + plot_number1 + ' video, .screen-section-big-' + plot_number1 + ' img').hide();
                    $('.screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;

                    estadosAutoplay[plot_number1] = false;

                    window['swiper' + plot_number1].slidePrev();
                    

  } if (event.key === '8' && shiftKeyPressed) {  // NEXT SLIDE
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number1); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number1);

                    $('.standby' + plot_number1).fadeOut(500);

                    window['swiper' + plot_number1].autoplay.stop();

                    $('.screen-section2-' + plot_number1 + ' img, .screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' img, .screen-section3-' + plot_number1 + ' video, .screen-section-big-' + plot_number1 + ' img').hide();
                    $('.screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
    
                    estadosAutoplay[plot_number1] = false;

                    window['swiper' + plot_number1].slideNext();
                    
                    

  } if (event.key === '0' && shiftKeyPressed) {  // PREV FOUNDING BOARD
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number1); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number1);

                    $('.standby' + plot_number1).fadeOut(500);

                    window['swiper' + plot_number1].autoplay.stop();

                    $('.screen-section2-' + plot_number1 + ' img, .screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' img, .screen-section3-' + plot_number1 + ' video, .screen-section-big-' + plot_number1 + ' img').hide();
                    $('.screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
          
                    estadosAutoplay[plot_number1] = false;

                    $('.screen-section2-' + plot_number1 + ',.screen-section3-' + plot_number1 + '').show();
                    $('.position1-box20-' + plot_number1 + ',.position2-box21-' + plot_number1 + '').show();

                    

  } if (event.key === 'M' && shiftKeyPressed) {  // RESET
                    var videoElement = document.getElementById('video1-slide1-' + plot_number1); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number1);

                    $('.standby' + plot_number1).show();
                
                    window['swiper' + plot_number1].autoplay.stop();
                    window['swiper' + plot_number1].slideTo(0,0,false);

                    $('.screen-section2-' + plot_number1 + ' img, .screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' img, .screen-section3-' + plot_number1 + ' video, .screen-section-big-' + plot_number1 + ' img').hide();
                    $('.screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
    

  } if (event.key === '9' && shiftKeyPressed) {  // FOOTAGE
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number1); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number1);

                    $('.standby' + plot_number1).fadeOut(500);

                    window['swiper' + plot_number1].autoplay.stop();

                    $('.screen-section2-' + plot_number1 + ' img, .screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' img, .screen-section3-' + plot_number1 + ' video, .screen-section-big-' + plot_number1 + ' img').hide();
                    $('.screen-section2-' + plot_number1 + ' video, .screen-section3-' + plot_number1 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
          
                    estadosAutoplay[plot_number1] = false;

                    $('.screen-section2-' + plot_number1 + ',.screen-section3-' + plot_number1 + '').show();
                    $('.position1-box22-' + plot_number1 + ',.position2-box23-' + plot_number1 + '').show();     
                    
                    $('.position1-box22-' + plot_number1 + '').get(0).play();

  }










  if (event.key === '1' && ctrlKeyPressed) {

                    var videoElement = document.getElementById('video1-slide1-' + plot_number2); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number2);

                    $('.standby' + plot_number2).fadeOut(500);

                    window['swiper' + plot_number2].autoplay.stop();
                    window['swiper' + plot_number2].slideTo(0,0,false);

                    $('.screen-section2-' + plot_number2 + ' img, .screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' img, .screen-section3-' + plot_number2 + ' video, .screen-section-big-' + plot_number2 + ' img').hide();
                    $('.screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
                    videoElement.play();

                    estadosAutoplay[plot_number2] = false;

                    setTimeout(function(){ 
                        estadosAutoplay[plot_number2] = false;
                        window['swiper' + plot_number2].autoplay.stop();
                    }, 1000);


  } if (event.key === '2' && ctrlKeyPressed) {
                    var videoElement = document.getElementById('video1-slide1-' + plot_number2); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number2);

                    $('.standby' + plot_number2).fadeOut(500);

                    window['swiper' + plot_number2].autoplay.stop();
                    window['swiper' + plot_number2].slideTo(1,0,false);

                    $('.screen-section2-' + plot_number2 + ' img, .screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' img, .screen-section3-' + plot_number2 + ' video, .screen-section-big-' + plot_number2 + ' img').hide();
                    $('.screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
                    videoElement2.play();

                    estadosAutoplay[plot_number2] = false;

                    setTimeout(function(){ 
                        estadosAutoplay[plot_number2] = false;
                        window['swiper' + plot_number2].autoplay.stop();
                    }, 1000);

  } if (event.key === '3' && ctrlKeyPressed) {
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number2); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number2);

                    $('.standby' + plot_number2).fadeOut(500);

                    window['swiper' + plot_number2].autoplay.stop();
                    window['swiper' + plot_number2].slideTo(2,0,false);

                    $('.screen-section2-' + plot_number2 + ' img, .screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' img, .screen-section3-' + plot_number2 + ' video, .screen-section-big-' + plot_number2 + ' img').hide();
                    $('.screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
        

                    estadosAutoplay[plot_number2] = false;
                    

  } if (event.key === '4' && ctrlKeyPressed) {
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number2); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number2);

                    $('.standby' + plot_number2).fadeOut(500);

                    window['swiper' + plot_number2].autoplay.stop();
                    window['swiper' + plot_number2].slideTo(3,0,false);

                    $('.screen-section2-' + plot_number2 + ' img, .screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' img, .screen-section3-' + plot_number2 + ' video, .screen-section-big-' + plot_number2 + ' img').hide();
                    $('.screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
            

                    estadosAutoplay[plot_number2] = false;
                    

  } if (event.key === '5' && ctrlKeyPressed) {
                    var videoElement = document.getElementById('video1-slide1-' + plot_number2); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number2);

                    $('.standby' + plot_number2).fadeOut(500);

                    window['swiper' + plot_number2].autoplay.stop();
                    window['swiper' + plot_number2].slideTo(4,0,false);

                    $('.screen-section2-' + plot_number2 + ' img, .screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' img, .screen-section3-' + plot_number2 + ' video, .screen-section-big-' + plot_number2 + ' img').hide();
                    $('.screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
            

                    estadosAutoplay[plot_number2] = false;
                   

  } if (event.key === '6' && ctrlKeyPressed) {
                    var videoElement = document.getElementById('video1-slide1-' + plot_number2); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number2);

                    $('.standby' + plot_number2).fadeOut(500);

                    window['swiper' + plot_number2].autoplay.stop();
                    window['swiper' + plot_number2].slideTo(5,0,false);

                    $('.screen-section2-' + plot_number2 + ' img, .screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' img, .screen-section3-' + plot_number2 + ' video, .screen-section-big-' + plot_number2 + ' img').hide();
                    $('.screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;

                    estadosAutoplay[plot_number2] = false;

  }  if (event.key === '7' && ctrlKeyPressed) {  // PREV SLIDE
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number2); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number2);

                    $('.standby' + plot_number2).fadeOut(500);

                    window['swiper' + plot_number2].autoplay.stop();

                    $('.screen-section2-' + plot_number2 + ' img, .screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' img, .screen-section3-' + plot_number2 + ' video, .screen-section-big-' + plot_number2 + ' img').hide();
                    $('.screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;

                    estadosAutoplay[plot_number2] = false;

                    window['swiper' + plot_number2].slidePrev();
                    

  } if (event.key === '8' && ctrlKeyPressed) {  // NEXT SLIDE
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number2); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number2);

                    $('.standby' + plot_number2).fadeOut(500);

                    window['swiper' + plot_number2].autoplay.stop();

                    $('.screen-section2-' + plot_number2 + ' img, .screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' img, .screen-section3-' + plot_number2 + ' video, .screen-section-big-' + plot_number2 + ' img').hide();
                    $('.screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
    
                    estadosAutoplay[plot_number2] = false;

                    window['swiper' + plot_number2].slideNext();
                    
                    

  } if (event.key === '0' && ctrlKeyPressed) {  // PREV FOUNDING BOARD
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number2); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number2);

                    $('.standby' + plot_number2).fadeOut(500);

                    window['swiper' + plot_number2].autoplay.stop();

                    $('.screen-section2-' + plot_number2 + ' img, .screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' img, .screen-section3-' + plot_number2 + ' video, .screen-section-big-' + plot_number2 + ' img').hide();
                    $('.screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
          
                    estadosAutoplay[plot_number2] = false;

                    $('.screen-section2-' + plot_number2 + ',.screen-section3-' + plot_number2 + '').show();
                    $('.position1-box20-' + plot_number2 + ',.position2-box21-' + plot_number2 + '').show();

                    

  } if (event.key === 'M' && ctrlKeyPressed) {  // RESET
                    var videoElement = document.getElementById('video1-slide1-' + plot_number2); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number2);

                    $('.standby' + plot_number2).show();
                
                    window['swiper' + plot_number2].autoplay.stop();
                    window['swiper' + plot_number2].slideTo(0,0,false);

                    $('.screen-section2-' + plot_number2 + ' img, .screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' img, .screen-section3-' + plot_number2 + ' video, .screen-section-big-' + plot_number2 + ' img').hide();
                    $('.screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
    

  } if (event.key === '9' && ctrlKeyPressed) {  // FOOTAGE
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number2); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number2);

                    $('.standby' + plot_number2).fadeOut(500);

                    window['swiper' + plot_number2].autoplay.stop();

                    $('.screen-section2-' + plot_number2 + ' img, .screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' img, .screen-section3-' + plot_number2 + ' video, .screen-section-big-' + plot_number2 + ' img').hide();
                    $('.screen-section2-' + plot_number2 + ' video, .screen-section3-' + plot_number2 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
          
                    estadosAutoplay[plot_number2] = false;

                    $('.screen-section2-' + plot_number2 + ',.screen-section3-' + plot_number2 + '').show();
                    $('.position1-box22-' + plot_number2 + ',.position2-box23-' + plot_number2 + '').show();       
                    $('.position1-box22-' + plot_number2 + '').get(0).play();

  }








  if (event.key === '1' && altKeyPressed) {

                    var videoElement = document.getElementById('video1-slide1-' + plot_number3); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number3);

                    $('.standby' + plot_number3).fadeOut(500);

                    window['swiper' + plot_number3].autoplay.stop();
                    window['swiper' + plot_number3].slideTo(0,0,false);

                    $('.screen-section2-' + plot_number3 + ' img, .screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' img, .screen-section3-' + plot_number3 + ' video, .screen-section-big-' + plot_number3 + ' img').hide();
                    $('.screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
                    videoElement.play();

                    estadosAutoplay[plot_number3] = false;

                    setTimeout(function(){ 
                        estadosAutoplay[plot_number3] = false;
                        window['swiper' + plot_number3].autoplay.stop();
                    }, 1000);


  } if (event.key === '2' && altKeyPressed) {
                    var videoElement = document.getElementById('video1-slide1-' + plot_number3); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number3);

                    $('.standby' + plot_number3).fadeOut(500);

                    window['swiper' + plot_number3].autoplay.stop();
                    window['swiper' + plot_number3].slideTo(1,0,false);

                    $('.screen-section2-' + plot_number3 + ' img, .screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' img, .screen-section3-' + plot_number3 + ' video, .screen-section-big-' + plot_number3 + ' img').hide();
                    $('.screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
                    videoElement2.play();

                    estadosAutoplay[plot_number3] = false;

                    setTimeout(function(){ 
                        estadosAutoplay[plot_number3] = false;
                        window['swiper' + plot_number3].autoplay.stop();
                    }, 1000);

  } if (event.key === '3' && altKeyPressed) {
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number3); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number3);

                    $('.standby' + plot_number3).fadeOut(500);

                    window['swiper' + plot_number3].autoplay.stop();
                    window['swiper' + plot_number3].slideTo(2,0,false);

                    $('.screen-section2-' + plot_number3 + ' img, .screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' img, .screen-section3-' + plot_number3 + ' video, .screen-section-big-' + plot_number3 + ' img').hide();
                    $('.screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
        

                    estadosAutoplay[plot_number3] = false;
                    

  } if (event.key === '4' && altKeyPressed) {
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number3); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number3);

                    $('.standby' + plot_number3).fadeOut(500);

                    window['swiper' + plot_number3].autoplay.stop();
                    window['swiper' + plot_number3].slideTo(3,0,false);

                    $('.screen-section2-' + plot_number3 + ' img, .screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' img, .screen-section3-' + plot_number3 + ' video, .screen-section-big-' + plot_number3 + ' img').hide();
                    $('.screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
            

                    estadosAutoplay[plot_number3] = false;
                    

  } if (event.key === '5' && altKeyPressed) {
                    var videoElement = document.getElementById('video1-slide1-' + plot_number3); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number3);

                    $('.standby' + plot_number3).fadeOut(500);

                    window['swiper' + plot_number3].autoplay.stop();
                    window['swiper' + plot_number3].slideTo(4,0,false);

                    $('.screen-section2-' + plot_number3 + ' img, .screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' img, .screen-section3-' + plot_number3 + ' video, .screen-section-big-' + plot_number3 + ' img').hide();
                    $('.screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
            

                    estadosAutoplay[plot_number3] = false;
                   

  } if (event.key === '6' && altKeyPressed) {
                    var videoElement = document.getElementById('video1-slide1-' + plot_number3); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number3);

                    $('.standby' + plot_number3).fadeOut(500);

                    window['swiper' + plot_number3].autoplay.stop();
                    window['swiper' + plot_number3].slideTo(5,0,false);

                    $('.screen-section2-' + plot_number3 + ' img, .screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' img, .screen-section3-' + plot_number3 + ' video, .screen-section-big-' + plot_number3 + ' img').hide();
                    $('.screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;

                    estadosAutoplay[plot_number3] = false;

  }  if (event.key === '7' && altKeyPressed) {  // PREV SLIDE
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number3); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number3);

                    $('.standby' + plot_number3).fadeOut(500);

                    window['swiper' + plot_number3].autoplay.stop();

                    $('.screen-section2-' + plot_number3 + ' img, .screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' img, .screen-section3-' + plot_number3 + ' video, .screen-section-big-' + plot_number3 + ' img').hide();
                    $('.screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;

                    estadosAutoplay[plot_number3] = false;

                    window['swiper' + plot_number3].slidePrev();
                    

  } if (event.key === '8' && altKeyPressed) {  // NEXT SLIDE
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number3); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number3);

                    $('.standby' + plot_number3).fadeOut(500);

                    window['swiper' + plot_number3].autoplay.stop();

                    $('.screen-section2-' + plot_number3 + ' img, .screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' img, .screen-section3-' + plot_number3 + ' video, .screen-section-big-' + plot_number3 + ' img').hide();
                    $('.screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
    
                    estadosAutoplay[plot_number3] = false;

                    window['swiper' + plot_number3].slideNext();
                    
                    

  } if (event.key === '0' && altKeyPressed) {  // PREV FOUNDING BOARD
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number3); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number3);

                    $('.standby' + plot_number3).fadeOut(500);

                    window['swiper' + plot_number3].autoplay.stop();

                    $('.screen-section2-' + plot_number3 + ' img, .screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' img, .screen-section3-' + plot_number3 + ' video, .screen-section-big-' + plot_number3 + ' img').hide();
                    $('.screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
          
                    estadosAutoplay[plot_number3] = false;

                    $('.screen-section2-' + plot_number3 + ',.screen-section3-' + plot_number3 + '').show();
                    $('.position1-box20-' + plot_number3 + ',.position2-box21-' + plot_number3 + '').show();

                    

  } if (event.key === 'M' && altKeyPressed) {  // RESET
                    var videoElement = document.getElementById('video1-slide1-' + plot_number3); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number3);

                    $('.standby' + plot_number3).show();
                
                    window['swiper' + plot_number3].autoplay.stop();
                    window['swiper' + plot_number3].slideTo(0,0,false);

                    $('.screen-section2-' + plot_number3 + ' img, .screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' img, .screen-section3-' + plot_number3 + ' video, .screen-section-big-' + plot_number3 + ' img').hide();
                    $('.screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
    

  } if (event.key === '9' && altKeyPressed) {  // FOOTAGE
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number3); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number3);

                    $('.standby' + plot_number3).fadeOut(500);

                    window['swiper' + plot_number3].autoplay.stop();

                    $('.screen-section2-' + plot_number3 + ' img, .screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' img, .screen-section3-' + plot_number3 + ' video, .screen-section-big-' + plot_number3 + ' img').hide();
                    $('.screen-section2-' + plot_number3 + ' video, .screen-section3-' + plot_number3 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
          
                    estadosAutoplay[plot_number3] = false;

                    $('.screen-section2-' + plot_number3 + ',.screen-section3-' + plot_number3 + '').show();
                    $('.position1-box22-' + plot_number3 + ',.position2-box23-' + plot_number3 + '').show();     
                    
                    $('.position1-box22-' + plot_number3 + '').get(0).play();

  }

















  if (event.key === 'Q' && shiftKeyPressed) {

                    var videoElement = document.getElementById('video1-slide1-' + plot_number4); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number4);

                    $('.standby' + plot_number4).fadeOut(500);

                    window['swiper' + plot_number4].autoplay.stop();
                    window['swiper' + plot_number4].slideTo(0,0,false);

                    $('.screen-section2-' + plot_number4 + ' img, .screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' img, .screen-section3-' + plot_number4 + ' video, .screen-section-big-' + plot_number4 + ' img').hide();
                    $('.screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
                    videoElement.play();

                    estadosAutoplay[plot_number4] = false;

                    setTimeout(function(){ 
                        estadosAutoplay[plot_number4] = false;
                        window['swiper' + plot_number4].autoplay.stop();
                    }, 1000);


  } if (event.key === 'W' && shiftKeyPressed) {
                    var videoElement = document.getElementById('video1-slide1-' + plot_number4); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number4);

                    $('.standby' + plot_number4).fadeOut(500);

                    window['swiper' + plot_number4].autoplay.stop();
                    window['swiper' + plot_number4].slideTo(1,0,false);

                    $('.screen-section2-' + plot_number4 + ' img, .screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' img, .screen-section3-' + plot_number4 + ' video, .screen-section-big-' + plot_number4 + ' img').hide();
                    $('.screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
                    videoElement2.play();

                    estadosAutoplay[plot_number4] = false;

                    setTimeout(function(){ 
                        estadosAutoplay[plot_number4] = false;
                        window['swiper' + plot_number4].autoplay.stop();
                    }, 1000);

  } if (event.key === 'E' && shiftKeyPressed) {
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number4); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number4);

                    $('.standby' + plot_number4).fadeOut(500);

                    window['swiper' + plot_number4].autoplay.stop();
                    window['swiper' + plot_number4].slideTo(2,0,false);

                    $('.screen-section2-' + plot_number4 + ' img, .screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' img, .screen-section3-' + plot_number4 + ' video, .screen-section-big-' + plot_number4 + ' img').hide();
                    $('.screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
        

                    estadosAutoplay[plot_number4] = false;
                    

  } if (event.key === 'R' && shiftKeyPressed) {
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number4); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number4);

                    $('.standby' + plot_number4).fadeOut(500);

                    window['swiper' + plot_number4].autoplay.stop();
                    window['swiper' + plot_number4].slideTo(3,0,false);

                    $('.screen-section2-' + plot_number4 + ' img, .screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' img, .screen-section3-' + plot_number4 + ' video, .screen-section-big-' + plot_number4 + ' img').hide();
                    $('.screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
            

                    estadosAutoplay[plot_number4] = false;
                    

  } if (event.key === 'T' && shiftKeyPressed) {
                    var videoElement = document.getElementById('video1-slide1-' + plot_number4); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number4);

                    $('.standby' + plot_number4).fadeOut(500);

                    window['swiper' + plot_number4].autoplay.stop();
                    window['swiper' + plot_number4].slideTo(4,0,false);

                    $('.screen-section2-' + plot_number4 + ' img, .screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' img, .screen-section3-' + plot_number4 + ' video, .screen-section-big-' + plot_number4 + ' img').hide();
                    $('.screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
            

                    estadosAutoplay[plot_number4] = false;
                   

  } if (event.key === 'Y' && shiftKeyPressed) {
                    var videoElement = document.getElementById('video1-slide1-' + plot_number4); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number4);

                    $('.standby' + plot_number4).fadeOut(500);

                    window['swiper' + plot_number4].autoplay.stop();
                    window['swiper' + plot_number4].slideTo(5,0,false);

                    $('.screen-section2-' + plot_number4 + ' img, .screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' img, .screen-section3-' + plot_number4 + ' video, .screen-section-big-' + plot_number4 + ' img').hide();
                    $('.screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;

                    estadosAutoplay[plot_number4] = false;

  }  if (event.key === 'O' && shiftKeyPressed) {  // PREV SLIDE
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number4); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number4);

                    $('.standby' + plot_number4).fadeOut(500);

                    window['swiper' + plot_number4].autoplay.stop();

                    $('.screen-section2-' + plot_number4 + ' img, .screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' img, .screen-section3-' + plot_number4 + ' video, .screen-section-big-' + plot_number4 + ' img').hide();
                    $('.screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;

                    estadosAutoplay[plot_number4] = false;

                    window['swiper' + plot_number4].slidePrev();
                    

  } if (event.key === 'P' && shiftKeyPressed) {  // NEXT SLIDE
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number4); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number4);

                    $('.standby' + plot_number4).fadeOut(500);

                    window['swiper' + plot_number4].autoplay.stop();

                    $('.screen-section2-' + plot_number4 + ' img, .screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' img, .screen-section3-' + plot_number4 + ' video, .screen-section-big-' + plot_number4 + ' img').hide();
                    $('.screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
    
                    estadosAutoplay[plot_number4] = false;

                    window['swiper' + plot_number4].slideNext();
                    
                    

  } if (event.key === 'U' && shiftKeyPressed) {  // PREV FOUNDING BOARD
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number4); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number4);

                    $('.standby' + plot_number4).fadeOut(500);

                    window['swiper' + plot_number4].autoplay.stop();

                    $('.screen-section2-' + plot_number4 + ' img, .screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' img, .screen-section3-' + plot_number4 + ' video, .screen-section-big-' + plot_number4 + ' img').hide();
                    $('.screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
          
                    estadosAutoplay[plot_number4] = false;

                    $('.screen-section2-' + plot_number4 + ',.screen-section3-' + plot_number4 + '').show();
                    $('.position1-box20-' + plot_number4 + ',.position2-box21-' + plot_number4 + '').show();

                    

  } if (event.key === 'A' && shiftKeyPressed) {  // RESET
                    var videoElement = document.getElementById('video1-slide1-' + plot_number4); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number4);

                    $('.standby' + plot_number4).show();
                
                    window['swiper' + plot_number4].autoplay.stop();
                    window['swiper' + plot_number4].slideTo(0,0,false);

                    $('.screen-section2-' + plot_number4 + ' img, .screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' img, .screen-section3-' + plot_number4 + ' video, .screen-section-big-' + plot_number4 + ' img').hide();
                    $('.screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
    

  } if (event.key === 'I' && shiftKeyPressed) {  // FOOTAGE
                    
                    var videoElement = document.getElementById('video1-slide1-' + plot_number4); 
                    var videoElement2 = document.getElementById('video2-slide1-' + plot_number4);

                    $('.standby' + plot_number4).fadeOut(500);

                    window['swiper' + plot_number4].autoplay.stop();

                    $('.screen-section2-' + plot_number4 + ' img, .screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' img, .screen-section3-' + plot_number4 + ' video, .screen-section-big-' + plot_number4 + ' img').hide();
                    $('.screen-section2-' + plot_number4 + ' video, .screen-section3-' + plot_number4 + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
          
                    estadosAutoplay[plot_number4] = false;

                    $('.screen-section2-' + plot_number4 + ',.screen-section3-' + plot_number4 + '').show();
                    $('.position1-box22-' + plot_number4 + ',.position2-box23-' + plot_number4 + '').show();     
                    
                    $('.position1-box22-' + plot_number4 + '').get(0).play();

  }













































});









        
        if ("WebSocket" in window) {
            let ws = new WebSocket("wss://192.168.0.50:3000"); // Cambia esto por tu servidor WebSocket
            
            
            
            ws.onopen = function() {
                console.log("Conectado al servidor WebSocket");
            };

            ws.onmessage = function(event) {
                var message = JSON.parse(event.data);
                var swiperInstance = window['swiper' + message.class]; // Por ejemplo, swiperM02
                var videoElement = document.getElementById('video1-slide1-' + message.class); // Asume un ID de video específico
                var videoElement2 = document.getElementById('video2-slide1-' + message.class);
                
                
                if (message.action === "open" && window['swiper' + message.class]) {
                    var swiperInstance = window['swiper' + message.class];
                
                    swiperInstance.autoplay.stop();
                    
                    console.log('DETENIDO autoplay - ', 'swiper' + message.class);
                    swiperInstance.slideTo(0,0,false);
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section2-' + message.class + ' img, .screen-section2-' + message.class + ' video, .screen-section3-' + message.class + ' img, .screen-section3-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section2-' + message.class + ' video,.screen-section3-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
                    swiperInstance.autoplay.stop();
                    
                    estadosAutoplay[message.class] = false;
                  

                    //shouldAutoplayAfterVideoEnds = true;
                    videoElement.play();
                    
                      setTimeout(function(){ 
                         estadosAutoplay[message.class] = false;
                         swiperInstance.autoplay.stop();
                        console.log('Autoplay Desactivado')
                    }, 1000);
                    
                } else if (message.action === "pause" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    //console.log('Detenido autoplay para:', 'swiper' + message.class);
                    //swiperInstance.autoplay.stop();
                    //shouldAutoplayAfterVideoEnds = false;
             
                } else if (message.action === "activar" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    console.log('ACTIVAMOS autoplay para:', 'swiper' + message.class);
                    estadosAutoplay[message.class] = true;
                    swiperInstance.autoplay.start();
                    
                    //shouldAutoplayAfterVideoEnds = false;
                    
                  
             
                } else if (message.action === "play" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    //console.log('Iniciado autoplay para:', 'swiper' + message.class);
                    $('.screen-section2-' + message.class + ' img, .screen-section2-' + message.class + ' video, .screen-section3-' + message.class + ' img, .screen-section3-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section2-' + message.class + ' video,.screen-section3-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    //swiperInstance.slideNext();
                    
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.start();
          
                } else if (message.action === "reset" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    console.log('Reseteando:', 'swiper' + message.class);
                    //$('.standby' + message.class).fadeIn(500);
                    $('.screen-section2-' + message.class + ' img, .screen-section2-' + message.class + ' video, .screen-section3-' + message.class + ' img, .screen-section3-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section2-' + message.class + ' video,.screen-section3-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
                    //swiperInstance.autoplay.stop();
                    swiperInstance.slideTo(0,0);

                    
                } else if (message.action === "hero" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    console.log('HERO:', 'swiper' + message.class);
                    $('.screen-section2-' + message.class + ' img, .screen-section2-' + message.class + ' video, .screen-section3-' + message.class + ' img, .screen-section3-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section2-' + message.class + ' video,.screen-section3-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    videoElement.pause();
                    videoElement2.pause();
                    videoElement.currentTime = 0;
                    videoElement2.currentTime = 0;
                    swiperInstance.slideTo(swiperInstance.slides.length - 1);

                    
                }  else if (message.action === "slideoff" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    console.log('Reseteando:', 'swiper' + message.class);
                    
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;

                    swiperInstance.slideTo(swiperInstance.slides.length - 1);
                    //swiperInstance.autoplay.stop();
                    
                } else if (message.action === "slideon" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    console.log('Iniciado autoplay para:', 'swiper' + message.class);
                     $('.screen-section2-' + message.class + ' img, .screen-section2-' + message.class + ' video, .screen-section3-' + message.class + ' img, .screen-section3-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section2-' + message.class + ' video,.screen-section3-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    
                    //swiperInstance.autoplay.start();
                    
                } else if (message.action === "slidenext" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
                    swiperInstance.slideNext();
                    
                } else if (message.action === "slideprev" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
                    swiperInstance.slidePrev();
                    
                } else if (message.action === "slideChange" && window['swiper' + message.class]) {
                    var swiperInstance = window['swiper' + message.class];
                    var slideIndex = message.slideNum - 1; // Ajustar el índice del slide si es necesario

                        videoElement.pause();
                        videoElement2.pause();
                  

                    // Mover Swiper al slide especificado
                    swiperInstance.autoplay.stop();
                   
                    swiperInstance.slideTo(slideIndex, 300, false); // Segundo parámetro es la velocidad de transición. 0 para no animación.
                    setTimeout(function(){ 
                         estadosAutoplay[message.class] = false;
                         swiperInstance.autoplay.stop();
                        console.log('Autoplay Desactivado')
                    }, 1000);
                    
                    
                }
                


                // DRAG EN SCREEN 1
                else if (message.action === "position1-box2" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
   
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section2-' + message.class + ' img, .screen-section2-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section2-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section2-' + message.class + '').fadeIn(500);
                    $('.position1-box2-' + message.class + '').fadeIn(500);
                    
                } else if (message.action === "position1-box3" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
           
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section2-' + message.class + ' img, .screen-section2-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section2-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section2-' + message.class + '').fadeIn(500);
                    $('.position1-box3-' + message.class + '').fadeIn(500);
                    
                } else if (message.action === "position1-box4" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();

                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section2-' + message.class + ' img, .screen-section2-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section2-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section2-' + message.class + '').fadeIn(500);
                    $('.position1-box4-' + message.class + '').fadeIn(500);
                    
                } else if (message.action === "position1-box5" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
     
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section2-' + message.class + ' img, .screen-section2-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section2-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section2-' + message.class + '').fadeIn(500);
                    $('.position1-box5-' + message.class + '').fadeIn(500);
                    
                } else if (message.action === "position1-box6" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();

                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section2-' + message.class + ' img, .screen-section2-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section2-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section2-' + message.class + '').fadeIn(500);
                    $('.position1-box6-' + message.class + '').fadeIn(500);
                    
                } else if (message.action === "position1-box7" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
      
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section2-' + message.class + ' img, .screen-section2-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section2-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section2-' + message.class + '').fadeIn(500);
                    $('.position1-box7-' + message.class + '').fadeIn(500);
                    
                } else if (message.action === "position1-box8" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
           
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section2-' + message.class + ' img, .screen-section2-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section2-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section2-' + message.class + '').fadeIn(500);
                    $('.position1-box8-' + message.class + '').fadeIn(500);
                    
                } else if (message.action === "position1-box9" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
    
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section2-' + message.class + ' img, .screen-section2-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section2-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section2-' + message.class + '').fadeIn(500);
                    $('.position1-box9-' + message.class + '').fadeIn(500);
                    $('.position1-box9-' + message.class + '').get(0).play();
                    $('.position1-box9-' + message.class + '').get(0).loop = true;
                    
                }  else if (message.action === "position1-box10" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
         
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section2-' + message.class + ' img, .screen-section2-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section2-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section2-' + message.class + '').fadeIn(500);
                    $('.position1-box10-' + message.class + '').fadeIn(500);
                    $('.position1-box10-' + message.class + '').get(0).play();
                    $('.position1-box10-' + message.class + '').get(0).loop = true;
                    
                } else if (message.action === "position1-box15" && window['swiper' + message.class]){
                    // TECH IMG1
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
            
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section2-' + message.class + ' img, .screen-section2-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section2-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section2-' + message.class + '').fadeIn(500);
                    $('.position1-box15-' + message.class + '').fadeIn(500);
                    
                } else if (message.action === "position1-box16" && window['swiper' + message.class]){
                    // TECH IMG2
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
         
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section2-' + message.class + ' img, .screen-section2-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section2-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section2-' + message.class + '').fadeIn(500);
                    $('.position1-box16-' + message.class + '').fadeIn(500);
                    
                } else if (message.action === "position1-box20" && window['swiper' + message.class]){
                    // PREV FB IMG1
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
           
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section2-' + message.class + ' img, .screen-section2-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section2-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section2-' + message.class + '').fadeIn(500);
                    $('.position1-box20-' + message.class + '').fadeIn(500);
                    
                } else if (message.action === "position1-box21" && window['swiper' + message.class]){
                    // PREV FB IMG2
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
                 
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section2-' + message.class + ' img, .screen-section2-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section2-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section2-' + message.class + '').fadeIn(500);
                    $('.position1-box21-' + message.class + '').fadeIn(500);
                    
                } else if (message.action === "position1-box22" && window['swiper' + message.class]){
                    // VIDEO FOOTAGE
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
                 
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section2-' + message.class + ' img, .screen-section2-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section2-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section2-' + message.class + '').fadeIn(500);
                    $('.position1-box22-' + message.class + '').fadeIn(500);
                    $('.position1-box22-' + message.class + '').get(0).play();
                    $('.position1-box22-' + message.class + '').get(0).loop = true;
                    
                } else if (message.action === "position1-box23" && window['swiper' + message.class]){
                    // IMAGE FOOTAGE
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
                 
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section2-' + message.class + ' img, .screen-section2-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section2-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section2-' + message.class + '').fadeIn(500);
                    $('.position1-box23-' + message.class + '').fadeIn(500);
                    
                }
                
                
                
                
                
                
                
                
                else if (message.action === "position2-box2" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();

                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section3-' + message.class + ' img, .screen-section3-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section3-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section3-' + message.class + '').fadeIn(500);
                    $('.position2-box2-' + message.class + '').fadeIn(500);
                } else if (message.action === "position2-box3" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();

                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section3-' + message.class + ' img, .screen-section3-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section3-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section3-' + message.class + '').fadeIn(500);
                    $('.position2-box3-' + message.class + '').fadeIn(500);
                } else if (message.action === "position2-box4" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();

                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section3-' + message.class + ' img, .screen-section3-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section3-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section3-' + message.class + '').fadeIn(500);
                    $('.position2-box4-' + message.class + '').fadeIn(500);
                } else if (message.action === "position2-box5" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();

                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section3-' + message.class + ' img, .screen-section3-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section3-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section3-' + message.class + '').fadeIn(500);
                    $('.position2-box5-' + message.class + '').fadeIn(500);
                } else if (message.action === "position2-box6" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();

                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section3-' + message.class + ' img, .screen-section3-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section3-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section3-' + message.class + '').fadeIn(500);
                    $('.position2-box6-' + message.class + '').fadeIn(500);
                } else if (message.action === "position2-box7" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
      
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section3-' + message.class + ' img, .screen-section3-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section3-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section3-' + message.class + '').fadeIn(500);
                    $('.position2-box7-' + message.class + '').fadeIn(500);
                }  else if (message.action === "position2-box8" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();

                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section3-' + message.class + ' img, .screen-section3-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section3-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section3-' + message.class + '').fadeIn(500);
                    $('.position2-box8-' + message.class + '').fadeIn(500);
                } else if (message.action === "position2-box9" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
         
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section3-' + message.class + ' img, .screen-section3-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section3-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section3-' + message.class + '').fadeIn(500);
                    $('.position2-box9-' + message.class + '').fadeIn(500);
                    $('.position2-box9-' + message.class + '').get(0).play();
                    $('.position2-box9-' + message.class + '').get(0).loop = true;
                    
                }  else if (message.action === "position2-box10" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
         
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section3-' + message.class + ' img, .screen-section3-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section3-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section3-' + message.class + '').fadeIn(500);
                    $('.position2-box10-' + message.class + '').fadeIn(500);
                    $('.position2-box10-' + message.class + '').get(0).play();
                    $('.position2-box10-' + message.class + '').get(0).loop = true;
                    
                } else if (message.action === "position2-box15" && window['swiper' + message.class]){
                    // TECH IMG1
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
   
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section3-' + message.class + ' img, .screen-section3-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section3-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section3-' + message.class + '').fadeIn(500);
                    $('.position2-box15-' + message.class + '').fadeIn(500);

                } else if (message.action === "position2-box16" && window['swiper' + message.class]){
                    // TECH IMG2
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();

                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section3-' + message.class + ' img, .screen-section3-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section3-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section3-' + message.class + '').fadeIn(500);
                    $('.position2-box16-' + message.class + '').fadeIn(500);

                } else if (message.action === "position2-box20" && window['swiper' + message.class]){
                    // PREV FB IMG1
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
            
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section3-' + message.class + ' img, .screen-section3-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section3-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section3-' + message.class + '').fadeIn(500);
                    $('.position2-box20-' + message.class + '').fadeIn(500);

                } else if (message.action === "position2-box21" && window['swiper' + message.class]){
                    // PREV FB IMG2
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
        
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section3-' + message.class + ' img, .screen-section3-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section3-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section3-' + message.class + '').fadeIn(500);
                    $('.position2-box21-' + message.class + '').fadeIn(500);


                } else if (message.action === "position2-box22" && window['swiper' + message.class]){
                    // VIDEO FOOTAGE
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
                 
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section3-' + message.class + ' img, .screen-section3-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section3-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section3-' + message.class + '').fadeIn(500);
                    $('.position2-box22-' + message.class + '').fadeIn(500);
                    $('.position2-box22-' + message.class + '').get(0).play();
                    $('.position2-box22-' + message.class + '').get(0).loop = true;
                    
                } else if (message.action === "position2-box23" && window['swiper' + message.class]){
                    // IMAGE FOOTAGE
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
                 
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section3-' + message.class + ' img, .screen-section3-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section3-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section3-' + message.class + '').fadeIn(500);
                    $('.position2-box23-' + message.class + '').fadeIn(500);
                    
                }
                
                
                else if (message.action === "positionbig-box1" && window['swiper' + message.class]){
                    var swiperInstance = window['swiper' + message.class];
                    videoElement.pause();
                    videoElement2.pause();
                    //shouldAutoplayAfterVideoEnds = true;
                    //swiperInstance.autoplay.stop();
 
                    $('.standby' + message.class).fadeOut(500);
                    $('.screen-section2-' + message.class + ' img, .screen-section2-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section3-' + message.class + ' img, .screen-section3-' + message.class + ' video, .screen-section-big-' + message.class + ' img').hide();
                    $('.screen-section2-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section3-' + message.class + ' video').each(function() {this.pause();this.loop = false;this.currentTime = 0;});
                    $('.screen-section2-' + message.class + '').fadeOut(500);
                    $('.screen-section3-' + message.class + '').fadeOut(500);
                    $('.screen-section-big-' + message.class + '').fadeIn(500);
                    $('.positionbig-box1-' + message.class + '').fadeIn(500);
                   
                    
                } 
                else if (message.action === "resetall"){
                    window.location.reload();
                }
                           
            };

            ws.onclose = function() {
                console.log("Conexión cerrada... recarga para intentar de nuevo");
            };
        } else {
            console.log("WebSocket NO es soportado por tu navegador");
        }
    });

    <?php  
    $args_code = array(
        'post_type' => 'post',
        'tax_query' => array(
            array(
                'taxonomy' => 'screen_zones',
                'field'    => 'slug',
                'terms'    => 'zone-1',
            ),
        ),
    );
    $the_query_code = new WP_Query($args_code);
    if ($the_query_code->have_posts()) {
        while ($the_query_code->have_posts()) {
            $the_query_code->the_post();
            $code = get_field('code'); // Asumiendo que get_field('code') retorna algo como "M02"
            ?>
            
            // Inicialización del Swiper

            window['swiper<?php echo $code; ?>'] = new Swiper('.swiper-screen<?php echo $code; ?>', {
                loop: false,
                speed: 300,
                slidesPerView: 1,
                effect: 'fade',
                //rewind: true,
                navigation: {
                    nextEl: '.swiper-button-next-screen<?php echo $code; ?>',
                    prevEl: '.swiper-button-prev-screen<?php echo $code; ?>',
                },
            });


            // Detener el autoplay inicialmente
            window['swiper<?php echo $code; ?>'].autoplay.stop();

            /*
            window['swiper<?php echo $code; ?>'].on('init', function() {
                var video = document.getElementById('video1-slide1-<?php echo $code; ?>');
                playVideo(video, 'swiper<?php echo $code; ?>');
                console.log('INIT - Video 1')
            });
            */
   


    
    
    



function playVideo(video, video2, swiperInstanceName) {
    if (video2) {
        video2.pause(); // Pausa el otro video si está reproduciéndose
        video2.currentTime = 0; // Opcional: rebobina el video
    }
    if (video) {
        video.play(); // Reproduce el video actual
    }
   
}

function playVideo2(video2, video, swiperInstanceName) {
    if (video) {
        video.pause(); // Pausa el otro video si está reproduciéndose
        video.currentTime = 0; // Opcional: rebobina el video
    }
    if (video2) {
        video2.play(); // Reproduce el video actual
    }
  
}

// Evento de cambio de slide en Swiper
window['swiper<?php echo $code; ?>'].on('slideChange', function() {
   console.log('Cambio al slide '+ this.activeIndex + ' Autoplay: ' + estadosAutoplay['<?php echo $code; ?>']);
    var swiperInstanceName = 'swiper<?php echo $code; ?>'; // Asegura que el nombre de la instancia se pasa correctamente
    var video = document.getElementById('video1-slide1-<?php echo $code; ?>');
    var video2 = document.getElementById('video2-slide1-<?php echo $code; ?>');
    
    
   
          if (this.activeIndex === 0) { // Índice específico donde quieres reproducir el video 1
                this.autoplay.stop(); // Detenemos el autoplay si está activo
                playVideo(video, video2, swiperInstanceName);
                console.log('Autoplay Slide - Video 1 - ' + video.id);
                video.onended = () => {
                    //this.autoplay.start(); 
                     if ((estadosAutoplay['<?php echo $code; ?>'])) {
                        console.log('next')
                        this.slideNext(); // Pasamos al siguiente slide cuando el video finalice
                     }
                };
       
       
        } else if (this.activeIndex === 1) { // Índice específico donde quieres reproducir el video 2
                    this.autoplay.stop(); // Detenemos el autoplay si está activo
                    playVideo2(video2, video, swiperInstanceName);
                    console.log('Autoplay Slide - Video 2 - ' + video2.id);
                    video2.onended = () => {
                        //this.autoplay.start(); 
                        if ((estadosAutoplay['<?php echo $code; ?>'])) {
                            console.log('next')
                            this.slideNext(); // Pasamos al siguiente slide cuando el video finalice
                     }
                    };
            
        } else {
            // Para cualquier otro slide, asegura reactivar el autoplay si fue detenido
            if ((estadosAutoplay['<?php echo $code; ?>'])) {
                this.autoplay.start();
            }
        }
});

    


            // Función para detener el video 1
            function stopVideo(video, swiperName) {
                video.pause();
                video.currentTime = 0; // Opcional: rebobinar el video
                //window['swiper<?php echo $code; ?>'].autoplay.start(); // Reanuda el autoplay del Swiper
            }

             // Función para detener el video 2
             function stopVideo2(video2, swiperName) {
                video2.pause();
                video2.currentTime = 0; // Opcional: rebobinar el video
               // window['swiper<?php echo $code; ?>'].autoplay.start(); // Reanuda el autoplay del Swiper
            }

/*
            document.getElementById('video1-slide1-<?php echo $code; ?>').addEventListener('ended', function() {
                if (shouldAutoplayAfterVideoEnds) {
                     // Solo reanuda el autoplay si la variable de control es true
                 /window['swiper<?php echo $code; ?>'].autoplay.start();
                }
            });

 
            document.getElementById('video2-slide1-<?php echo $code; ?>').addEventListener('ended', function() {
                if (shouldAutoplayAfterVideoEnds) {
                     // Solo reanuda el autoplay si la variable de control es true
                    window['swiper<?php echo $code; ?>'].autoplay.start();
                }
            });
        */        
    
    
            
            <?php 
        }
        wp_reset_postdata();
    } ?>          


})(jQuery);
</script>




<?php
// Footer
get_footer();
