{"id":81,"date":"2021-01-25T21:12:44","date_gmt":"2021-01-25T21:12:44","guid":{"rendered":"http:\/\/enriqub.cluster030.hosting.ovh.net\/?page_id=81"},"modified":"2021-01-27T09:29:35","modified_gmt":"2021-01-27T09:29:35","slug":"the-end","status":"publish","type":"page","link":"https:\/\/enrique-ferrer.es\/index.php\/3-series-re-visiones\/the-end\/","title":{"rendered":"The End"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"81\" class=\"elementor elementor-81\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7a35737 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7a35737\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-59d26d4\" data-id=\"59d26d4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-98ab3e2 elementor-widget elementor-widget-heading\" data-id=\"98ab3e2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-medium\">Contraplano<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6db5eb elementor-widget elementor-widget-shortcode\" data-id=\"d6db5eb\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <div class='imgover'>\r\n    <div class='container'>\r\n    <style>\r\n        [class^=\"icon-\"], [class*=\" icon-\"]  {\r\n            color:#00ABFF;\r\n        }\r\n    <\/style>\r\n    <i id='s1R' class='icospin-img icon-ion-loop' ><\/i>\r\n    \r\n    <i id='s1Zu' class='icospin-img icon-ion-arrow-up-b' ><\/i>\r\n    <i id='s1ZR' class='icospin-img icon-ion-zoom-reset' ><\/i>\r\n    <i id='s1Zd' class='icospin-img icon-ion-arrow-down-b' ><\/i>\r\n    &nbsp;&nbsp;\r\n    <i id='s1FS' class='icospin-img icon-ion-android-expand' ><\/i>\r\n    \r\n    <img class='imgloader' src='https:\/\/enrique-ferrer.es\/wp-content\/plugins\/spin360\/dragtospin.png'>\r\n        <div id='s1S' class='s1' style='cursor:pointer;' >\r\n        <\/div>\r\n    <\/div>\r\n    <\/div>\r\n    <style>\r\n        .spritespin-instance.loading {\r\n            background: url(\"https:\/\/enrique-ferrer.es\/wp-content\/plugins\/spin360\/ajax-loader-sm.svg\");\r\n            background-position: 50% 50%;\r\n            background-repeat: repeat-y; }\r\n            \/*background-repeat: no-repeat; }*\/\r\n    <\/style>\r\n    <script type='text\/javascript'>\/\/ <![CDATA[\r\n       jQuery(document).ready(function($) {\r\n        setTimeout(function() { jQuery('.imgloader').fadeOut('slow'); \/\/ hide();\r\n            }, 3000);\r\n        });\r\n       \/\/ full-screen available?\r\n       fsa=false;\r\n       if (\r\n            document.fullscreenEnabled ||\r\n            document.webkitFullscreenEnabled ||\r\n            document.mozFullScreenEnabled ||\r\n            document.msFullscreenEnabled\r\n        )\r\n          {\r\n           fsa=true; \/*console.log('full screen available');*\/\r\n          }\r\n       jQuery(function(){ \/\/document ready\r\n           jQuery('#s1Zd').hide();\r\n           if (fsa==true) {\r\n               jQuery('#s1FS').click(function(e){ \r\n                e.preventDefault();\r\n                sc = 1; \/\/ forcing standard Ratio for FS\r\n                var data = jQuery('.s1').spritespin('data');\r\n                data.canvasRatio = window.devicePixelRatio * sc;\r\n                SpriteSpin.applyLayout(data);\r\n                SpriteSpin.updateFrame(data);\r\n                data.stage.show();\r\n                jQuery('.s1').spritespin('api').requestFullscreen(); \r\n                });\r\n                \r\n               jQuery('#s1FS').attr('title', 'full screen');\r\n            }\r\n           else {jQuery('#s1FS').hide();}\r\n           jQuery('#s1R').click(function(e){ \/\/ console.log('s1');\r\n           jQuery('.s1').spritespin('api').data.reverse=!jQuery('.s1').spritespin('api').data.reverse;jQuery('.s1').spritespin('api').startAnimation(); });\r\n           jQuery('#s1R').attr('title', 'reverse play direction');\r\n           if ('zoom'=='all') {\r\n              jQuery('#s1FS').hide();\r\n              jQuery('#s1R').hide();\r\n              jQuery('#s1Zu').hide();\r\n              jQuery('#s1ZR').hide();\r\n           }\r\n           if ('zoom'.includes('fullscreen')) {\r\n              jQuery('#s1FS').hide();\r\n           }\r\n           if ('zoom'.includes('reverse')) {\r\n              jQuery('#s1R').hide();\r\n           }\r\n           if ('zoom'.includes('zoom')) {\r\n              jQuery('#s1Zu').hide();\r\n              jQuery('#s1ZR').hide();\r\n           }\r\n           var pathVar = 'https:\/\/enrique-ferrer.es\/wp-content\/uploads\/spin360show\/1erplano\/';\r\n           pathVar=pathVar+'{frame}'+'.png';\r\n           \/\/spritespin instance\r\n           jQuery('.s1').spritespin({width: '800', height: '600.00150000375', source: SpriteSpin.sourceArray(pathVar, { frame: [1,'13'], digits: 4 }), sense: 1, responsive: true,\r\n                    loop: false, frameTime: '400', animate: false, orientation: 'horizontal'});\r\n           \/\/ orientation: 'vertical', \/\/'horizontal', \/\/vertical value will make animation on mouse up\/dowm movenemt    \r\n           if ( '1' == '-1' )\r\n                {\r\n                    jQuery('.s1').spritespin('api').data.reverse=!jQuery('.s1').spritespin('api').data.reverse;\r\n                }\r\n           \/\/panzoom-init\r\n           jQuery('.spritespin-canvas').panzoom({\r\n                    panOnlyWhenZoomed: true,\r\n                    \/\/disablePan: true,\r\n                    duration: 200, \/\/ duration of the zoom to effect\r\n                    easing: 'ease-in-out', \/\/ type of zoom animation\r\n                    \/\/contain: 'invert',\r\n                    minScale: 1,\r\n                    increment: .5,\r\n                    maxScale: 5,\r\n                    linearZoom: true,\r\n                    which: 1, \/\/ changing this values makes pan possible on right lcick of mouse value : 1(left),2(middle),3(right clcik)\r\n                    \/\/ Pan only on the X or Y axes\r\n                    disableXAxis: false,\r\n                    disableYAxis: false,\r\n                    _zoomIn: jQuery('#s1Zu'), \/\/ .zoom-in-1'),\r\n                    _zoomOut: jQuery('#s1Zd'), \/\/.zoom-out-1'),\r\n                    _reset: jQuery('#s1ZR'), \/\/.reset-1'),\r\n                    \/\/ _zoomRange: jQuery('.zoom-range'),\r\n                    onStart: undefined,\r\n                    onChange: function(){},\r\n                    onZoom: undefined,\r\n                    onPan: undefined,\r\n                    onEnd: function(){},\r\n                    onReset: function(){}\r\n                });\r\n                \/\/end panzoom instance\r\n            var panzoom1 = jQuery('.spritespin-canvas').panzoom('instance');\r\n            \r\n           }); \/\/end document ready function\r\n           document.addEventListener('fullscreenchange', function() {\r\n                \/\/console.log('fullscreenchange event fired!');\r\n                var state = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;\r\n                var event = state ? 'FullscreenOn' : 'FullscreenOff';\r\n                \/\/console.log(event,state);\r\n                if (event == 'FullscreenOff') {\r\n                    jQuery('#s1ZR').trigger( 'click' );\r\n                    \/\/ console.log('fullscreen Off event fired!');\r\n                }\r\n            });\r\n           var touchtime = 0;\r\n           jQuery('.s1').on('click', function() {\r\n               if(touchtime == 0) {\r\n                   \/\/set first click\r\n                   touchtime = new Date().getTime();\r\n               } else {\r\n                   \/\/compare first click to this click\r\n                   if(((new Date().getTime())-touchtime) < 300) {\r\n                       \/\/double click occurred\r\n                       jQuery('.s1').spritespin('api').data.reverse=!jQuery('.s1').spritespin('api').data.reverse;\r\n                       jQuery('.s1').spritespin('api').startAnimation();\r\n                       touchtime = 0;\r\n                   } else {\r\n                       \/\/not a double click so set as a new first click\r\n                       jQuery('.s1').spritespin('api').stopAnimation();\r\n                       touchtime = new Date().getTime();\r\n                   }\r\n               }\r\n           });\r\n           \/\/ Whatch fullscreen\r\n           function exitFS() {\r\n             if(document.exitFullscreen) {\r\n               document.exitFullscreen();\r\n             } else if(document.mozCancelFullScreen) {\r\n               document.mozCancelFullScreen();\r\n             } else if(document.webkitExitFullscreen) {\r\n               document.webkitExitFullscreen();\r\n             }\r\n           } \/\/end function\r\n           jQuery(window).on('orientationchange',function(){\r\n              if( fsa == true ) {\r\n                  jQuery('#s1ZR').trigger( 'click' );\r\n                  exitFS();\r\n              }\r\n           });\r\n            jQuery('#s1Zu').on('click', function() { \r\n                mtx = jQuery('#s1S').find('.spritespin-canvas').panzoom('getMatrix');\r\n                sc = mtx[0];\r\n                if (sc > 2) {sc=2;}\r\n                \/\/ console.log('onpanzoom scale',sc);\r\n                var data = jQuery('.s1').spritespin('data');\r\n                data.canvasRatio = sc * window.devicePixelRatio;\r\n                SpriteSpin.applyLayout(data);\r\n                SpriteSpin.updateFrame(data);\r\n                data.stage.show();\r\n                });\r\n            jQuery('#s1ZR').on('click', function() { \r\n                mtx = jQuery('#s1S').find('.spritespin-canvas').panzoom('getMatrix');\r\n                sc = mtx[0];\r\n                if (sc > 2) {sc=2;}\r\n                \/\/ console.log('onpanzoom scale',sc);\r\n                var data = jQuery('.s1').spritespin('data');\r\n                data.canvasRatio = sc * window.devicePixelRatio;\r\n                SpriteSpin.applyLayout(data);\r\n                SpriteSpin.updateFrame(data);\r\n                data.stage.show();\r\n                });\r\n                \r\n    \/\/ ]]><\/script>\r\n    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b7511d4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b7511d4\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-70d4da8\" data-id=\"70d4da8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1977766 elementor-widget elementor-widget-heading\" data-id=\"1977766\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-medium\">I -Panor\u00e1mica<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8f9e6b elementor-widget elementor-widget-shortcode\" data-id=\"e8f9e6b\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <div class='imgover'>\r\n    <div class='container'>\r\n    <style>\r\n        [class^=\"icon-\"], [class*=\" icon-\"]  {\r\n            color:#00ABFF;\r\n        }\r\n    <\/style>\r\n    <i id='s2R' class='icospin-img icon-ion-loop' ><\/i>\r\n    \r\n    <i id='s2Zu' class='icospin-img icon-ion-arrow-up-b' ><\/i>\r\n    <i id='s2ZR' class='icospin-img icon-ion-zoom-reset' ><\/i>\r\n    <i id='s2Zd' class='icospin-img icon-ion-arrow-down-b' ><\/i>\r\n    &nbsp;&nbsp;\r\n    <i id='s2FS' class='icospin-img icon-ion-android-expand' ><\/i>\r\n    \r\n    <img class='imgloader' src='https:\/\/enrique-ferrer.es\/wp-content\/plugins\/spin360\/dragtospin.png'>\r\n        <div id='s2S' class='s2' style='cursor:pointer;' >\r\n        <\/div>\r\n    <\/div>\r\n    <\/div>\r\n    <style>\r\n        .spritespin-instance.loading {\r\n            background: url(\"https:\/\/enrique-ferrer.es\/wp-content\/plugins\/spin360\/ajax-loader-sm.svg\");\r\n            background-position: 50% 50%;\r\n            background-repeat: repeat-y; }\r\n            \/*background-repeat: no-repeat; }*\/\r\n    <\/style>\r\n    <script type='text\/javascript'>\/\/ <![CDATA[\r\n       jQuery(document).ready(function($) {\r\n        setTimeout(function() { jQuery('.imgloader').fadeOut('slow'); \/\/ hide();\r\n            }, 3000);\r\n        });\r\n       \/\/ full-screen available?\r\n       fsa=false;\r\n       if (\r\n            document.fullscreenEnabled ||\r\n            document.webkitFullscreenEnabled ||\r\n            document.mozFullScreenEnabled ||\r\n            document.msFullscreenEnabled\r\n        )\r\n          {\r\n           fsa=true; \/*console.log('full screen available');*\/\r\n          }\r\n       jQuery(function(){ \/\/document ready\r\n           jQuery('#s2Zd').hide();\r\n           if (fsa==true) {\r\n               jQuery('#s2FS').click(function(e){ \r\n                e.preventDefault();\r\n                sc = 1; \/\/ forcing standard Ratio for FS\r\n                var data = jQuery('.s2').spritespin('data');\r\n                data.canvasRatio = window.devicePixelRatio * sc;\r\n                SpriteSpin.applyLayout(data);\r\n                SpriteSpin.updateFrame(data);\r\n                data.stage.show();\r\n                jQuery('.s2').spritespin('api').requestFullscreen(); \r\n                });\r\n                \r\n               jQuery('#s2FS').attr('title', 'full screen');\r\n            }\r\n           else {jQuery('#s2FS').hide();}\r\n           jQuery('#s2R').click(function(e){ \/\/ console.log('s2');\r\n           jQuery('.s2').spritespin('api').data.reverse=!jQuery('.s2').spritespin('api').data.reverse;jQuery('.s2').spritespin('api').startAnimation(); });\r\n           jQuery('#s2R').attr('title', 'reverse play direction');\r\n           if ('zoom'=='all') {\r\n              jQuery('#s2FS').hide();\r\n              jQuery('#s2R').hide();\r\n              jQuery('#s2Zu').hide();\r\n              jQuery('#s2ZR').hide();\r\n           }\r\n           if ('zoom'.includes('fullscreen')) {\r\n              jQuery('#s2FS').hide();\r\n           }\r\n           if ('zoom'.includes('reverse')) {\r\n              jQuery('#s2R').hide();\r\n           }\r\n           if ('zoom'.includes('zoom')) {\r\n              jQuery('#s2Zu').hide();\r\n              jQuery('#s2ZR').hide();\r\n           }\r\n           var pathVar = 'https:\/\/enrique-ferrer.es\/wp-content\/uploads\/spin360show\/batalla\/';\r\n           pathVar=pathVar+'{frame}'+'.png';\r\n           \/\/spritespin instance\r\n           jQuery('.s2').spritespin({width: '800', height: '600.00150000375', source: SpriteSpin.sourceArray(pathVar, { frame: [1,'13'], digits: 4 }), sense: 1, responsive: true,\r\n                    loop: false, frameTime: '400', animate: false, orientation: 'horizontal'});\r\n           \/\/ orientation: 'vertical', \/\/'horizontal', \/\/vertical value will make animation on mouse up\/dowm movenemt    \r\n           if ( '1' == '-1' )\r\n                {\r\n                    jQuery('.s2').spritespin('api').data.reverse=!jQuery('.s2').spritespin('api').data.reverse;\r\n                }\r\n           \/\/panzoom-init\r\n           jQuery('.spritespin-canvas').panzoom({\r\n                    panOnlyWhenZoomed: true,\r\n                    \/\/disablePan: true,\r\n                    duration: 200, \/\/ duration of the zoom to effect\r\n                    easing: 'ease-in-out', \/\/ type of zoom animation\r\n                    \/\/contain: 'invert',\r\n                    minScale: 1,\r\n                    increment: .5,\r\n                    maxScale: 5,\r\n                    linearZoom: true,\r\n                    which: 1, \/\/ changing this values makes pan possible on right lcick of mouse value : 1(left),2(middle),3(right clcik)\r\n                    \/\/ Pan only on the X or Y axes\r\n                    disableXAxis: false,\r\n                    disableYAxis: false,\r\n                    _zoomIn: jQuery('#s2Zu'), \/\/ .zoom-in-1'),\r\n                    _zoomOut: jQuery('#s2Zd'), \/\/.zoom-out-1'),\r\n                    _reset: jQuery('#s2ZR'), \/\/.reset-1'),\r\n                    \/\/ _zoomRange: jQuery('.zoom-range'),\r\n                    onStart: undefined,\r\n                    onChange: function(){},\r\n                    onZoom: undefined,\r\n                    onPan: undefined,\r\n                    onEnd: function(){},\r\n                    onReset: function(){}\r\n                });\r\n                \/\/end panzoom instance\r\n            var panzoom1 = jQuery('.spritespin-canvas').panzoom('instance');\r\n            \r\n           }); \/\/end document ready function\r\n           document.addEventListener('fullscreenchange', function() {\r\n                \/\/console.log('fullscreenchange event fired!');\r\n                var state = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;\r\n                var event = state ? 'FullscreenOn' : 'FullscreenOff';\r\n                \/\/console.log(event,state);\r\n                if (event == 'FullscreenOff') {\r\n                    jQuery('#s2ZR').trigger( 'click' );\r\n                    \/\/ console.log('fullscreen Off event fired!');\r\n                }\r\n            });\r\n           var touchtime = 0;\r\n           jQuery('.s2').on('click', function() {\r\n               if(touchtime == 0) {\r\n                   \/\/set first click\r\n                   touchtime = new Date().getTime();\r\n               } else {\r\n                   \/\/compare first click to this click\r\n                   if(((new Date().getTime())-touchtime) < 300) {\r\n                       \/\/double click occurred\r\n                       jQuery('.s2').spritespin('api').data.reverse=!jQuery('.s2').spritespin('api').data.reverse;\r\n                       jQuery('.s2').spritespin('api').startAnimation();\r\n                       touchtime = 0;\r\n                   } else {\r\n                       \/\/not a double click so set as a new first click\r\n                       jQuery('.s2').spritespin('api').stopAnimation();\r\n                       touchtime = new Date().getTime();\r\n                   }\r\n               }\r\n           });\r\n           \/\/ Whatch fullscreen\r\n           function exitFS() {\r\n             if(document.exitFullscreen) {\r\n               document.exitFullscreen();\r\n             } else if(document.mozCancelFullScreen) {\r\n               document.mozCancelFullScreen();\r\n             } else if(document.webkitExitFullscreen) {\r\n               document.webkitExitFullscreen();\r\n             }\r\n           } \/\/end function\r\n           jQuery(window).on('orientationchange',function(){\r\n              if( fsa == true ) {\r\n                  jQuery('#s2ZR').trigger( 'click' );\r\n                  exitFS();\r\n              }\r\n           });\r\n            jQuery('#s2Zu').on('click', function() { \r\n                mtx = jQuery('#s2S').find('.spritespin-canvas').panzoom('getMatrix');\r\n                sc = mtx[0];\r\n                if (sc > 2) {sc=2;}\r\n                \/\/ console.log('onpanzoom scale',sc);\r\n                var data = jQuery('.s2').spritespin('data');\r\n                data.canvasRatio = sc * window.devicePixelRatio;\r\n                SpriteSpin.applyLayout(data);\r\n                SpriteSpin.updateFrame(data);\r\n                data.stage.show();\r\n                });\r\n            jQuery('#s2ZR').on('click', function() { \r\n                mtx = jQuery('#s2S').find('.spritespin-canvas').panzoom('getMatrix');\r\n                sc = mtx[0];\r\n                if (sc > 2) {sc=2;}\r\n                \/\/ console.log('onpanzoom scale',sc);\r\n                var data = jQuery('.s2').spritespin('data');\r\n                data.canvasRatio = sc * window.devicePixelRatio;\r\n                SpriteSpin.applyLayout(data);\r\n                SpriteSpin.updateFrame(data);\r\n                data.stage.show();\r\n                });\r\n                \r\n    \/\/ ]]><\/script>\r\n    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4be8c40 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4be8c40\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ae816a6\" data-id=\"ae816a6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7c6603e elementor-widget elementor-widget-heading\" data-id=\"7c6603e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-medium\">Picado<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04e3cb9 elementor-widget elementor-widget-shortcode\" data-id=\"04e3cb9\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <div class='imgover'>\r\n    <div class='container'>\r\n    <style>\r\n        [class^=\"icon-\"], [class*=\" icon-\"]  {\r\n            color:#00ABFF;\r\n        }\r\n    <\/style>\r\n    <i id='s3R' class='icospin-img icon-ion-loop' ><\/i>\r\n    \r\n    <i id='s3Zu' class='icospin-img icon-ion-arrow-up-b' ><\/i>\r\n    <i id='s3ZR' class='icospin-img icon-ion-zoom-reset' ><\/i>\r\n    <i id='s3Zd' class='icospin-img icon-ion-arrow-down-b' ><\/i>\r\n    &nbsp;&nbsp;\r\n    <i id='s3FS' class='icospin-img icon-ion-android-expand' ><\/i>\r\n    \r\n    <img class='imgloader' src='https:\/\/enrique-ferrer.es\/wp-content\/plugins\/spin360\/dragtospin.png'>\r\n        <div id='s3S' class='s3' style='cursor:pointer;' >\r\n        <\/div>\r\n    <\/div>\r\n    <\/div>\r\n    <style>\r\n        .spritespin-instance.loading {\r\n            background: url(\"https:\/\/enrique-ferrer.es\/wp-content\/plugins\/spin360\/ajax-loader-sm.svg\");\r\n            background-position: 50% 50%;\r\n            background-repeat: repeat-y; }\r\n            \/*background-repeat: no-repeat; }*\/\r\n    <\/style>\r\n    <script type='text\/javascript'>\/\/ <![CDATA[\r\n       jQuery(document).ready(function($) {\r\n        setTimeout(function() { jQuery('.imgloader').fadeOut('slow'); \/\/ hide();\r\n            }, 3000);\r\n        });\r\n       \/\/ full-screen available?\r\n       fsa=false;\r\n       if (\r\n            document.fullscreenEnabled ||\r\n            document.webkitFullscreenEnabled ||\r\n            document.mozFullScreenEnabled ||\r\n            document.msFullscreenEnabled\r\n        )\r\n          {\r\n           fsa=true; \/*console.log('full screen available');*\/\r\n          }\r\n       jQuery(function(){ \/\/document ready\r\n           jQuery('#s3Zd').hide();\r\n           if (fsa==true) {\r\n               jQuery('#s3FS').click(function(e){ \r\n                e.preventDefault();\r\n                sc = 1; \/\/ forcing standard Ratio for FS\r\n                var data = jQuery('.s3').spritespin('data');\r\n                data.canvasRatio = window.devicePixelRatio * sc;\r\n                SpriteSpin.applyLayout(data);\r\n                SpriteSpin.updateFrame(data);\r\n                data.stage.show();\r\n                jQuery('.s3').spritespin('api').requestFullscreen(); \r\n                });\r\n                \r\n               jQuery('#s3FS').attr('title', 'full screen');\r\n            }\r\n           else {jQuery('#s3FS').hide();}\r\n           jQuery('#s3R').click(function(e){ \/\/ console.log('s3');\r\n           jQuery('.s3').spritespin('api').data.reverse=!jQuery('.s3').spritespin('api').data.reverse;jQuery('.s3').spritespin('api').startAnimation(); });\r\n           jQuery('#s3R').attr('title', 'reverse play direction');\r\n           if ('zoom'=='all') {\r\n              jQuery('#s3FS').hide();\r\n              jQuery('#s3R').hide();\r\n              jQuery('#s3Zu').hide();\r\n              jQuery('#s3ZR').hide();\r\n           }\r\n           if ('zoom'.includes('fullscreen')) {\r\n              jQuery('#s3FS').hide();\r\n           }\r\n           if ('zoom'.includes('reverse')) {\r\n              jQuery('#s3R').hide();\r\n           }\r\n           if ('zoom'.includes('zoom')) {\r\n              jQuery('#s3Zu').hide();\r\n              jQuery('#s3ZR').hide();\r\n           }\r\n           var pathVar = 'https:\/\/enrique-ferrer.es\/wp-content\/uploads\/spin360show\/picado\/';\r\n           pathVar=pathVar+'{frame}'+'.png';\r\n           \/\/spritespin instance\r\n           jQuery('.s3').spritespin({width: '800', height: '600.00150000375', source: SpriteSpin.sourceArray(pathVar, { frame: [1,'13'], digits: 4 }), sense: 1, responsive: true,\r\n                    loop: false, frameTime: '400', animate: false, orientation: 'horizontal'});\r\n           \/\/ orientation: 'vertical', \/\/'horizontal', \/\/vertical value will make animation on mouse up\/dowm movenemt    \r\n           if ( '1' == '-1' )\r\n                {\r\n                    jQuery('.s3').spritespin('api').data.reverse=!jQuery('.s3').spritespin('api').data.reverse;\r\n                }\r\n           \/\/panzoom-init\r\n           jQuery('.spritespin-canvas').panzoom({\r\n                    panOnlyWhenZoomed: true,\r\n                    \/\/disablePan: true,\r\n                    duration: 200, \/\/ duration of the zoom to effect\r\n                    easing: 'ease-in-out', \/\/ type of zoom animation\r\n                    \/\/contain: 'invert',\r\n                    minScale: 1,\r\n                    increment: .5,\r\n                    maxScale: 5,\r\n                    linearZoom: true,\r\n                    which: 1, \/\/ changing this values makes pan possible on right lcick of mouse value : 1(left),2(middle),3(right clcik)\r\n                    \/\/ Pan only on the X or Y axes\r\n                    disableXAxis: false,\r\n                    disableYAxis: false,\r\n                    _zoomIn: jQuery('#s3Zu'), \/\/ .zoom-in-1'),\r\n                    _zoomOut: jQuery('#s3Zd'), \/\/.zoom-out-1'),\r\n                    _reset: jQuery('#s3ZR'), \/\/.reset-1'),\r\n                    \/\/ _zoomRange: jQuery('.zoom-range'),\r\n                    onStart: undefined,\r\n                    onChange: function(){},\r\n                    onZoom: undefined,\r\n                    onPan: undefined,\r\n                    onEnd: function(){},\r\n                    onReset: function(){}\r\n                });\r\n                \/\/end panzoom instance\r\n            var panzoom1 = jQuery('.spritespin-canvas').panzoom('instance');\r\n            \r\n           }); \/\/end document ready function\r\n           document.addEventListener('fullscreenchange', function() {\r\n                \/\/console.log('fullscreenchange event fired!');\r\n                var state = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;\r\n                var event = state ? 'FullscreenOn' : 'FullscreenOff';\r\n                \/\/console.log(event,state);\r\n                if (event == 'FullscreenOff') {\r\n                    jQuery('#s3ZR').trigger( 'click' );\r\n                    \/\/ console.log('fullscreen Off event fired!');\r\n                }\r\n            });\r\n           var touchtime = 0;\r\n           jQuery('.s3').on('click', function() {\r\n               if(touchtime == 0) {\r\n                   \/\/set first click\r\n                   touchtime = new Date().getTime();\r\n               } else {\r\n                   \/\/compare first click to this click\r\n                   if(((new Date().getTime())-touchtime) < 300) {\r\n                       \/\/double click occurred\r\n                       jQuery('.s3').spritespin('api').data.reverse=!jQuery('.s3').spritespin('api').data.reverse;\r\n                       jQuery('.s3').spritespin('api').startAnimation();\r\n                       touchtime = 0;\r\n                   } else {\r\n                       \/\/not a double click so set as a new first click\r\n                       jQuery('.s3').spritespin('api').stopAnimation();\r\n                       touchtime = new Date().getTime();\r\n                   }\r\n               }\r\n           });\r\n           \/\/ Whatch fullscreen\r\n           function exitFS() {\r\n             if(document.exitFullscreen) {\r\n               document.exitFullscreen();\r\n             } else if(document.mozCancelFullScreen) {\r\n               document.mozCancelFullScreen();\r\n             } else if(document.webkitExitFullscreen) {\r\n               document.webkitExitFullscreen();\r\n             }\r\n           } \/\/end function\r\n           jQuery(window).on('orientationchange',function(){\r\n              if( fsa == true ) {\r\n                  jQuery('#s3ZR').trigger( 'click' );\r\n                  exitFS();\r\n              }\r\n           });\r\n            jQuery('#s3Zu').on('click', function() { \r\n                mtx = jQuery('#s3S').find('.spritespin-canvas').panzoom('getMatrix');\r\n                sc = mtx[0];\r\n                if (sc > 2) {sc=2;}\r\n                \/\/ console.log('onpanzoom scale',sc);\r\n                var data = jQuery('.s3').spritespin('data');\r\n                data.canvasRatio = sc * window.devicePixelRatio;\r\n                SpriteSpin.applyLayout(data);\r\n                SpriteSpin.updateFrame(data);\r\n                data.stage.show();\r\n                });\r\n            jQuery('#s3ZR').on('click', function() { \r\n                mtx = jQuery('#s3S').find('.spritespin-canvas').panzoom('getMatrix');\r\n                sc = mtx[0];\r\n                if (sc > 2) {sc=2;}\r\n                \/\/ console.log('onpanzoom scale',sc);\r\n                var data = jQuery('.s3').spritespin('data');\r\n                data.canvasRatio = sc * window.devicePixelRatio;\r\n                SpriteSpin.applyLayout(data);\r\n                SpriteSpin.updateFrame(data);\r\n                data.stage.show();\r\n                });\r\n                \r\n    \/\/ ]]><\/script>\r\n    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-791e974 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"791e974\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3793a97\" data-id=\"3793a97\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-56f5e6a elementor-widget elementor-widget-heading\" data-id=\"56f5e6a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-medium\">I -Ralenti<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-92d3f54 elementor-widget elementor-widget-shortcode\" data-id=\"92d3f54\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <div class='imgover'>\r\n    <div class='container'>\r\n    <style>\r\n        [class^=\"icon-\"], [class*=\" icon-\"]  {\r\n            color:#00ABFF;\r\n        }\r\n    <\/style>\r\n    <i id='s4R' class='icospin-img icon-ion-loop' ><\/i>\r\n    \r\n    <i id='s4Zu' class='icospin-img icon-ion-arrow-up-b' ><\/i>\r\n    <i id='s4ZR' class='icospin-img icon-ion-zoom-reset' ><\/i>\r\n    <i id='s4Zd' class='icospin-img icon-ion-arrow-down-b' ><\/i>\r\n    &nbsp;&nbsp;\r\n    <i id='s4FS' class='icospin-img icon-ion-android-expand' ><\/i>\r\n    \r\n    <img class='imgloader' src='https:\/\/enrique-ferrer.es\/wp-content\/plugins\/spin360\/dragtospin.png'>\r\n        <div id='s4S' class='s4' style='cursor:pointer;' >\r\n        <\/div>\r\n    <\/div>\r\n    <\/div>\r\n    <style>\r\n        .spritespin-instance.loading {\r\n            background: url(\"https:\/\/enrique-ferrer.es\/wp-content\/plugins\/spin360\/ajax-loader-sm.svg\");\r\n            background-position: 50% 50%;\r\n            background-repeat: repeat-y; }\r\n            \/*background-repeat: no-repeat; }*\/\r\n    <\/style>\r\n    <script type='text\/javascript'>\/\/ <![CDATA[\r\n       jQuery(document).ready(function($) {\r\n        setTimeout(function() { jQuery('.imgloader').fadeOut('slow'); \/\/ hide();\r\n            }, 3000);\r\n        });\r\n       \/\/ full-screen available?\r\n       fsa=false;\r\n       if (\r\n            document.fullscreenEnabled ||\r\n            document.webkitFullscreenEnabled ||\r\n            document.mozFullScreenEnabled ||\r\n            document.msFullscreenEnabled\r\n        )\r\n          {\r\n           fsa=true; \/*console.log('full screen available');*\/\r\n          }\r\n       jQuery(function(){ \/\/document ready\r\n           jQuery('#s4Zd').hide();\r\n           if (fsa==true) {\r\n               jQuery('#s4FS').click(function(e){ \r\n                e.preventDefault();\r\n                sc = 1; \/\/ forcing standard Ratio for FS\r\n                var data = jQuery('.s4').spritespin('data');\r\n                data.canvasRatio = window.devicePixelRatio * sc;\r\n                SpriteSpin.applyLayout(data);\r\n                SpriteSpin.updateFrame(data);\r\n                data.stage.show();\r\n                jQuery('.s4').spritespin('api').requestFullscreen(); \r\n                });\r\n                \r\n               jQuery('#s4FS').attr('title', 'full screen');\r\n            }\r\n           else {jQuery('#s4FS').hide();}\r\n           jQuery('#s4R').click(function(e){ \/\/ console.log('s4');\r\n           jQuery('.s4').spritespin('api').data.reverse=!jQuery('.s4').spritespin('api').data.reverse;jQuery('.s4').spritespin('api').startAnimation(); });\r\n           jQuery('#s4R').attr('title', 'reverse play direction');\r\n           if ('zoom'=='all') {\r\n              jQuery('#s4FS').hide();\r\n              jQuery('#s4R').hide();\r\n              jQuery('#s4Zu').hide();\r\n              jQuery('#s4ZR').hide();\r\n           }\r\n           if ('zoom'.includes('fullscreen')) {\r\n              jQuery('#s4FS').hide();\r\n           }\r\n           if ('zoom'.includes('reverse')) {\r\n              jQuery('#s4R').hide();\r\n           }\r\n           if ('zoom'.includes('zoom')) {\r\n              jQuery('#s4Zu').hide();\r\n              jQuery('#s4ZR').hide();\r\n           }\r\n           var pathVar = 'https:\/\/enrique-ferrer.es\/wp-content\/uploads\/spin360show\/ralenti\/';\r\n           pathVar=pathVar+'{frame}'+'.png';\r\n           \/\/spritespin instance\r\n           jQuery('.s4').spritespin({width: '800', height: '600.00150000375', source: SpriteSpin.sourceArray(pathVar, { frame: [1,'13'], digits: 4 }), sense: 1, responsive: true,\r\n                    loop: false, frameTime: '400', animate: false, orientation: 'horizontal'});\r\n           \/\/ orientation: 'vertical', \/\/'horizontal', \/\/vertical value will make animation on mouse up\/dowm movenemt    \r\n           if ( '1' == '-1' )\r\n                {\r\n                    jQuery('.s4').spritespin('api').data.reverse=!jQuery('.s4').spritespin('api').data.reverse;\r\n                }\r\n           \/\/panzoom-init\r\n           jQuery('.spritespin-canvas').panzoom({\r\n                    panOnlyWhenZoomed: true,\r\n                    \/\/disablePan: true,\r\n                    duration: 200, \/\/ duration of the zoom to effect\r\n                    easing: 'ease-in-out', \/\/ type of zoom animation\r\n                    \/\/contain: 'invert',\r\n                    minScale: 1,\r\n                    increment: .5,\r\n                    maxScale: 5,\r\n                    linearZoom: true,\r\n                    which: 1, \/\/ changing this values makes pan possible on right lcick of mouse value : 1(left),2(middle),3(right clcik)\r\n                    \/\/ Pan only on the X or Y axes\r\n                    disableXAxis: false,\r\n                    disableYAxis: false,\r\n                    _zoomIn: jQuery('#s4Zu'), \/\/ .zoom-in-1'),\r\n                    _zoomOut: jQuery('#s4Zd'), \/\/.zoom-out-1'),\r\n                    _reset: jQuery('#s4ZR'), \/\/.reset-1'),\r\n                    \/\/ _zoomRange: jQuery('.zoom-range'),\r\n                    onStart: undefined,\r\n                    onChange: function(){},\r\n                    onZoom: undefined,\r\n                    onPan: undefined,\r\n                    onEnd: function(){},\r\n                    onReset: function(){}\r\n                });\r\n                \/\/end panzoom instance\r\n            var panzoom1 = jQuery('.spritespin-canvas').panzoom('instance');\r\n            \r\n           }); \/\/end document ready function\r\n           document.addEventListener('fullscreenchange', function() {\r\n                \/\/console.log('fullscreenchange event fired!');\r\n                var state = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;\r\n                var event = state ? 'FullscreenOn' : 'FullscreenOff';\r\n                \/\/console.log(event,state);\r\n                if (event == 'FullscreenOff') {\r\n                    jQuery('#s4ZR').trigger( 'click' );\r\n                    \/\/ console.log('fullscreen Off event fired!');\r\n                }\r\n            });\r\n           var touchtime = 0;\r\n           jQuery('.s4').on('click', function() {\r\n               if(touchtime == 0) {\r\n                   \/\/set first click\r\n                   touchtime = new Date().getTime();\r\n               } else {\r\n                   \/\/compare first click to this click\r\n                   if(((new Date().getTime())-touchtime) < 300) {\r\n                       \/\/double click occurred\r\n                       jQuery('.s4').spritespin('api').data.reverse=!jQuery('.s4').spritespin('api').data.reverse;\r\n                       jQuery('.s4').spritespin('api').startAnimation();\r\n                       touchtime = 0;\r\n                   } else {\r\n                       \/\/not a double click so set as a new first click\r\n                       jQuery('.s4').spritespin('api').stopAnimation();\r\n                       touchtime = new Date().getTime();\r\n                   }\r\n               }\r\n           });\r\n           \/\/ Whatch fullscreen\r\n           function exitFS() {\r\n             if(document.exitFullscreen) {\r\n               document.exitFullscreen();\r\n             } else if(document.mozCancelFullScreen) {\r\n               document.mozCancelFullScreen();\r\n             } else if(document.webkitExitFullscreen) {\r\n               document.webkitExitFullscreen();\r\n             }\r\n           } \/\/end function\r\n           jQuery(window).on('orientationchange',function(){\r\n              if( fsa == true ) {\r\n                  jQuery('#s4ZR').trigger( 'click' );\r\n                  exitFS();\r\n              }\r\n           });\r\n            jQuery('#s4Zu').on('click', function() { \r\n                mtx = jQuery('#s4S').find('.spritespin-canvas').panzoom('getMatrix');\r\n                sc = mtx[0];\r\n                if (sc > 2) {sc=2;}\r\n                \/\/ console.log('onpanzoom scale',sc);\r\n                var data = jQuery('.s4').spritespin('data');\r\n                data.canvasRatio = sc * window.devicePixelRatio;\r\n                SpriteSpin.applyLayout(data);\r\n                SpriteSpin.updateFrame(data);\r\n                data.stage.show();\r\n                });\r\n            jQuery('#s4ZR').on('click', function() { \r\n                mtx = jQuery('#s4S').find('.spritespin-canvas').panzoom('getMatrix');\r\n                sc = mtx[0];\r\n                if (sc > 2) {sc=2;}\r\n                \/\/ console.log('onpanzoom scale',sc);\r\n                var data = jQuery('.s4').spritespin('data');\r\n                data.canvasRatio = sc * window.devicePixelRatio;\r\n                SpriteSpin.applyLayout(data);\r\n                SpriteSpin.updateFrame(data);\r\n                data.stage.show();\r\n                });\r\n                \r\n    \/\/ ]]><\/script>\r\n    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-344ea8e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"344ea8e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d7e0398\" data-id=\"d7e0398\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1024e94 elementor-widget elementor-widget-heading\" data-id=\"1024e94\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-medium\">Travelling<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71b3ae7 elementor-widget elementor-widget-shortcode\" data-id=\"71b3ae7\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <div class='imgover'>\r\n    <div class='container'>\r\n    <style>\r\n        [class^=\"icon-\"], [class*=\" icon-\"]  {\r\n            color:#00ABFF;\r\n        }\r\n    <\/style>\r\n    <i id='s5R' class='icospin-img icon-ion-loop' ><\/i>\r\n    \r\n    <i id='s5Zu' class='icospin-img icon-ion-arrow-up-b' ><\/i>\r\n    <i id='s5ZR' class='icospin-img icon-ion-zoom-reset' ><\/i>\r\n    <i id='s5Zd' class='icospin-img icon-ion-arrow-down-b' ><\/i>\r\n    &nbsp;&nbsp;\r\n    <i id='s5FS' class='icospin-img icon-ion-android-expand' ><\/i>\r\n    \r\n    <img class='imgloader' src='https:\/\/enrique-ferrer.es\/wp-content\/plugins\/spin360\/dragtospin.png'>\r\n        <div id='s5S' class='s5' style='cursor:pointer;' >\r\n        <\/div>\r\n    <\/div>\r\n    <\/div>\r\n    <style>\r\n        .spritespin-instance.loading {\r\n            background: url(\"https:\/\/enrique-ferrer.es\/wp-content\/plugins\/spin360\/ajax-loader-sm.svg\");\r\n            background-position: 50% 50%;\r\n            background-repeat: repeat-y; }\r\n            \/*background-repeat: no-repeat; }*\/\r\n    <\/style>\r\n    <script type='text\/javascript'>\/\/ <![CDATA[\r\n       jQuery(document).ready(function($) {\r\n        setTimeout(function() { jQuery('.imgloader').fadeOut('slow'); \/\/ hide();\r\n            }, 3000);\r\n        });\r\n       \/\/ full-screen available?\r\n       fsa=false;\r\n       if (\r\n            document.fullscreenEnabled ||\r\n            document.webkitFullscreenEnabled ||\r\n            document.mozFullScreenEnabled ||\r\n            document.msFullscreenEnabled\r\n        )\r\n          {\r\n           fsa=true; \/*console.log('full screen available');*\/\r\n          }\r\n       jQuery(function(){ \/\/document ready\r\n           jQuery('#s5Zd').hide();\r\n           if (fsa==true) {\r\n               jQuery('#s5FS').click(function(e){ \r\n                e.preventDefault();\r\n                sc = 1; \/\/ forcing standard Ratio for FS\r\n                var data = jQuery('.s5').spritespin('data');\r\n                data.canvasRatio = window.devicePixelRatio * sc;\r\n                SpriteSpin.applyLayout(data);\r\n                SpriteSpin.updateFrame(data);\r\n                data.stage.show();\r\n                jQuery('.s5').spritespin('api').requestFullscreen(); \r\n                });\r\n                \r\n               jQuery('#s5FS').attr('title', 'full screen');\r\n            }\r\n           else {jQuery('#s5FS').hide();}\r\n           jQuery('#s5R').click(function(e){ \/\/ console.log('s5');\r\n           jQuery('.s5').spritespin('api').data.reverse=!jQuery('.s5').spritespin('api').data.reverse;jQuery('.s5').spritespin('api').startAnimation(); });\r\n           jQuery('#s5R').attr('title', 'reverse play direction');\r\n           if ('zoom'=='all') {\r\n              jQuery('#s5FS').hide();\r\n              jQuery('#s5R').hide();\r\n              jQuery('#s5Zu').hide();\r\n              jQuery('#s5ZR').hide();\r\n           }\r\n           if ('zoom'.includes('fullscreen')) {\r\n              jQuery('#s5FS').hide();\r\n           }\r\n           if ('zoom'.includes('reverse')) {\r\n              jQuery('#s5R').hide();\r\n           }\r\n           if ('zoom'.includes('zoom')) {\r\n              jQuery('#s5Zu').hide();\r\n              jQuery('#s5ZR').hide();\r\n           }\r\n           var pathVar = 'https:\/\/enrique-ferrer.es\/wp-content\/uploads\/spin360show\/travellingVert\/';\r\n           pathVar=pathVar+'{frame}'+'.png';\r\n           \/\/spritespin instance\r\n           jQuery('.s5').spritespin({width: '800', height: '600.00150000375', source: SpriteSpin.sourceArray(pathVar, { frame: [1,'13'], digits: 4 }), sense: 1, responsive: true,\r\n                    loop: false, frameTime: '400', animate: false, orientation: 'horizontal'});\r\n           \/\/ orientation: 'vertical', \/\/'horizontal', \/\/vertical value will make animation on mouse up\/dowm movenemt    \r\n           if ( '1' == '-1' )\r\n                {\r\n                    jQuery('.s5').spritespin('api').data.reverse=!jQuery('.s5').spritespin('api').data.reverse;\r\n                }\r\n           \/\/panzoom-init\r\n           jQuery('.spritespin-canvas').panzoom({\r\n                    panOnlyWhenZoomed: true,\r\n                    \/\/disablePan: true,\r\n                    duration: 200, \/\/ duration of the zoom to effect\r\n                    easing: 'ease-in-out', \/\/ type of zoom animation\r\n                    \/\/contain: 'invert',\r\n                    minScale: 1,\r\n                    increment: .5,\r\n                    maxScale: 5,\r\n                    linearZoom: true,\r\n                    which: 1, \/\/ changing this values makes pan possible on right lcick of mouse value : 1(left),2(middle),3(right clcik)\r\n                    \/\/ Pan only on the X or Y axes\r\n                    disableXAxis: false,\r\n                    disableYAxis: false,\r\n                    _zoomIn: jQuery('#s5Zu'), \/\/ .zoom-in-1'),\r\n                    _zoomOut: jQuery('#s5Zd'), \/\/.zoom-out-1'),\r\n                    _reset: jQuery('#s5ZR'), \/\/.reset-1'),\r\n                    \/\/ _zoomRange: jQuery('.zoom-range'),\r\n                    onStart: undefined,\r\n                    onChange: function(){},\r\n                    onZoom: undefined,\r\n                    onPan: undefined,\r\n                    onEnd: function(){},\r\n                    onReset: function(){}\r\n                });\r\n                \/\/end panzoom instance\r\n            var panzoom1 = jQuery('.spritespin-canvas').panzoom('instance');\r\n            \r\n           }); \/\/end document ready function\r\n           document.addEventListener('fullscreenchange', function() {\r\n                \/\/console.log('fullscreenchange event fired!');\r\n                var state = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;\r\n                var event = state ? 'FullscreenOn' : 'FullscreenOff';\r\n                \/\/console.log(event,state);\r\n                if (event == 'FullscreenOff') {\r\n                    jQuery('#s5ZR').trigger( 'click' );\r\n                    \/\/ console.log('fullscreen Off event fired!');\r\n                }\r\n            });\r\n           var touchtime = 0;\r\n           jQuery('.s5').on('click', function() {\r\n               if(touchtime == 0) {\r\n                   \/\/set first click\r\n                   touchtime = new Date().getTime();\r\n               } else {\r\n                   \/\/compare first click to this click\r\n                   if(((new Date().getTime())-touchtime) < 300) {\r\n                       \/\/double click occurred\r\n                       jQuery('.s5').spritespin('api').data.reverse=!jQuery('.s5').spritespin('api').data.reverse;\r\n                       jQuery('.s5').spritespin('api').startAnimation();\r\n                       touchtime = 0;\r\n                   } else {\r\n                       \/\/not a double click so set as a new first click\r\n                       jQuery('.s5').spritespin('api').stopAnimation();\r\n                       touchtime = new Date().getTime();\r\n                   }\r\n               }\r\n           });\r\n           \/\/ Whatch fullscreen\r\n           function exitFS() {\r\n             if(document.exitFullscreen) {\r\n               document.exitFullscreen();\r\n             } else if(document.mozCancelFullScreen) {\r\n               document.mozCancelFullScreen();\r\n             } else if(document.webkitExitFullscreen) {\r\n               document.webkitExitFullscreen();\r\n             }\r\n           } \/\/end function\r\n           jQuery(window).on('orientationchange',function(){\r\n              if( fsa == true ) {\r\n                  jQuery('#s5ZR').trigger( 'click' );\r\n                  exitFS();\r\n              }\r\n           });\r\n            jQuery('#s5Zu').on('click', function() { \r\n                mtx = jQuery('#s5S').find('.spritespin-canvas').panzoom('getMatrix');\r\n                sc = mtx[0];\r\n                if (sc > 2) {sc=2;}\r\n                \/\/ console.log('onpanzoom scale',sc);\r\n                var data = jQuery('.s5').spritespin('data');\r\n                data.canvasRatio = sc * window.devicePixelRatio;\r\n                SpriteSpin.applyLayout(data);\r\n                SpriteSpin.updateFrame(data);\r\n                data.stage.show();\r\n                });\r\n            jQuery('#s5ZR').on('click', function() { \r\n                mtx = jQuery('#s5S').find('.spritespin-canvas').panzoom('getMatrix');\r\n                sc = mtx[0];\r\n                if (sc > 2) {sc=2;}\r\n                \/\/ console.log('onpanzoom scale',sc);\r\n                var data = jQuery('.s5').spritespin('data');\r\n                data.canvasRatio = sc * window.devicePixelRatio;\r\n                SpriteSpin.applyLayout(data);\r\n                SpriteSpin.updateFrame(data);\r\n                data.stage.show();\r\n                });\r\n                \r\n    \/\/ ]]><\/script>\r\n    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contraplano I -Panor\u00e1mica Picado I -Ralenti Travelling<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":28,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-81","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/enrique-ferrer.es\/index.php\/wp-json\/wp\/v2\/pages\/81","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/enrique-ferrer.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/enrique-ferrer.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/enrique-ferrer.es\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/enrique-ferrer.es\/index.php\/wp-json\/wp\/v2\/comments?post=81"}],"version-history":[{"count":19,"href":"https:\/\/enrique-ferrer.es\/index.php\/wp-json\/wp\/v2\/pages\/81\/revisions"}],"predecessor-version":[{"id":424,"href":"https:\/\/enrique-ferrer.es\/index.php\/wp-json\/wp\/v2\/pages\/81\/revisions\/424"}],"up":[{"embeddable":true,"href":"https:\/\/enrique-ferrer.es\/index.php\/wp-json\/wp\/v2\/pages\/28"}],"wp:attachment":[{"href":"https:\/\/enrique-ferrer.es\/index.php\/wp-json\/wp\/v2\/media?parent=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}