{"id":2363,"date":"2022-03-29T13:52:33","date_gmt":"2022-03-29T13:52:33","guid":{"rendered":"https:\/\/www.skyservice.cz\/?page_id=2363"},"modified":"2022-04-26T14:14:02","modified_gmt":"2022-04-26T14:14:02","slug":"test","status":"publish","type":"page","link":"https:\/\/www.skyservice.cz\/en\/test\/","title":{"rendered":"test"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2363\" class=\"elementor elementor-2363\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fe1a9bc elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"fe1a9bc\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<section class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7be8f39\" data-id=\"7be8f39\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-977cdef elementor-widget elementor-widget-html\" data-id=\"977cdef\" data-element_type=\"widget\" id=\"ss-content\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section id=\"ss-content\">\r\n  <section id=\"ss-main\">\r\n    <section id=\"ss-slides\">\r\n      <section class=\"the-slides\">\r\n        <h2>ARRIVING<\/h2>\r\n        <p>\r\n          No waiting or wandering around dropzone (that\u2019s what we call airport). Right after you arrive, one of our staff will take you under his\/her wings and show you around.\r\n        <\/p>\r\n      <\/section>\r\n      <!--\r\n                -->\r\n      <section class=\"the-slides slide-two\">\r\n        <h2>TRAINING<\/h2>\r\n        <p>\r\n          Next is a short briefing. You will learn in detail, how the actual exit from the plane is going to happen, what to expect while freefalling through the air and even how to behave during the landing phase.\r\n        <\/p>\r\n      <\/section>\r\n      <!--\r\n                -->\r\n      <section class=\"the-slides slide-three\">\r\n        <h2>FLIGHT<\/h2>\r\n        <p>\r\n          After 15\u201320 minutes of  sightseeing flight you &amp; your tandem pilot will jump out at altitude of 4200 meters. Your own unforgettable experience starts right now!\r\n        <\/p>\r\n      <\/section>\r\n      <!--\r\n                -->\r\n      <section class=\"the-slides slide-four\">\r\n        <h2>SKYDIVING<\/h2>\r\n        <p>\r\n          We guarantee you'll be thrilled. Height, speed, adrenaline, sailing\r\n          parachuting, even the views! You'll be talking about it for years. Join the\r\n          and enjoy the best skydiving in the world.\r\n        <\/p>\r\n      <\/section>\r\n    <\/section>\r\n    <section id=\"ss-buttons\">\r\n      <button id=\"previous-slide\" class=\"ss-pn-buttons\">\u2190<\/button>\r\n      <button id=\"next-slide\" class=\"ss-pn-buttons\">\u2192<\/button>\r\n    <\/section>\r\n    <section id=\"ss-map\">\r\n      <section class=\"ss-map-box\">\r\n        <label for=\"map-first-slide\">ARRIVING<\/label>\r\n        <button id=\"map-first-slide\" data-map-button=\"1\" class=\"map-button\"><\/button>\r\n      <\/section>\r\n      <section class=\"ss-map-box\">\r\n        <label for=\"map-second-slide\">TRAINING<\/label>\r\n        <button id=\"map-second-slide\" data-map-button=\"2\" class=\"map-button\"><\/button>\r\n      <\/section>\r\n      <section class=\"ss-map-box\">\r\n        <label for=\"map-third-slide\">FLIGHT<\/label>\r\n        <button id=\"map-third-slide\" data-map-button=\"3\" class=\"map-button\"><\/button>\r\n      <\/section>\r\n      <section class=\"ss-map-box\">\r\n        <label for=\"map-fourth-slide\">SKYDIVING<\/label>\r\n        <button id=\"map-fourth-slide\" data-map-button=\"4\" class=\"map-button\"><\/button>\r\n      <\/section>\r\n      <section id=\"ss-map-line\"><\/section>\r\n      <svg id=\"map-plane\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 576 512\">\r\n        <path d=\"M482.3 192C516.5 192 576 221 576 256C576 292 516.5 320 482.3 320H365.7L265.2 495.9C259.5 505.8 248.9 512 237.4 512H181.2C170.6 512 162.9 501.8 165.8 491.6L214.9 320H112L68.8 377.6C65.78 381.6 61.04 384 56 384H14.03C6.284 384 0 377.7 0 369.1C0 368.7 .1818 367.4 .5398 366.1L32 256L.5398 145.9C.1818 144.6 0 143.3 0 142C0 134.3 6.284 128 14.03 128H56C61.04 128 65.78 130.4 68.8 134.4L112 192H214.9L165.8 20.4C162.9 10.17 170.6 0 181.2 0H237.4C248.9 0 259.5 6.153 265.2 16.12L365.7 192H482.3z\" \/>\r\n      <\/svg>\r\n    <\/section>\r\n  <\/section>\r\n<\/section>\r\n<script>\r\n  const CONTENT = document.getElementById('ss-content');\r\n  const MAIN = document.getElementById('ss-main');\r\n  const SLIDES = document.getElementById('ss-slides');\r\n  const PREVIOUS = document.getElementById('previous-slide');\r\n  const NEXT = document.getElementById('next-slide');\r\n  const MAP = document.getElementById('ss-map');\r\n  let slides = {\r\n    'current': 1,\r\n    'slides-position': 0,\r\n    'map-first-slide': 0,\r\n    'map-second-slide': 1,\r\n    'map-third-slide': 2,\r\n    'map-fourth-slide': 3\r\n  };\r\n  const slideImages = {\r\n      1: \"linear-gradient(90deg, rgba(92,89,105,.55) 0%, rgba(105,105,105,.45) 50%, rgba(92,89,105, .55) 100%), url(https:\/\/www.skyservice.cz\/wp-content\/uploads\/2022\/02\/No-waiting-or-wandering-around-dropzone-.jpg) center top\",\r\n      2: \"linear-gradient(90deg, rgba(92,89,105,.55) 0%, rgba(105,105,105,.45) 50%, rgba(92,89,105, .55) 100%), url(https:\/\/www.skyservice.cz\/wp-content\/uploads\/2022\/02\/Next-is-a-short-briefing.jpg) center center\",\r\n      3: \"linear-gradient(90deg, rgba(92,89,105,.55) 0%, rgba(105,105,105,.45) 50%, rgba(92,89,105, .55) 100%), url(https:\/\/www.skyservice.cz\/wp-content\/uploads\/2022\/02\/After-15\u201320-minutes-of-sightseeing-flight-you-.jpg) center center\",\r\n      4: \"linear-gradient(90deg, rgba(92,89,105,.55) 0%, rgba(105,105,105,.45) 50%, rgba(92,89,105, .55) 100%), url(https:\/\/www.skyservice.cz\/wp-content\/uploads\/2022\/02\/We-guarantee-you-will-be-thrilled.jpg) center center\",\r\n    }\r\n  \r\n  slideSize();\r\n  window.addEventListener('resize', slideSize);\r\n  slideBackground();\r\n  selectedSlide();\r\n\r\n  NEXT.addEventListener('click', (event) => {\r\n    if (event.target.tagName != 'BUTTON') return;\r\n    [...SLIDES.children].forEach(element => {\r\n      if (slides['current'] == 4) {\r\n        slides['slides-position'] = 0;\r\n        slides['current'] = 0;\r\n      } else {\r\n        slides['slides-position'] = (-SLIDES.firstElementChild.scrollWidth * slides['current']);\r\n      }\r\n      let position = slides['slides-position'] + 'px';\r\n      element.animate([{\r\n        transform: `translateX(${position})`\r\n      }], {\r\n        duration: 400,\r\n        fill: 'forwards'\r\n      });\r\n    });\r\n    slides['current']++;\r\n    slideBackground();\r\n    selectedSlide();\r\n  });\r\n  \r\n  PREVIOUS.addEventListener('click', (event) => {\r\n    if (event.target.tagName != 'BUTTON') return;\r\n    [...SLIDES.children].forEach(element => {\r\n      if (slides['current'] == 1) {\r\n        slides['slides-position'] = (SLIDES.firstElementChild.scrollWidth * -3);\r\n        slides['current'] = 5;\r\n      } else {\r\n        slides['slides-position'] = (-SLIDES.firstElementChild.scrollWidth * (slides['current'] - 2));\r\n      }\r\n      let position = slides['slides-position'] + 'px';\r\n      element.animate([{\r\n        transform: `translateX(${position})`\r\n      }], {\r\n        duration: 400,\r\n        fill: 'forwards'\r\n      });\r\n    });\r\n    slides['current']--;\r\n    slideBackground();\r\n    selectedSlide();\r\n  });\r\n  \r\n  MAP.addEventListener('click', (event) => {\r\n    if (event.target.tagName != 'BUTTON') return;\r\n    [...SLIDES.children].forEach(element => {\r\n      slides['slides-position'] = -(SLIDES.firstElementChild.scrollWidth * slides[event.target.id]);\r\n      let position = slides['slides-position'] + 'px';\r\n      element.animate([{\r\n        transform: `translateX(${position})`\r\n      }], {\r\n        duration: 400,\r\n        fill: 'forwards'\r\n      });\r\n    })\r\n    slides['current'] = slides[event.target.id] + 1;\r\n    slideBackground();\r\n    selectedSlide();\r\n  });\r\n\r\n  function slideSize() {\r\n    MAIN.style.setProperty('--ss-size', '0px');\r\n    MAIN.style.setProperty('--ss-size', MAIN.scrollWidth + 'px');\r\n  }\r\n  \r\n  function slideBackground() {\r\n      CONTENT.style.background = slideImages[slides['current']];\r\n  }\r\n\r\n  function selectedSlide() {\r\n    [...MAP.children].forEach(element => {\r\n      [...element.children].forEach((slide, index) => {\r\n        if (slide.tagName == 'BUTTON') {\r\n          if (slides['current'] == slide.dataset.mapButton) {\r\n            slide.classList.add('current-slide');\r\n          } else {\r\n            slide.classList.remove('current-slide');\r\n          }\r\n        }\r\n      })\r\n    })\r\n  }\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>P\u0158\u00cdCHOD \u017d\u00e1dn\u00e9 \u010dek\u00e1n\u00ed nebo bloud\u011bn\u00ed po dropzone (tak \u0159\u00edk\u00e1me leti\u0161ti). Hned po p\u0159\u00edjezdu si v\u00e1s jeden z na\u0161ich zam\u011bstnanc\u016f vezme pod sv\u00e1 k\u0159\u00eddla a provede v\u00e1s. INFORMACE N\u00e1sleduje kr\u00e1tk\u00e1 instrukt\u00e1\u017e. Dozv\u00edte se podrobn\u011b, jak bude prob\u00edhat samotn\u00fd v\u00fdstup z letadla, co o\u010dek\u00e1vat p\u0159i voln\u00e9m p\u00e1du vzduchem a dokonce i to, jak se chovat p\u0159i p\u0159ist\u00e1vac\u00ed [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/www.skyservice.cz\/en\/wp-json\/wp\/v2\/pages\/2363"}],"collection":[{"href":"https:\/\/www.skyservice.cz\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.skyservice.cz\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.skyservice.cz\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.skyservice.cz\/en\/wp-json\/wp\/v2\/comments?post=2363"}],"version-history":[{"count":838,"href":"https:\/\/www.skyservice.cz\/en\/wp-json\/wp\/v2\/pages\/2363\/revisions"}],"predecessor-version":[{"id":3331,"href":"https:\/\/www.skyservice.cz\/en\/wp-json\/wp\/v2\/pages\/2363\/revisions\/3331"}],"wp:attachment":[{"href":"https:\/\/www.skyservice.cz\/en\/wp-json\/wp\/v2\/media?parent=2363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}