PageSourceSearch

https://www.spahoteldevin.cz/en/loyalty-program/

html spahoteldevin.cz collected 2026-10-02 20:09:05 UTC 77,992 bytes, 2,210 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" class="sec_lang_en sec_group_69 JS_SKRYJ_MENU_DOKUD_NENI_NASTAVENO_JAVASCRIPTEM  LANGS_VERZE2 ">
3
4<head>
vendor: 79 bytes, lines 4-6
4
5	<script src="https://www.google.com/recaptcha/api.js" async defer></script>
6	
6<script type="text/javascript" src="/jquery/jquery-2.1.3.min.js"></script>
6
7
8	
8<script>
9		function slideUp(element) {
10			const defaultHeight = element.css("height"); //Získá původní velikost divu
11			element.css("height", "auto"); //Nastaví css na auto velikost
12			const animateHeight = element.css("height"); //Získá velikost pro animaci
13			element.css("height", defaultHeight); //A nastaví zpět původní velikost
14
15			return new Array(element, animateHeight);
16		}
17
18		$(document).ready(function() {
19			$(".showButton").on("click", function() {
20
21				const animateSlide = slideUp($(".hidener"));
22				animateSlide[0].stop().animate({
23					height: animateSlide[1]
24				}, 600, function() {
25					$(this).css("height", "auto");
26					$(".hideButton").css({
27						"display": "flex"
28					});
29				}) //Animace výšky podmínky
30
31				$(this).css({
32					"display": "none"
33				});
34			})
35
36			$(".hideButton").on("click", function() {
37
38				const animateSlide = slideUp($(".hidener"));
39				$(".hidener").stop().animate({
40					height: 0
41				}, 400, function() {
42					$(".showButton").css({
43						"display": "flex"
44					});
45				});
46				$(this).css({
47					"display": "none"
48				});
49			})
50
51			$('#odeslat').on('click', function() {
52				//alert('1');
53				var allfilled = 1;
54				$("input.mndt").each(function(index) {
55					console.log(index + ": " + $(this).text());
56					if ($(this).val() == "") {
57						allfilled = 0;
58					}
59				});
60				if (allfilled) {
61					var data = $('#form_objednavka').serializeArray();
62					data.push({
63						'name': 'lang',
64						'value': 'en'
65					});
66					$.post('files/voucher.php', data, function(answer) {
67						if (answer == 1) {
68							alert("?php echo $T->html('voucher_done', 'voucher_done'); ?>");
69						}
70					});
71				} else {
72					alert("Please fill out all required fields");
73				}
74			});
75
76
77
78		});
79
80		$(document).ready(function() {
81
82			$(".gm-style-iw").css("background-color", "yellow");
83
84
85			$(".rozbalovatko").click(function() {
86
87				$(this).parent().children("ul").removeAttr("style");
88
89				$(this).parent().children("ul").css("height", "auto");
90
91
92			});
93
94			$(".itemico").click(function() {
95				$(".itemico").removeClass("selected_ico");
96				$(this).addClass("selected_ico");
97
98				var class_to_roll = "." + $(this).attr("id");
99				console.log(class_to_roll);
100				$(".k_rollup").removeClass("rolled");
101
102				$(class_to_roll).addClass("rolled");
103
104			});
105
106		});
107	</script>
107
108	
109    
109<script id="cm_init" src="https://cookiemanager.zoom-driver.com/ab0730c1874a753de23ed9287140aef1dae6d6d3/?lang=en"></script>
109
110
111    <base href="https://www.spahoteldevin.cz" target="_self">        
112
113    <meta charset="utf-8">
114    <meta name="google-site-verification" content="nrgR5qTh623lpiXZNWjGeeQ4Xr9wRgVhBN4_Lg0QfOM" />
115    <meta name="google-site-verification" content="C97pA_2NmJgXqpNfuvypMs16vBSrhDo7MssBtga1Xn4" />
116    
117	
118    <title>Loyalty Program | Benefits for guests of Spa Hotel Děvín</title>
119<meta name="description" content="Enjoy exclusive benefits with the Děvín Premium Card. Best rate guarantee, complimentary room upgrade and additional perks when booking directly.">
120
121    <meta name="robots" content="index,follow">
122    <meta name="author" content="virtual-zoom; e-mail:[email protected] ">
123    <meta id="vp" name="viewport" content="width=device-width, minimum-scale=0.25, maximum-scale=1.6, user-scalable=yes" >
124
125    
125<script>
126        window.onload = function() {
127            if (screen.width < 425) {
128                var mvp = document.getElementById('vp');
129                mvp.setAttribute('content','user-scalable=no,width=425');
130            }
131        }
132    </script>
132
133
134    
135    <link rel="alternate" href="https://www.spahoteldevin.cz/cz/loyalty/" hreflang="cs">
136    <link rel="alternate" href="https://www.spahoteldevin.cz/en/loyalty-program/" hreflang="en">
137    <link rel="alternate" href="https://www.spahoteldevin.cz/de/loyalty-program/" hreflang="de">
138    <link rel="alternate" href="https://www.spahoteldevin.cz/ru/loyalty-program/" hreflang="ru">
139<link rel="apple-touch-icon" sizes="57x57" href="icon/apple-icon-57x57.png">
140<link rel="apple-touch-icon" sizes="60x60" href="icon/apple-icon-60x60.png">
141<link rel="apple-touch-icon" sizes="72x72" href="icon/apple-icon-72x72.png">
142<link rel="apple-touch-icon" sizes="76x76" href="icon/apple-icon-76x76.png">
143<link rel="apple-touch-icon" sizes="114x114" href="icon/apple-icon-114x114.png">
144<link rel="apple-touch-icon" sizes="120x120" href="icon/apple-icon-120x120.png">
145<link rel="apple-touch-icon" sizes="144x144" href="icon/apple-icon-144x144.png">
146<link rel="apple-touch-icon" sizes="152x152" href="icon/apple-icon-152x152.png">
147<link rel="apple-touch-icon" sizes="180x180" href="icon/apple-icon-180x180.png">
148<link rel="shortcut icon" type="image/png" sizes="192x192"  href="icon/android-icon-192x192.png">
149<link rel="shortcut icon" type="image/png" sizes="32x32" href="icon/favicon-32x32.png">
150<link rel="shortcut icon" type="image/png" sizes="96x96" href="icon/favicon-96x96.png">
151<link rel="shortcut icon" type="image/png" sizes="16x16" href="icon/favicon-16x16.png">
152<link rel="manifest" href="icon/manifest.json">
153<meta name="msapplication-TileColor" content="#ffffff">
154<meta name="msapplication-TileImage" content="icon/ms-icon-144x144.png">
155<meta name="theme-color" content="#ffffff">
156<link rel="shortcut icon" href="icon/favicon.ico?2" type="image/x-ico">
157
158<meta name="ai:guidelines" content="https://www.spahoteldevin.cz/llms.txt">
159<link rel="alternate" type="text/plain" hreflang="cs" href="https://www.spahoteldevin.cz/llms_cz.txt">
160<link rel="alternate" type="text/plain" hreflang="de" href="https://www.spahoteldevin.cz/llms_de.txt">
161<link rel="alternate" type="text/plain" hreflang="en" href="https://www.spahoteldevin.cz/llms_en.txt">
162
163
164
165    <!-- Google Tag Manager -->
166    
166<script>
vendor: 343 bytes, lines 166-170
166(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
167    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
168    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
169    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
170    })(window,document,'script','dataLayer','
170GTM-KH282PLG
vendor: 3 bytes, line 170
170');
170</script>
170
171    <!-- End Google Tag Manager -->
172     
173     
174
175    <!-- Meta Pixel Code -->
176    
176<script>
vendor: 435 bytes, lines 176-185
176
177    !function(f,b,e,v,n,t,s)
178    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
179    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
180    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
181    n.queue=[];t=b.createElement(e);t.async=!0;
182    t.src=v;s=b.getElementsByTagName(e)[0];
183    s.parentNode.insertBefore(t,s)}(window, document,'script',
184    'https://connect.facebook.net/en_US/fbevents.js');
185    fbq('init', '
1851427270228006157
vendor: 38 bytes, lines 185-187
185');
186    fbq('track', 'PageView');
187    
187</script>
187
188    <noscript><img height="1" width="1" style="display:none"
189    src="https://www.facebook.com/tr?id=1427270228006157&ev=PageView&noscript=1"
190    /></noscript>
191    <!-- End Meta Pixel Code -->
192
193           
194    <link rel="stylesheet" href="https://www.spahoteldevin.cz/jquery/ui2/jquery-ui.min.css?2" media="screen">
195    <link rel="stylesheet" href="https://www.spahoteldevin.cz/jquery/ui2/jquery-ui.theme.css?3" media="screen">
196
197    <link rel="stylesheet" href="https://www.spahoteldevin.cz/jquery/fancybox/jquery.fancybox-1.3.4.css" media="screen">
198
199    <link rel="stylesheet" href="https://www.spahoteldevin.cz/css/style.css?2026-10-0222:09:04" media="screen">
200    <link rel="stylesheet" href="https://www.spahoteldevin.cz/css/homepage.banner.css?2026-10-0222:09:04" media="screen"> 
201    
201<script type="text/javascript" src="/jquery/jquery-2.1.3.min.js"></script>
201
202    
202<script type="text/javascript" src="/jquery/ui2/jquery-ui.min.js"></script>
202
203    
203<script type="text/javascript" src="/jquery/i18n/datepicker-en.js"></script>
203
204
205    
205<script type="application/ld+json">
206{
207  "@context": "https://schema.org",
208  "@type": "WebPage",
209  "@id": "https://www.spahoteldevin.cz/en/loyalty-program/#webpage",
210  "url": "https://www.spahoteldevin.cz/en/loyalty-program/",
211  "name": "Loyalty Programme | Spa Hotel Děvín",
212  "description": "Loyalty programme at Spa Hotel Děvín – earn points and enjoy benefits with every stay in Mariánské Lázně.",
213  "inLanguage": "en",
214  "about": {
215    "@type": "Service",
216    "name": "Loyalty Club – Spa Hotel Děvín",
217    "description": "Hotel loyalty programme for returning guests with benefits and special offers.",
218    "provider": {"@id": "https://www.spahoteldevin.cz/en/#hotel"}
219  },
220  "breadcrumb": {
221    "@type": "BreadcrumbList",
222    "itemListElement": [
223      {"@type": "ListItem", "position": 1, "name": "Spa Hotel Děvín", "item": "https://www.spahoteldevin.cz/en/"},
224      {"@type": "ListItem", "position": 2, "name": "Loyalty Programme", "item": "https://www.spahoteldevin.cz/en/loyalty-program/"}
225    ]
226  }
227}
228</script>
228
229
230				
230<script crossorigin type="text/javascript" src="https://www.spahoteldevin.cz/jquery/jquery.plugins.js"></script>
230
231				
231<script crossorigin type="text/javascript" src="https://www.spahoteldevin.cz/jquery/jquery.superbgimage.min.js"></script>
231
232				
232<script crossorigin type="text/javascript" src="https://www.spahoteldevin.cz/jquery/jquery.superbgimage.min02.js"></script>
232
233				
233<script crossorigin type="text/javascript" src="https://www.spahoteldevin.cz/jquery/jquery.lazyload.min.js"></script>
233
234				
234<script crossorigin type="text/javascript" src="https://www.spahoteldevin.cz/jquery/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
234
235				
235<script crossorigin type="text/javascript" src="https://www.spahoteldevin.cz/js/js.js"></script>
235    
236<script type="text/javascript" id="jsHlavniScript">
237
238function Top_cab_container(){
239    this.scroll = {};
240}
241Top_cab_container.prototype.onScroll = function( e ){
242        var scrollY = $(window).scrollTop();
243
244        this.scroll.dY = scrollY - this.scroll.lastY;
245        this.scroll.lastY = scrollY;
246        // console.log( 2 );
247
248        var up = this.scroll.dY < 0 ;
249        // 
250
251        var minY = $("#topnavigation").height() + $("#top_cab_container").height();
252        //if( scrollY > minY ){
253        //  $("html").addClass("top_cab_container-enable_scroll_hiding_animation");
254        //}
255        if( up && scrollY > minY ){
256            $("html").addClass("top_cab_container-hidden_by_scroll");
257        } else {
258            $("html").removeClass("top_cab_container-hidden_by_scroll");
259        }    
260}
261
262var top_cab_container = new Top_cab_container();
263
264
265function mrizkaUpdate(
266     selector, sirka, miraVyskyJednoho
267  ){
268
269/*
270  // grid
271  var vedleSebe = $( window ).width() / 320; // # na 1024 musi byt aspon 3 vedle sebe [ ipad ]
272  //var vedleSebe = $( window ).width() / 400; // ditto 1200
273  //var vedleSebe = $( window ).width() / 600; // ditto 1920
274  vedleSebe = Math.floor( vedleSebe );
275  vedleSebe = vedleSebe <= 0? 1 : vedleSebe;
276  vedleSebe = vedleSebe >= 4? 4 : vedleSebe;
277  var newW = $( window ).width() / vedleSebe;
278
279  selector = selector || ".__mrizka";
280  var __mrizka = $( selector );
281
282  __mrizka.width( newW ).height( newW );
283*/
284
285  selector = selector || ".js_grid";
286  sirka = sirka || window; // normalne okno
287  sirka = isFinite( sirka ) ? + sirka : $( selector ).parent().width(); // sirka cislem?
288  miraVyskyJednoho = isFinite( miraVyskyJednoho ) ? + miraVyskyJednoho : 1; // sirka cislem?
289  var pocet = $( selector ).length;
290
291  var newW;
292  var vedleSebe;
293
294
295  // ---- idealne kolik chci vedle sebe -------------------------
296  var diluPro=[];
297  diluPro[8] = 4; // 4 4
298  diluPro[7] = 4; // 4 3
299  diluPro[6] = 3; // 3 3
300  diluPro[5] = 3; // 3 2
301  diluPro[4] = 2; // 2 2
302  diluPro[3] = 3; // 3
303  diluPro[2] = 2; // 
304  diluPro[1] = 1; // 
305
306  function procenta( vedleSebe ){
307    if( vedleSebe == 4 ){ return 25; }
308    if( vedleSebe == 3 ){ return 33.333333; }
309    if( vedleSebe == 2 ){ return 50; }
310    if( vedleSebe == 1 ){ return 100; }
311    /// neexistuje jiny stav ...
312  }
313
314  function vedleSebeDleMinimalniSirky( vedleSebe ){
315      vedleSebe = sirka / 320;
316      // oprav
317      vedleSebe = Math.floor( vedleSebe );
318      vedleSebe = vedleSebe <= 0? 1 : vedleSebe;
319      vedleSebe = vedleSebe >= 4? 4 : vedleSebe;
320      return vedleSebe;
321  }
322
323  if( diluPro[ pocet ] ){
324    vedleSebe = diluPro[ pocet ];
325    newW = sirka / vedleSebe;
326    if( newW < 320 ){
327      vedleSebe = vedleSebeDleMinimalniSirky( vedleSebe );
328    }
329  } else {
330    vedleSebe = vedleSebeDleMinimalniSirky();
331  }
332  var vyskaPx = sirka / vedleSebe;
333  var procent = procenta( vedleSebe );
334  //debugger;
335  // -------------------------
336  var __mrizka = $( selector );
337  if( sirka < 700 ){
338    vyskaPx /= 2.5;
339  }
340  __mrizka.width( procent + "%" ).height( vyskaPx * miraVyskyJednoho );
341
342  mrizkaUpdate_doroztahni( __mrizka, newW, vedleSebe, procent );
343}
344
345function mrizkaUpdate_doroztahni( __mrizka, newW, vedleSebe, procent ){
346
347  var zabranoCtverecku = __mrizka.length;
348  var upravI = __mrizka.length - 1;
349  // dokud nezaberu dost ctverecku aby nezustaly zadne bez obrazku pokoje
350  //  na vlastnim radku
351  while(( zabranoCtverecku % vedleSebe ) != 0 ){
352
353      // roztahni odzadu kazdej pokoj
354      __mrizka.eq( upravI ).css({"width": 2 * procent + "%"});
355
356      // tim padem jsem jeden prazdnej vyresil
357      zabranoCtverecku += 1;
358
359      // kdyz maji byt 3 vedle sebe tak nemuzu mit ctverecky 2 a 2
360      // (protoze mam lichy pocet na radku tak pokud bych zvysoval po dvou tak vzdycky precouhnu)
361      if( vedleSebe & 1 ){
362        //upravI -= 2; // toto je spravne ale vypada to blbe kdyz jsou zvetsene dva nad sebou :)
363        upravI -= 3;
364      // na radek co ma sudy pocet chlivecku se po 2 vzdycky vlezu
365      }else{
366        upravI -= 1;
367      }
368  }
369}
370
371var scrollposition;
372
373function CABpossition(){
374
375return;
376  
377}
378
379
380function main_menu_mobile_size_JAZYKY_NEBYLY_NAHORE____STARA_VERZE_SMAZAT_POKUD_KLIENT_NECHCE_ZPET()
381{
382	//	alert("mobilni menu");
383
384		var w = $( window ) . width ();
385
386        if ( w < 400 )
387        {
388			$("html").addClass("mobilemenu_smrskni");
389		}
390		else
391		{
392			$("html").removeClass("mobilemenu_smrskni");
393		}
394		
395		
396		// ------------------------------------------------------
397		$( "html" ) . removeClass( "mobilemenu" );
398		var zbyvaNaMenu = (
399				w 
400				- ( $(".js_top_logo").offset().left + $(".js_top_logo").width() )
401				- ( $(".js_open_langs").outerWidth() )
402			);
403		var dostMistaNaMenu = $(".jsKZmereniRozmenuHlavnihoMenu").width() < zbyvaNaMenu;
404		
405		if ( !dostMistaNaMenu )//w < 1370 )
406		{
407			$( "html" ) . addClass ( "mobilemenu" );
408		}
409		else
410		{
411			$( "html" ) . removeClass ( "mobilemenu" );
412		}
413		// ------------------------------------------------------
414
415       /*    
416          $('html').removeClass('mobilemenu');
417          if( ( $('.js_menu_logo_dimensions').width() + $('.js_menu_menuitems_dimensions').width() ) > $(window).width() ){
418			$('html').addClass('mobilemenu');
419          }
420          */
421}
422function main_menu_mobile_size()
423{
424	//	alert("mobilni menu");
425
426		var w = $( window ) . width ();
427		
428
429        if ( w < 400 )
430        {
431			$("html").addClass("mobilemenu_smrskni");
432		}
433		else
434		{
435			$("html").removeClass("mobilemenu_smrskni");
436		}
437		
438		var langsNahoru;
439		if( w < 1600 )
440		{
441			$("html").addClass("langsNahoru");
442			langsNahoru = true;
443		}
444		else
445		{
446			$("html").removeClass("langsNahoru");
447			langsNahoru = false;
448		}
449		// ------------------------------------------------------
450		$( "html" ) . removeClass( "mobilemenu" );
451		var zbyvaNaMenu = (
452				w 
453				- ( $(".js_top_logo").offset().left + $(".js_top_logo").width() )
454				- ( langsNahoru ? 0 : $(".js_open_langs").outerWidth())
455			);
456		var dostMistaNaMenu = $(".jsKZmereniRozmenuHlavnihoMenu").width() < zbyvaNaMenu;
457		
458		if ( !dostMistaNaMenu )//w < 1370 )
459		{
460			$( "html" ) . addClass ( "mobilemenu" );
461		}
462		else
463		{
464			$( "html" ) . removeClass ( "mobilemenu" );
465		}
466		// ------------------------------------------------------
467
468       /*    
469          $('html').removeClass('mobilemenu');
470          if( ( $('.js_menu_logo_dimensions').width() + $('.js_menu_menuitems_dimensions').width() ) > $(window).width() ){
471			$('html').addClass('mobilemenu');
472          }
473          */
474}
475
476        
477function DATEPICKER_prijezdOdjezdSamostatne()
478{
479        $('#cab_arrival').datepicker({
480          //changeMonth: true,
481      	  //changeYear: true,
482      	  minDate:0,
483          numberOfMonths: 2,
484          dateFormat: 'dd.mm.yy',
485          altField: "#cab_arrival_alt",
486          altFormat: "yy-mm-dd",
487          regional:"en",
488          showOn: 'focus',
489      	  //buttonImage: 'img/cab-ico-calendar.png',
490      	  //buttonText: '',
491      	  //buttonImageOnly: true,
492      	  beforeShow: function(){
493            },
494          create: function(event, ui) {
495              console.log( $(this) );
496            },
497      	  onSelect: function(){
498            //$(this).hide();
499              var fdate = $(this).datepicker("getDate");
500              //console.log(fdate);
501              //console.log(fdate.getMonth());
502              //console.log(fdate.getDate());
503
504              $(this).closest('.cab_input').find('.day').html( fdate.getDate() );
505              $(this).closest('.cab_input').find('.month').html( $.datepicker.regional['en']['monthNames'][ fdate.getMonth() ] );
506
507              fdate.setDate(fdate.getDate()+1);
508              $('#cab_departure').datepicker('setDate', fdate);
509              $('#cab_departure').datepicker( "option", "minDate", fdate);
510              $('#cab_departure').closest('.cab_input').find('.day').html( fdate.getDate() );
511              $('#cab_departure').closest('.cab_input').find('.month').html( $.datepicker.regional['en']['monthNames'][ fdate.getMonth() ] );
512
513            }
514        });
515        $('#cab_arrival').datepicker('setDate', '+0d');
516        if( $('#cab_arrival').length > 0 ){
517          var onloaddate_arrive = $('#cab_arrival').datepicker('getDate');
518          $('#cab_arrival').closest('.cab_input').find('.day').html( onloaddate_arrive.getDate() );
519          $('#cab_arrival').closest('.cab_input').find('.month').html( $.datepicker.regional['en']['monthNames'][ onloaddate_arrive.getMonth() ] );
520        }
521
522        $('.cab_item.cab_date').click(function(){
523          $('.datepicker_container').hide();
524          $(this).find('.datepicker_container').fadeIn(300);
525        });
526
527        $('#cab_departure').datepicker({
528          //changeMonth: true,
529      	  //changeYear: true,
530      	  minDate:0,
531          numberOfMonths: 2,
532          //dateFormat: 'd',
533          altField: "#cab_departure_alt",
534          altFormat: "yy-mm-dd",
535          regional:"en",
536          showOn: 'focus',
537      	  //buttonImage: 'img/cab-ico-calendar.png',
538      	  //buttonText: '',
539      	  //buttonImageOnly: true,
540      	  beforeShow: function(){
541            //console.log( $(this) );
542            },
543          create: function(event, ui) {
544            },
545      	  onSelect: function(){
546            //$(this).hide();
547              var fdate = $(this).datepicker("getDate");
548
549              $(this).closest('.cab_input').find('.day').html( fdate.getDate() );
550              $(this).closest('.cab_input').find('.month').html( $.datepicker.regional['en']['monthNames'][ fdate.getMonth() ] );
551            }
552        });
553        $('#cab_departure').datepicker('setDate', '+1d');
554        if( $('#cab_departure').length > 0 ){
555          var onloaddate_depart = $('#cab_departure').datepicker('getDate');
556          $('#cab_departure').closest('.cab_input').find('.day').html( onloaddate_depart.getDate() );
557          $('#cab_departure').closest('.cab_input').find('.month').html( $.datepicker.regional['en']['monthNames'][ onloaddate_depart.getMonth() ] );
558        }
559}
560
561
562function PAGE_ROLL_UP_onScroll()
563{
564        if( $(window).scrollTop() > 300 ){
565          $('#page_roll_up').fadeIn(1000);
566        }else{
567          $('#page_roll_up').fadeOut(600);
568        }
569}
570function PAGE_ROLL_UP_onReady()
571{
572      $('#page_roll_up').click(function(){
573        $('html,body').animate({scrollTop : 0},1000,function(){});
574      });
575}
576function FIXEDMENU_onScroll()
577{
578	// cookie potvrzeni ...
579	if( $( window ).scrollTop() > $("#cookiesconfirm").height() ){
580		$("html").addClass("top_cab_container-is_on_top");
581	}else{
582		$("html").removeClass("top_cab_container-is_on_top");
583	}
584}
585    //jquery document ready start
586    $(document).ready(function(){
587	 	//debugger;
588    //alert("mobilni menu @ ready");
589// -----------------------------------------------------------------------------
590// M: todle musi byt spustene pred mobile_size !!!
591    //    $('#menu').fadeIn(500);
592		$("html").removeClass("JS_SKRYJ_MENU_DOKUD_NENI_NASTAVENO_JAVASCRIPTEM");
593        //menu_fit_font('en');
594        main_menu_mobile_size();
595        //resize
596        $(window).resize(function(){
597          //menu_fit_font('en');
598          main_menu_mobile_size();
599        });
600// -----------------------------------------------------------------------------
601    
602		/*
603             
604      $().cookieconfirmD({
605        'confirmtext' : "This website uses cookies to ensure you get the best experience on our website.", //'This website uses cookies to ensure you get the best experience on our website.',
606        'buttonlabel' : "I agree.",//'I agree.',
607        'background' : 'rgba(21,154,216,1)',
608        'policylink' : ''//  <a href="#" style="color:#fff;">Policy</a>
609      });/**/      
610      
611      $(window).scroll(function(){            
612		FIXEDMENU_onScroll();
613		PAGE_ROLL_UP_onScroll();
614      });
615      PAGE_ROLL_UP_onReady();
616      FIXEDMENU_onScroll();
617
618
619      scrollposition = $(window).scrollTop();
620      CABpossition();
621      $(window).scroll(function(){
622        CABpossition();
623      });
624
625      	$(".imagetofancy,a[href$='.jpg'],a[href$='.jpeg'],a[href$='.png'],a[href$='.gif'],a[href$='.JPG'],a[href$='.JPEG'],a[href$='.PNG'],a[href$='.GIF']")
626          .not('#image_list a,#superbgimage a')
627          .not('#image_list2 a,#superbgimage2 a')
628          .not('#room_image_list a').fancybox({
629          'overlayOpacity' : 0.8,
630          'overlayColor' : '#000',
631          'type':'image',
632          'padding' : 0,
633          'margin' : 5,
634          'showNavArrows' : 1,
635          'transitionIn' : 'elastic',
636          'transitionOut' : 'elastic',
637          'titlePosition' : 'over',
638          'titleFormat' : fancyboxFormatTitle
639        });/**/
640
641        $('a.mail').antispam({
642            'emailname' : 'info','emaildomain' : 'oreahotels','emailltd' : 'cz'
643        });
644
645        $('.content img').height('auto');
646
647        $('.js_mobile_menu_toggle').click(function(){
648			$("html").toggleClass("mobile_menu_toggled");
649        });
650        /*
651        $('.menu_toggle').click(function(){
652        debugger;
653        return;
654          $('.mainmenu.mobilemenu').slideToggle(800);
655        });
656
657        $('#menu_button').click(function(){
658			debugger;
659          //$('#menu').addClass('menushow');
660          $('#menu_in').slideToggle(800);
661        });
662        */
663
664
665        $('input.alttext[type="text"], textarea.alttext').inputAlterText();        
666
667        /*setInterval(function(){
668
669        },100);*/
670
671
672
673        //hhotels corp link in menu target blank
674        var menu_corp_items = $('a[href*="://www.hhotels.cz/"]');
675        //console.log(menu_corp_items);
676        menu_corp_items.attr('target','_blank');
677
678
679        $("img.lazyload").lazyload({
680            threshold : 100,
681            placeholder : '/img/lazyload-img.gif'
682        });//data-original/**/
683
684
685 
686  
687    $(".js_lazyload_div").each(function(){
688      var adresaKNacteni=$(this).attr('data-original');
689      var $lazy=$(this);
690      function nactiFotku(){
691        var vrsekLazy =  $lazy.offset().top;
692        var spodekOkna  = $(window).scrollTop() + $(window).height();
693        if( vrsekLazy < spodekOkna ){
694        //debugger;
695            /* Nacti na pozadi obrazek. Pokud je v kesi tak rovnou nastav. */
696            $("<img>").on('load',function(){
697              $lazy.css('backgroundImage','url("'+adresaKNacteni+'")');
698            /* Spusti nacitani obrazku */
699            }).attr('src',adresaKNacteni);
700        }
701      }
702      nactiFotku(); /* skroll neprobehne pri reloadu stranky */
703      $(window).scroll(nactiFotku);
704    });
705        
706
707    $(window).scroll(function( e ){         
708        top_cab_container.onScroll( e );
709    }); 
710
711			
712// START SinglepageScroll 		
713
714		// parametry -----
715		var SinglepageScroll = ".js_singlepage_url, .mitem > a ";
716		// ---------------
717		
718		
719		(function(){ // dokud neni duvod vystavovat funkcnost tak ji "skryt" ... 
720		
721
722				// vraci true/false pokud nasel scroll [at neblokuje prejiti na url u A tagu]
723				function scrollToSinglepage_target( target ){
724				
725				if ( ! target ){ return; }
726		 
727					function animateScrollTopTo(Selektor,ofsUprava){
728					  var e, ofsY;
729
730					  // neni kam skrolovat, tak .. ignorovat ?
731					  e = $(Selektor);
732					  if(!$(e).length){
733						return;
734					  }
735
736					  ofsY= $(e).offset().top;
737					  ofsUprava = ofsUprava || 0;
738					  ofsY += ofsUprava;
739					  $("html,body").stop().animate({"scrollTop":ofsY},1000);
740					}
741			
742					var $scrollto = $( "[data-singlepage_target='" + target + "']" );            
743					
744					var ofs = 0;            
745					if( $(".top_cab_container").css('display') != 'none' ){ // muze byt skryty pro mobil
746					  ofs = - $(".top_cab_container").height();
747					} 
748					if( $(".jsSinglepageScroll_vyskaHornihoMenu").length )
749					{
750						ofs -= $(".jsSinglepageScroll_vyskaHornihoMenu").height();
751					}
752
753					if( ! $scrollto.length ){
754					
755					  return false; // scroll musi byt na jine strance ...
756					
757					}else{
758					  
759					  animateScrollTopTo( $scrollto, ofs );
760					  return true;            
761					}
762				}
763
764		// singlepage menu klik ----------------------------------
765				$( SinglepageScroll ).click(function( e ){
766
767					var singlepage_url  = $( this ).attr("href"); // /cz/#hotelove-pokoje
768					var target = singlepage_url.split('#')[1]; // '/cz/#hotelove-pokoje'.split('#')[1]
769					
770					if( scrollToSinglepage_target( target )){
771					  
772					  window.location.hash = target; // M1: at je v adresnim radku zaklikla singlepage url
773					  
774					  e.preventDefault();
775					}
776					
777				});
778
779				// - stranka musi mit vyresene vysky
780				// - nejsou-li naloadovane obrazky a spousti se x animaci ...
781				$( window ).load(function(){
782				
783				
784				  scrollToSinglepage_target( window.location.hash.replace('#',''));
785				
786				
787				});
788				
789		})( SinglepageScroll );
790// END SinglepageScroll 						
791			    });
792
793    </script>
793
794
795<!-- responzivni tabulka -->
796    
796<script type="text/javascript">
797          $(window).resize(function(){       
798              $('.tablestyle1').each(function(){
799                  var t = $(this);
800                  if( t.width() > t.parent().width() && !t.hasClass('responsivetableaplied') ){
801                    t.addClass('responsivetableaplied');
802                    t.wrap('<div class="responsivetable"><div></div></div>');
803                  }
804                  if( t.hasClass('responsivetableaplied') ){
805                    var tw = t.parent().parent();
806                    var c = t.parent().parent().parent();
807                    console.log([c.width(), t.width()]);
808                    if( c.width() > t.width() ){
809                      tw.removeClass('responsivetable');
810                    }else{
811                      tw.addClass('responsivetable');
812                    }
813                  }
814                });
815          });
816    </script>
816      
817    <style>
818          .responsivetable{
819          position:relative;
820          z-index:100;
821          width:100%;
822          padding:1em;
823          box-sizing: border-box;
824          background:#eee;
825          }
826          .responsivetable > div{
827          overflow:auto;
828          
829          }
830    </style>
831
832<!-- END responzivni tabulka -->
833
834
835
836
837<!-- Intro v3 start -->
838
839<!-- Intro v3 end -->
840
841
842    
842<script type="text/javascript">
843
844
845
846    /*function slidemanagercontentcenter(){
847      / *$('#hp_intro_content').css({
848        'margin-top' : ( ( $('#hp_intro_content').parent().height() - $('#hp_intro_content').height() )/2 )
849      });* /
850      //console.log( $('#hp_intro_content').parent().height(), $('#hp_intro_content').height() );
851    }*/
852
853    $(document).ready(function(){    
854 
855		mrizkaUpdate( '.js_grid' );
856        $(window).resize(function(){
857		      mrizkaUpdate( '.js_grid' );//, $( window ).width() );
858        });
859
860        $('#hp_arrival').datepicker({
861          changeMonth: true,
862      	  changeYear: true,
863      	  minDate:0,
864          dateFormat: 'dd.mm.yy',
865          altField: "#hp_arrival_alt",
866          altFormat: "yy-mm-dd",
867          regional:"en",
868          showOn: 'both',
869      	  buttonImage: 'img/cab-ico-calendar.png',
870      	  //buttonText: '',
871      	  //buttonImageOnly: true,
872      	  beforeShow: function(){
873            },
874          create: function(event, ui) {
875            },
876      	  onSelect: function(){
877              var fdate = $('#hp_arrival').datepicker("getDate");
878              fdate.setDate(fdate.getDate()+1);
879              $('#hp_departure').datepicker('setDate', fdate);
880            }
881        });
882        $('#hp_arrival').datepicker('setDate', '+0d');
883
884        $('#hp_departure').datepicker({
885          changeMonth: true,
886      	  changeYear: true,
887      	  minDate:0,
888          dateFormat: 'dd.mm.yy',
889          altField: "#hp_departure_alt",
890          altFormat: "yy-mm-dd",
891          regional:"en",
892          showOn: 'both',
893      	  buttonImage: 'img/cab-ico-calendar.png',
894      	  //buttonText: '',
895      	  //buttonImageOnly: true
896        });
897        $('#hp_departure').datepicker('setDate', '+1d');
898
899
900        $('.js_scroll_to').click(function(){
901	      var sel = $( this ).attr( 'data-js_scroll_to_selector' );
902          var offset = $(sel).offset();
903          var offet_val = offset.top;
904          $('html,body').stop().animate({scrollTop : offet_val},600,function(){
905          });
906        });        
907        
908
909    });
910    </script>
910
911
912
913</head>
914
915<body>
916
917		<!-- bookassist / head START -->
918
919    <!-- Google Analytics -->
920    
920<script>
vendor: 360 bytes, lines 920-925
920
921        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
922        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
923        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
924
925        ga('create', '
925UA-86671450-1
vendor: 71 bytes, lines 925-927
925', 'auto', {'allowLinker': true});
926        ga('send', 'pageview');
927    
927</script>
927
928    <!-- END Google Analytics -->
929	<!-- bookassist / head END -->
930		
930<script type="text/javascript" src="https://c.seznam.cz/js/rc.js"></script>
vendor: 2 bytes, line 930
930
931<script>
932var retargetingConf = {
933rtgId: 77434
934};
935if (window.rc && window.rc.retargetingHit) {
936window.rc.retargetingHit(retargetingConf);
937}
938</script>
938
939
940<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 940-941
940
941<script async src="https://www.googletagmanager.com/gtag/js?id=
941G-WP14JWJ4W2
vendor: 13 bytes, line 941
941"></script>
942<script>
943  
vendor: 138 bytes, lines 943-947
943window.dataLayer = window.dataLayer || [];
944  function gtag(){dataLayer.push(arguments);}
945  gtag('js', new Date());
946
947  gtag('config', '
947G-WP14JWJ4W2
vendor: 5 bytes, line 947
947');
948</script>
948
949	<div id="view">
950
951		
951<script>
952	function poKlikuNaEscapeSpustJednou(funkci) {
953
954		var handler = function(event) {
955			if (event.keyCode == 27) // ESC
956			{
957				funkci();
958				$(document).off('keyup', handler);
959			}
960		};
961		$(document).on('keyup', handler);
962	}
963</script>
963
964<!--  _______________ Tmavy pozadi BEGIN _______________ -->
965
966<script>
967	function tmavyPozadi_zobraz(zindex) {
968		$('.jsTmavyPozadi').css('z-index', 499);
969		$('.jsTmavyPozadi').addClass('tmavyPozadi_zobrazeno');
970	}
971
972	function tmavyPozadi_skryj() {
973		$('.jsTmavyPozadi').css('z-index', -1);
974		$('.jsTmavyPozadi').removeClass('tmavyPozadi_zobrazeno');
975	}
976</script>
976
977<div class="jsTmavyPozadi tmavyPozadi"></div>
978
979<!--  _______________ Tmavy pozadi END _______________ -->
980
981<div id="zabere_vysku_puvodniho_menu_pri_fixnim_menu"></div>
982
983
984<!-- promo sdilim pro vsecky verze banyrku... -->
985<script>
986	function promo_otevri() {
987		$(".jsCab").addClass("cab-promo");
988		$(".jsCabMobilni").addClass("cab-promo");
989	}
990
991	function promo_zavri() {
992		$(".jsCab").removeClass("cab-promo");
993		$(".jsCabMobilni").removeClass("cab-promo");
994	}
995</script>
995
996
997<script>
998	function mobilniBanyrky_otevri() {
999
1000		mobilniBanyrky_zobraz();
1001
1002		poKlikuNaEscapeSpustJednou(
1003			mobilniBanyrky_skryj
1004		);
1005
1006		var spustJednou = function(event) {
1007			mobilniBanyrky_skryj();
1008			$(document).off('click', spustJednou);
1009		};
1010		$(".jsTmavyPozadi").on('click', spustJednou);
1011	}
1012
1013	function mobilniBanyrky_skryj() {
1014		$(".mobilniBanyrky").css('z-index', 0);
1015		$(".mobilniBanyrky").hide();
1016		//
1017		tmavyPozadi_skryj();
1018		//
1019		promo_zavri(); // pro jistotu
1020	}
1021
1022	function mobilniBanyrky_zobraz() {
1023		$(".mobilniBanyrky").css('z-index', 500);
1024		$(".mobilniBanyrky").show();
1025
1026		tmavyPozadi_zobraz(499);
1027	}
1028</script>
1028
1029
1030<div class="mobilniBanyrky jsCabMobilni">
1031	<div class="mobilniBanyrkyPromo">
1032		<div class="mobilniBanyrkyPromoVlevo">
1033			<div class="mobilniBanyrkyPromoVlevoVnitrniOkraj">
1034										<div id="cab1nabidky">
1035							<ul>
1036								<li>
1037									<div class="cab1promoText">Best price guarantee – lowest prices guaranteed when making reservation only through our website</div>
1038								</li>
1039								<li>
1040									<div class="cab1promoText">Upgrade to higher room type free of charge (upon availability) </div>
1041								</li>
1042								<li>
1043									<div class="cab1promoText">Welcome drink per person free of charge</div>
1044								</li>
1045								<li>
1046									<div class="cab1promoText">Changes in reservation ca be made without additional charges</div>
1047								</li>
1048							</ul>
1049						</div>
1050
1051						<input class="tlacitko3 cab1promoEmail jsPromoEmail" placeholder="Insert your email address">
1052						<a class="tlacitko2 tlacitko2--presCelouSirku cab1PromoOdeslat jsPromoOdeslat">Send</a>
1053								</div>
1054		</div>
1055		<div class="mobilniBanyrkyPromoVpravo">
1056						<a class="tlacitko2 jsFormInputRezervujte" href="https://www.secure-hotel-booking.com/SPA-Hotel-Devin-Superior/J1BB/en?hotelId=29440?promo_code=&amp;price_group=16384">Book</a>
1057		</div>
1058	</div>
1059</div><!-- mobilniBanyrky -->
1060
1061<div id="top" class="jsSinglepageScroll_vyskaHornihoMenu">
1062			<div class="horni_list">
1063			<div class="horni_list_wraper umisteniHornichBanyrku2">
1064				<div class="horni_list_info">
1065											<div class="horni_list_info2">
1066							<div class="loyalty_program">
1067								<img src="../img/loyalty.svg">
1068								<a href="/en/loyalty-program/">Loyalty Program</a>
1069							</div>
1070						</div>
1071										<div class="horni_list_info2">
1072						<div class="darkove-poukazy">
1073							<img src="../img/darkovy-poukaz.svg">
1074							<a href="/en/vouchers/">Vouchers</a>
1075						</div>
1076					</div>
1077					<div class="horni_list_info2">
1078						<div class="Hodnoceni">
1079							<img src="../img/hodnoceny.png">
1080							<a href="/en/hodnoceni/">Reviews</a>
1081						</div>
1082					</div>
1083					<div class="horni_list_info2">
1084						<div class="Covid">
1085							<img src="../img/covid.png">
1086							<a href="/en/Spolek-Marianske-Lazne/">Spolek Mariánské Lázně</a>
1087						</div>
1088					</div>
1089					<div class="horni_list_info2">
1090						<div class="telefon">
1091							<img src="../img/telefon.png">
1092							<a href="tel:+420354470400">Telefon: +420 354 470 400</a>
1093						</div>
1094					</div>
1095				</div>
1096			</div>
1097		</div>
1098		<!-- langs -->
1099	<ul id="langs"  class="js_open_langs"><li class="lang_item active "><a class="js_lang_link" href="javascript:void(0);" title="english"><img class="langImage" src="/img/langs/en.png" alt="en"><span class="langText">en</span></a></li><li class="lang_item"><a class="js_lang_link" href="/cz/loyalty/" title="česky"><img class="langImage" src="/img/langs/cz.png" alt="cz"><span class="langText">cz</span></a></li><li class="lang_item"><a class="js_lang_link" href="/de/loyalty-program/" title="deutsch"><img class="langImage" src="/img/langs/de.png" alt="de"><span class="langText">de</span></a></li><li class="lang_item"><a class="js_lang_link" href="/ru/loyalty-program/" title="русский"><img class="langImage" src="/img/langs/ru.png" alt="ru"><span class="langText">ru</span></a></li></ul>
1100		<div class="umisteniHornichBanyrku debug">
1101			<div class="umisteniHornichBanyrku2">
1102				<div class="banyrky">
1103					<div class="cab jsCab">
1104						<div class="cabVzor1" style="display:none"></div>
1105						<div class="cabVzor" style=display:none></div>
1106
1107						<a class="redbg" href="/en/vouchers/">
1108							<div class="cab0">
1109								<div class="tlacitko6 tlacitko6--presCelouSirku cab_ukaz_vouchery">
1110									Vouchers								</div>
1111							</div>
1112						</a>
1113
1114						<a href="/en/special-offers/">
1115							<div class="cab0">
1116								<div class="tlacitko6 tlacitko6--presCelouSirku cab_ukaz_special_offers">
1117									Special offers								</div>
1118							</div>
1119						</a>
1120
1121
1122						<a style="text-decoration:none;" class="cab0 jsRezervaceTlacitkoOtevri" href="https://www.secure-hotel-booking.com/SPA-Hotel-Devin-Superior/J1BB/cs-CZ?hotelId=29440" target="booking">
1123							<div class="tlacitko6 tlacitko6--presCelouSirku ">Book</div>
1124						</a>
1125
1126						<div class="cab1 jsCabRozmer">
1127							<div class="tlacitko6 tlacitko6--presCelouSirku jsRezervaceTlacitko2">Room reservation</div>
1128							<div class="cab1Vnitrek">
1129
1130								<!-- PROMO 1 -->
1131								
1131<script id="jsSkriptPromo">
1132									$(document).ready(function() {
1133										$('.links').hover(
1134											function() {
1135												$('.links_show').show(500);
1136											},
1137											function() {
1138												$('.links_show').hide(500);
1139											}
1140										);
1141
1142										function chyba(text) {
1143											alert(text);
1144											/*
1145											  var o = $('<' + 'div class="rf_sys rf_error">' + text + '<' + '/div>');
1146											  o.prependTo(promo_form);
1147											  o.fadeOut(8000);
1148											 */
1149										}
1150
1151										function ok(text) {
1152											alert(text);
1153											return;
1154											/*
1155														  promo_form.find('input[type="text"],textarea').val('').blur();
1156														  var o = $('<' + 'div class="rf_sys rf_send">' + d.message + '<' + '/div>');
1157														  $(".top_promo_in.row").text( d.message ).css("color","#fff");
1158														  */
1159										}
1160										$('.jsPromoTlacitko').click(function() {
1161											//console.log('contact_form');
1162
1163											var jeMobilniVerze = $(this).parents(".jsCabMobilni").length > 0;
1164
1165																						var url;
1166											var date_in = "2026-10-02";
1167											var date_out = "2026-10-03";
1168
1169											function bookassistDatumFromJavascriptDatum(jsDate) {
1170												var y = jsDate.getFullYear(); // getYear deprecated :D
1171												var m = jsDate.getMonth() + 1; // mesice jsou od 0
1172												var d = jsDate.getDate();
1173
1174												function naDveCifry(d) {
1175													if (String(d).length == 1) {
1176														d = "0" + d;
1177													}
1178													return d;
1179												}
1180												m = naDveCifry(m);
1181												d = naDveCifry(d);
1182												return "" + y + "-" + m + "-" + d;
1183											}
1184											var date_in_datum = $(".jsFormInputPrijezd").datepicker('getDate');
1185											var dnesek = new Date();
1186											var zitrekDen = dnesek.getDate() + 1;
1187											var zitrekCislem = (new Date()).setDate(zitrekDen);
1188											var zitrekDatum = new Date(zitrekCislem);
1189											if (!date_in_datum) {
1190												date_in_datum = new Date();
1191											}
1192											var date_out_datum = $(".jsFormInputOdjezd").datepicker('getDate');
1193											if (!date_out_datum) {
1194												date_out_datum = zitrekDatum;
1195											}
1196											date_in = bookassistDatumFromJavascriptDatum(date_in_datum);
1197											date_out = bookassistDatumFromJavascriptDatum(date_out_datum);
1198											//debugger;
1199
1200											if (jeMobilniVerze) {
1201												url = "https:\/\/www.secure-hotel-booking.com\/SPA-Hotel-Devin-Superior\/J1BB\/en?hotelId=29440?promo_code=DEVIN&price_group=&date_in={date_in}&date_out={date_out}";
1202											} else {
1203												url = "https:\/\/www.secure-hotel-booking.com\/SPA-Hotel-Devin-Superior\/J1BB\/en?hotelId=29440?promo_code=DEVIN&price_group=&date_in={date_in}&date_out={date_out}";
1204											}
1205
1206											url = url.replace('{date_in}', date_in);
1207											url = url.replace('{date_out}', date_out);
1208
1209											window.location = url;
1210											return;
1211
1212											promo_otevri();
1213
1214											$(".jsPromoOdeslat").click(function() {
1215												var email = $(".jsPromoEmail").val();
1216
1217												if (!validateEmail(email)) {
1218													chyba("Error sending, please try it later");
1219												} else {
1220													$.post('files/register_promo.php', {
1221															promo_email: email
1222														},
1223														function(d) {
1224															if (d.status == 1) {
1225																ok(d.message);
1226
1227																promo_zavri();
1228															} else {
1229																chyba("Error sending, please try it later");
1230															}
1231														}, 'json'
1232													).error(function() {
1233														// 404 ...
1234														chyba("Error sending, please try it later");
1235													});
1236												}
1237											});
1238										});
1239									});
1240								</script>
1240
1241								<div class="cab1Vlevo">
1242									<div class="cab1VlevoVnitrek">
1243																<div id="cab1nabidky">
1244							<ul>
1245								<li>
1246									<div class="cab1promoText">Best price guarantee – lowest prices guaranteed when making reservation only through our website</div>
1247								</li>
1248								<li>
1249									<div class="cab1promoText">Upgrade to higher room type free of charge (upon availability) </div>
1250								</li>
1251								<li>
1252									<div class="cab1promoText">Welcome drink per person free of charge</div>
1253								</li>
1254								<li>
1255									<div class="cab1promoText">Changes in reservation ca be made without additional charges</div>
1256								</li>
1257							</ul>
1258						</div>
1259
1260						<input class="tlacitko3 cab1promoEmail jsPromoEmail" placeholder="Insert your email address">
1261						<a class="tlacitko2 tlacitko2--presCelouSirku cab1PromoOdeslat jsPromoOdeslat">Send</a>
1262														</div>
1263								</div>
1264								<!-- PROMO 1 END -->
1265								<div class="cab1vpravo">
1266									<div class="cab1vpravoVnitrek">
1267
1268
1269										<!--
1270															M: datepicker hleda pozici podle prvku co jsou pred ci po (podle nastaveni smeru textu) !
1271																proto tu musi byt tyto dva extra prvky
1272															-->
1273										<div class="datepickerPrvekPredSpoustecem"></div>
1274										<input class="jsDatepickerRangepicker datepickerDefaultniVlastnosti" style="display:none" />
1275										<div class="datepickerPrvekZaSpoustecem"></div>
1276
1277
1278																					<div class="formTlacitko1">
1279												<input class="jsFormInputPrijezd formInput1" placeholder="Arrival"
1280													style="position: relative; z-index: 1000" >
1281												<div class="formTlacitko1ObrazekPozice">
1282																						<a class="tlacitko5" href="javascript:void(0);">	
1283										<div class="tlacitko5animace">
1284											<div class="tlacitko5animaceB">
1285												<div class="tlacitko5animaceA">
1286													<div class="tlacitko5Obrazek" style="background-image:url(/img/cab/kalendar.png);"></div>
1287													<div class="tlacitko5Text"></div>
1288												</div>
1289												<div class="tlacitko5Obrazek" style="background-image:url(/img/cab/kalendar.png);"></div>
1290												<div class="tlacitko5Text"></div>
1291											</div>
1292										</div>
1293									</a>
1294																</div>
1295											</div>
1296																					<div class="formTlacitko1">
1297												<input class="jsFormInputOdjezd formInput1" placeholder="Departure"
1298													style="position: relative; z-index: 1000" >
1299												<div class="formTlacitko1ObrazekPozice">
1300																						<a class="tlacitko5" href="javascript:void(0);">	
1301										<div class="tlacitko5animace">
1302											<div class="tlacitko5animaceB">
1303												<div class="tlacitko5animaceA">
1304													<div class="tlacitko5Obrazek" style="background-image:url(/img/cab/kalendar.png);"></div>
1305													<div class="tlacitko5Text"></div>
1306												</div>
1307												<div class="tlacitko5Obrazek" style="background-image:url(/img/cab/kalendar.png);"></div>
1308												<div class="tlacitko5Text"></div>
1309											</div>
1310										</div>
1311									</a>
1312																</div>
1313											</div>
1314																					<div class="formTlacitko1">
1315												<input class="jsFormInputPromo formInput1" placeholder="Promo code"
1316													style="position: relative; z-index: 1000" >
1317												<div class="formTlacitko1ObrazekPozice">
1318																						<a class="tlacitko5" href="javascript:void(0);">	
1319										<div class="tlacitko5animace">
1320											<div class="tlacitko5animaceB">
1321												<div class="tlacitko5animaceA">
1322													<div class="tlacitko5Obrazek" style="background-image:url(/img/cab/promo.png);"></div>
1323													<div class="tlacitko5Text"></div>
1324												</div>
1325												<div class="tlacitko5Obrazek" style="background-image:url(/img/cab/promo.png);"></div>
1326												<div class="tlacitko5Text"></div>
1327											</div>
1328										</div>
1329									</a>
1330																</div>
1331											</div>
1332										
1333
1334
1335									</div> <!-- .cab1vpravoVnitrek -->
1336								</div> <!-- .cab1vpravo -->
1337								<div style="clear:both"></div>
1338								<div class="cab1promo">Best Price Guarantee – get 5% discount.&nbsp&nbsp&nbsp<a class="tlacitko2 cab1promoTlacitko jsPromoTlacitko">Click here</a> </div>
1339								<div class="cab1VlevoSpodek"></div>
1340							</div>
1341							<button class="tlacitko2 tlacitko2--presCelouSirku jsFormInputRezervujte">Book</button>
1342						</div>
1343						<div class="cab2">
1344						</div>
1345					</div><!-- cab -->
1346				</div><!-- banyrky -->
1347			</div>
1348			<style>
1349				@import url('https://fonts.googleapis.com/css?family=Ubuntu');
1350			</style>
1351			<div class='links' style='float: right;height: 165px;width: 153px;'>
1352				<a href="https://www.goldenapplehotels.com" target="_blank">
1353					<div class="managed_by">Managed by</div>
1354					<img src='icon/link_logo.png' style='display: block;margin:auto;''></a>
1355                                                       <div class=' links_show' style='display: none'>
1356					<div align='center'>
1357						<a href='#' style='margin:0;font-family: Ubuntu, light;color:#ddc071 ;
1357font-size:12.17px;font-weight:bolder;text-decoration: underline; text-decoration-color: #a19366; text-transform: uppercase;'>Spa Hotel Děvín</a>
1358					</div>
1359					<div align='center'>
1360						<a href='https://www.aquapalacehotel.cz' target='_blank' style='text-decoration: none;margin:0;font-family: Ubuntu, light;color:#9f8e60 ;font-size:12.17px;text-transform: uppercase;'>Aquapalace resort Prague</a>
1361					</div>
1362					<div align='center'>
1363						<a href='https://www.hotelsvornost.cz/cz/' target='_blank' style='text-decoration: none;margin:0;font-family: Ubuntu, light;color:#9f8e60 ;font-size:12.17px;text-transform: uppercase;'>Wellness Hotel Svornost</a>
1364					</div>
1365			</div>
1366		</div>
1367
1368</div><!-- umisteniHornichBanyrku -->
1369<script>
1370	$(document).ready(function() {
1371		$(document).on('click', ".js_active_lang_box .active", function(e) {
1372			e.preventDefault();
1373		});
1374		$(".js_open_langs").click(function() {
1375			$("html").toggleClass("LANGS_OPENED");
1376		}) //.click( function(e){ e.preventDefault(); $("#langs").toggleClass( "jsLangsOpened" ); });
1377	});
1378</script>
1378
1379
1380
1381<div class="centrovaniMenu js_max_rozmer_menu">
1382	<div class="okrajCentrovanehoMenu">
1383				<a id="top_logo" class="js_top_logo top_logo fontlato" href="/en/" title="Spa Hotel Děvín - "><img src="/img/logo.png" alt="logo"></a>
1384
1385
1386		<!-- hamburgr -->
1387		<div id="menu_button" class="js_mobile_menu_toggle menu_toggle">
1388			<div class="menu_ico">
1389				<hr>
1390				<hr>
1391				<hr>
1392			</div>
1393			<div class="menu_ico_label">menu</div>
1394		</div>
1395
1396
1397		
1397<script>
1398			$(document).ready(function() {
1399				/*
1400				$(".jsRezervaceTlacitkoOtevri").click(function ( e ){
1401					if ( $(".jsCabRozmer").width() > $( window ).width())
1402					{
1403						mobilniBanyrky_otevri();
1404					}
1405					else
1406					{
1407						e . preventDefault (); // neoznacuj text
1408						$(".cab1").show();
1409						$(".cab0").hide();
1410					}
1411				});
1412
1413				$(".jsRezervaceTlacitko2").click(function( e ){
1414					e . preventDefault (); // neoznacuj text
1415					$(".cab1").hide();
1416					$(".cab0").show();
1417				});
1418
1419				/*
1420				$(".cabVzor").hide();
1421				$(".cabVzor1").show();
1422				$(".cabVzor1,.cabVzor").click(function(){
1423				$(".cabVzor").toggle();
1424				$(".cabVzor1").toggle();
1425				});
1426				*/
1427
1428
1429			});
1430		</script>
1430
1431		
1431<script>
1432			var DATEPICKER_RANGEPICKER = {};
1433
1434
1435			// Vsude musi byt stejny!
1436			DATEPICKER_RANGEPICKER.datepickerDateFormat = function() {
1437				return $.datepicker._defaults.dateFormat;
1438				// return 'dd.mm.yy';
1439				// return $.datepicker.regional['en'].dateFormat;
1440			}
1441
1442			DATEPICKER_RANGEPICKER.otevri = function() {
1443				$(".jsDatepickerRangepicker").datepicker('show');
1444			}
1445			DATEPICKER_RANGEPICKER.zavri = function() {
1446				$(".jsDatepickerRangepicker").datepicker('hide');
1447			}
1448
1449			DATEPICKER_RANGEPICKER.prijezd = function(nastavNa) {
1450				return this.vratANastavJqueryInput__($(".jsFormInputPrijezd"), nastavNa);
1451			}
1452			DATEPICKER_RANGEPICKER.odjezd = function(nastavNa) {
1453				return this.vratANastavJqueryInput__($(".jsFormInputOdjezd"), nastavNa);
1454			}
1455			DATEPICKER_RANGEPICKER.vratANastavJqueryInput__ = function(prvek, nastavNa) {
1456				var $DIV = $(prvek);
1457				var ret;
1458				if (typeof nastavNa !== 'undefined') {
1459					$DIV.val(nastavNa);
1460				}
1461				ret = $DIV.val();
1462				return ret;
1463			}
1464
1465			DATEPICKER_RANGEPICKER.div = function() {
1466				return this.DIV;
1467			}
1468
1469
1470
1471			DATEPICKER_RANGEPICKER.vystredNaObrazovce = function() {
1472				var centrovany = DATEPICKER_RANGEPICKER.div();
1473				if (centrovany) {
1474					var $centrovany = $(centrovany);
1475					var ofsetTop = ($(window).height() - $centrovany.height()) / 2;
1476					$centrovany.css('top', ofsetTop);
1477				}
1478			}
1479			// spoustej i kdyz se okno zmeni !
1480			$(window).resize(function() {
1481				DATEPICKER_RANGEPICKER.vystredNaObrazovce();
1482			});
1483
1484			// _________-- Handlery navazany na datepicker _____________________-
1485
1486
1487
1488			DATEPICKER_RANGEPICKER.beforeShow = function(datepickerObj, input, inst) {
1489
1490				// fokus !
1491				setTimeout(function() {
1492
1493					// http://stackoverflow.com/questions/11533161/jquery-ui-datepicker-change-z-index
1494					tmavyPozadi_zobraz(499);
1495					$('.ui-datepicker').css('z-index', 500);
1496
1497				}, 0);
1498
1499				// umisteni
1500
1501				this.DIV = inst.dpDiv;
1502
1503				var rect = input.getBoundingClientRect();
1504				setTimeout(function() {
1505
1506					inst.dpDiv.css('top', rect.top + 40);
1507					inst.dpDiv.css('left', '50%'); //rect.left + 0);
1508					inst.dpDiv.css('-webkit-transform', 'translateX(-50%)');
1509					inst.dpDiv.css('transform', 'translateX(-50%)'); //left','50%');
1510
1511					DATEPICKER_RANGEPICKER.vystredNaObrazovce();
1512
1513				}, 0);
1514
1515				poKlikuNaEscapeSpustJednou(function() {
1516
1517					DATEPICKER_RANGEPICKER.zavri();
1518
1519				});
1520			}
1521
1522			DATEPICKER_RANGEPICKER.beforeShowDay = function(datepickerObj, date) {
1523				var date1 = $.datepicker.parseDate(DATEPICKER_RANGEPICKER.datepickerDateFormat(), this.prijezd());
1524				var date2 = $.datepicker.parseDate(DATEPICKER_RANGEPICKER.datepickerDateFormat(), this.odjezd());
1525				var isHighlight =
1526					date1 && ((date.getTime() == date1.getTime()) || (date2 && date >= date1 && date <= date2));
1527				var classes = '';
1528				if (isHighlight) {
1529					classes += " dp-highlight";
1530				}
1531				if (date1 && date.getTime() == date1.getTime()) {
1532					classes += " dp-highlight-prijezd";
1533				}
1534				if (date2 && date.getTime() == date2.getTime()) {
1535					classes += " dp-highlight-odjezd";
1536				}
1537				return [true, classes];
1538			}
1539			DATEPICKER_RANGEPICKER.onSelect = function(datepickerObj, dateText, inst) {
1540				var date1 = $.datepicker.parseDate(DATEPICKER_RANGEPICKER.datepickerDateFormat(), this.prijezd());
1541				var date2 = $.datepicker.parseDate(DATEPICKER_RANGEPICKER.datepickerDateFormat(), this.odjezd());
1542				var selectedDate = $.datepicker.parseDate(DATEPICKER_RANGEPICKER.datepickerDateFormat(), dateText);
1543
1544				if (!date1 || date2) {
1545					this.prijezd(dateText);
1546					this.odjezd("");
1547				} else if (selectedDate < date1) {
1548					this.odjezd(this.prijezd());
1549					this.prijezd(dateText);
1550				} else {
1551					this.odjezd(dateText);
1552				}
1553				$(datepickerObj).data('datepicker').inline = true;
1554				$(datepickerObj).datepicker();
1555			}
1556			// pro pripad samostatnych datepickeru
1557			DATEPICKER_RANGEPICKER.onSelectOdjezd = function(datepickerObj, dateText, inst) {
1558				this.odjezd(dateText);
1559
1560				var date1 = $.datepicker.parseDate(DATEPICKER_RANGEPICKER.datepickerDateFormat(), this.prijezd());
1561				var date2 = $.datepicker.parseDate(DATEPICKER_RANGEPICKER.datepickerDateFormat(), this.odjezd());
1562				var selectedDate = $.datepicker.parseDate(DATEPICKER_RANGEPICKER.datepickerDateFormat(), dateText);
1563				// nastavim prijezd
1564
1565				if (date1 === null) {
1566					date1 = $.datepicker.parseDate(DATEPICKER_RANGEPICKER.datepickerDateFormat(), this.odjezd());
1567					date1.setDate(date2.getDate() - 1);
1568					$(".jsFormInputPrijezd").datepicker("setDate", date1);
1569				}
1570
1571				if (date1 > date2) {
1572					date1.setDate(date2.getDate() - 1);
1573					$(".jsFormInputPrijezd").datepicker("setDate", date1);
1574				}
1575			}
1576			// pro pripad samostatnych datepickeru
1577			DATEPICKER_RANGEPICKER.onSelectPrijezd = function(datepickerObj, dateText, inst) {
1578				this.prijezd(dateText);
1579
1580				var date1 = $.datepicker.parseDate(DATEPICKER_RANGEPICKER.datepickerDateFormat(), this.prijezd());
1581				var date2 = $.datepicker.parseDate(DATEPICKER_RANGEPICKER.datepickerDateFormat(), this.odjezd());
1582				var selectedDate = $.datepicker.parseDate(DATEPICKER_RANGEPICKER.datepickerDateFormat(), dateText);
1583
1584				if (date2 === null) {
1585					date2 = $.datepicker.parseDate(DATEPICKER_RANGEPICKER.datepickerDateFormat(), this.prijezd());
1586					date2.setDate(date1.getDate() + 1);
1587					$(".jsFormInputOdjezd").datepicker("setDate", date2);
1588				}
1589
1590				// nastavim prijezd
1591				if (date1 > date2) {
1592					date2.setDate(date1.getDate() + 1);
1593					$(".jsFormInputOdjezd").datepicker("setDate", date2);
1594				}
1595				return;
1596			}
1597			DATEPICKER_RANGEPICKER.onClose = function(datepickerObj) {
1598
1599				tmavyPozadi_skryj();
1600
1601				// Since we went inline as soon as the date input was clicked
1602				// (to leave the datepicker up for both dates selection),
1603				// turn inline back off again so date input click will once again
1604				// display the datepicker
1605				$(datepickerObj).data('datepicker').inline = false;
1606			}
1607
1608
1609			DATEPICKER_RANGEPICKER.prijezdJavascriptDatum = function() {
1610
1611				var date = this.prijezd();
1612				//debugger;
1613				var dateJs = $.datepicker.parseDate(DATEPICKER_RANGEPICKER.datepickerDateFormat(), date);
1614
1615				if (!date) {
1616					//debugger;
1617
1618					dateJs = new Date();
1619				}
1620				return dateJs;
1621			}
1622			DATEPICKER_RANGEPICKER.odjezdJavascriptDatum = function() {
1623				var date = this.odjezd();
1624				var dateJs = $.datepicker.parseDate(DATEPICKER_RANGEPICKER.datepickerDateFormat(), date);
1625
1626				// odjezd je den po prijezdu ...
1627				if (!date) {
1628					//debugger;
1629
1630					var prijezd = this.prijezdJavascriptDatum();
1631					var odjezd = new Date(prijezd.getTime());
1632					odjezd.setDate(prijezd.getDate() + 1); // dalsi den
1633					dateJs = odjezd;
1634				}
1635
1636				return dateJs;
1637			}
1638
1639
1640			$(document).ready(function() {
1641				$(".jsPromoTlacitko").click(function() {
1642
1643					// TODO: 2 verze vzhledu
1644
1645				});
1646
1647				// http://stackoverflow.com/a/37358792/712092
1648				$(".jsDatepickerRangepicker").datepicker({
1649					minDate: 0,
1650					regional: $.datepicker.regional['en'],
1651					numberOfMonths: [1, 2], // radku, sloupcu
1652					beforeShow: function(input, inst) {
1653
1654						return DATEPICKER_RANGEPICKER.beforeShow(this, input, inst);
1655
1656					},
1657					beforeShowDay: function(date) {
1658
1659						return DATEPICKER_RANGEPICKER.beforeShowDay(this, date);
1660
1661					},
1662					onSelect: function(dateText, inst) {
1663
1664						return DATEPICKER_RANGEPICKER.onSelect(this, dateText, inst);
1665					},
1666					onClose: function() {
1667
1668						return DATEPICKER_RANGEPICKER.onClose(this);
1669
1670					}
1671				});
1672
1673				$(".jsFormInputPrijezd").datepicker({ //Datepicker
1674					numberOfMonths: 1,
1675					//changeMonth: true,
1676					//changeYear: true,
1677					minDate: 0,
1678					dateFormat: DATEPICKER_RANGEPICKER.datepickerDateFormat(), // 'dd.mm.yy',
1679					altField: "#hp_departure_alt",
1680					altFormat: "yy-mm-dd",
1681					regional: $.datepicker.regional['en'],
1682					showOn: 'both',
1683
1684					onSelect: function(dateText, inst) {
1685
1686						return DATEPICKER_RANGEPICKER.onSelectPrijezd(this, dateText, inst);
1687					},
1688					/**/
1689				});
1690				$(".jsFormInputOdjezd").datepicker({ //Datepicker
1691					numberOfMonths: 1,
1692					//changeMonth: true,
1693					//changeYear: true,
1694					minDate: 0,
1695					dateFormat: DATEPICKER_RANGEPICKER.datepickerDateFormat(), //'dd.mm.yy',
1696					altField: "#hp_departure_alt2",
1697					altFormat: "yy-mm-dd",
1698					regional: $.datepicker.regional['en'],
1699					showOn: 'both',
1700
1701					onSelect: function(dateText, inst) {
1702
1703						return DATEPICKER_RANGEPICKER.onSelectOdjezd(this, dateText, inst);
1704					},
1705					/**/
1706
1707				});
1708				/*
1709												$(".jsFormInputPrijezd").click(function(){
1710													DATEPICKER_RANGEPICKER.otevri();
1711												});
1712												$(".jsFormInputOdjezd").click(function(){
1713													DATEPICKER_RANGEPICKER.otevri();
1714												});
1715				*/
1716				function bookassistDatumFromJavascriptDatum(jsDate) {
1717					var y = jsDate.getFullYear(); // getYear deprecated :D
1718					var m = jsDate.getMonth() + 1; // mesice jsou od 0
1719					var d = jsDate.getDate();
1720					if (String(d).length == 1) {
1721						d = "0" + d;
1722					}
1723					return "" + y + "-" + m + "-" + d;
1724				}
1725
1726				$(".jsFormInputRezervujte").click(function() {
1727
1728
1729
1730					//debugger;
1731
1732
1733
1734					/* funguje ...
1735								var date_in = $(".jsFormInputPrijezd") . val();
1736								var date_out = $(".jsFormInputOdjezd") . val();
1737								var promo_code = $(".jsFormInputPromo") . val();
1738
1739								// TODO: je vse ok?
1740								if ( ! date_in && ! date_out ) //|| ! promo_code )
1741								{
1742									var dnes = new Date();
1743									var zitra = new Date();
1744									zitra.setDate(dnes.getDate()+1);
1745									date_in = bookassistDatum( dnes );
1746									date_out = bookassistDatum( zitra );
1747								}
1748								else if ( ! date_out )
1749								{
1750									var prvniVybranyDatum = $.datepicker.parseDate(DATEPICKER_RANGEPICKER.datepickerDateFormat(), date_in );
1751									var druhyDatum = new Date(prvniVybranyDatum.getTime());
1752									druhyDatum.setDate(prvniVybranyDatum.getDate()+1);
1753
1754															function bookassistFormatData( datum // input
1755															)
1756															{
1757																var ret = $.datepicker.formatDate('yy-mm-dd', $.datepicker.parseDate(DATEPICKER_RANGEPICKER.datepickerDateFormat(), datum ));
1758																return ret;
1759															}
1760									date_in = bookassistDatum( prvniVybranyDatum );
1761									date_out = bookassistDatum( druhyDatum );
1762								}
1763								else
1764								{
1765									date_in = bookassistFormatData( date_in );
1766									date_out = bookassistFormatData( date_out );
1767								}
1768								//debugger;
1769								if( odjezd != date_out){ alert(0);}
1770								if( prijezd != date_in){ alert(1);}
1771					*/
1772
1773					var prijezd = DATEPICKER_RANGEPICKER.prijezdJavascriptDatum(
1773);
1774					var date_in = bookassistDatumFromJavascriptDatum(prijezd);
1775
1776					var odjezd = DATEPICKER_RANGEPICKER.odjezdJavascriptDatum();
1777					var date_out = bookassistDatumFromJavascriptDatum(odjezd);
1778
1779					var promo_code = $(".jsFormInputPromo").val();
1780
1781					window.location = "https:\/\/www.secure-hotel-booking.com\/SPA-Hotel-Devin-Superior\/J1BB\/en?hotelId=29440" + '?date_in=' + date_in + '&date_out=' + date_out + '&promo_code=' + promo_code;
1782
1783				});
1784			});
1785		</script>
1785
1786
1787		<div class="menuSkryvaniProMobilniMenu">
1788
1789
1790			
1790<script>
1791				$(document).ready(function() {
1792					$(".jsTmavyPozadi2").click(function() {
1793						if ($("html").hasClass("mobile_menu_toggled")) {
1794							$(".js_mobile_menu_toggle").click();
1795						}
1796					});
1797				});
1798
1799				function mobilnimenu2_onResize() {
1800
1801					function rozmeryViditelnehoOkna() {
1802						var myWidth = 0,
1803							myHeight = 0;
1804						if (typeof(window.innerWidth) == 'number') {
1805							// Non-IE
1806							myWidth = window.innerWidth;
1807							myHeight = window.innerHeight;
1808						} else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
1809							// IE 6+ in 'standards compliant mode'
1810							myWidth = document.documentElement.clientWidth;
1811							myHeight = document.documentElement.clientHeight;
1812						} else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
1813							// IE 4 compatible
1814							myWidth = document.body.clientWidth;
1815							myHeight = document.body.clientHeight;
1816						}
1817						return {
1818							'width': myWidth,
1819							'height': myHeight
1820						};
1821					}
1822
1823					var vyskaOkna = rozmeryViditelnehoOkna().height - 2 * 80; // screen.height - 50; // vyska okna - chrome ignoruje vysku konzole
1824					var vyskaMinimalizovanehoObsahu = $(".jsKZmereniRozmenuHlavnihoMenu").outerHeight();
1825					var minVyska = 200;
1826					var vyska = vyskaMinimalizovanehoObsahu;
1827					if (vyska > vyskaOkna) {
1828						vyska = vyskaOkna;
1829					}
1830					if (vyska < minVyska) {
1831						vyska = minVyska;
1832					}
1833
1834					if ($("html").hasClass("mobilemenu") && $("html").hasClass("mobile_menu_toggled")) {
1835						$(".jsMobilniMenu2Rozmer").height(vyska);
1836
1837						// skroll at neni vzdy !
1838						if (vyska == vyskaMinimalizovanehoObsahu) {
1839							$(".jsMobilniMenu2Orez").css("overflow-y", "auto");
1840						}
1841						console.log(vyska, vyskaMinimalizovanehoObsahu);
1842
1843					} else {
1844						$(".jsMobilniMenu2Rozmer").css("height", "");
1845					}
1846				}
1847				$(document).ready(function() {
1848					mobilnimenu2_onResize();
1849					$(window).resize(function() {
1850						mobilnimenu2_onResize()
1851					});
1852				})
1853			</script>
1853
1854			<div class="mobilniMenu2skryjTmavePozadi">
1855				<div class="jsTmavyPozadi2 tmavyPozadi" style="z-index: -1;/*  */"></div>
1856			</div>
1857			<div class="jsJqueryLoadProMenu jsMobilniMenu2Rozmer jsMobilniMenu2Orez mobilniMenu2">
1858				<div id="menu" class="jsKZmereniRozmenuHlavnihoMenu">
1859
1860
1861
1862					
1863
1864
1865
1866					<ul class="mainmenu"><li id="item2" class="mitem item2 subyes current"><a href="/en/about-us/"><span class="mitem_name">About Us</span></a><ul class="submenulist"><li class="mitem_sub current mitem_sub_69"><a href="/en/loyalty-program/"><span class="mitem_sub_name">Loyalty Program</span></a></li><li class="mitem_sub mitem_sub_45"><a href="/en/career/"><span class="mitem_sub_name">Career</span></a></li><li class="mitem_sub mitem_sub_44"><a href="/en/brochures/"><span class="mitem_sub_name">Brochures</span></a></li><li class="mitem_sub mitem_sub_8"><a href="/en/leisure-time/"><span class="mitem_sub_name">Leisure Time</span></a></li><li class="mitem_sub mitem_sub_46"><a href="/en/event-calendar/"><span class="mitem_sub_name">Event calendar</span></a></li></ul></li><li id="item3" class="mitem item3 subyes"><a href="/en/special-offers/"><span class="mitem_name">Special offers</span></a></li><li id="item4" class="mitem item4 subno"><a href="/en/rooms/"><span class="mitem_name">Rooms</span></a></li><li id="item5" class="mitem item5 subyes"><a href="/en/spa-treatments/"><span class="mitem_name">Spa Treatments</span></a><ul class="submenulist"><li class="mitem_sub mitem_sub_28"><a href="/en/natural-healing---peat/"><span class="mitem_sub_name">Natural healing - peat</span></a></li></ul></li><li id="item6" class="mitem item6 subyes"><a href="/en/training-center/"><span class="mitem_name">Corporate events and teambuilding</span></a></li><li id="item7" class="mitem item7 subyes"><a href="/en/restaurant/"><span class="mitem_name">Restaurant &amp; Bar</span></a></li><li id="item85" class="mitem item85 subno"><a href="/en/blog/"><span class="mitem_name">Blog</span></a></li><li id="item9" class="mitem item9 subno"><a href="/en/gallery/"><span class="mitem_name">Gallery</span></a></li><li id="item10" class="mitem item10 subno"><a href="/en/contact/"><span class="mitem_name">Contact</span></a></li></ul>
1867					<div class="fixAndroidSpodniMenuByloPresMobilniMenu"></div>
1868
1869				</div> <!-- #menu -->
1870			</div>
1871		</div>
1872
1873
1874	</div>
1875</div><!-- centrovaniMenu -->
1876
1877
1878
1879</div>
1880				
1880<script>
1881					window.VZ_INTRO = {};
1882
1883					VZ_INTRO.onResize = function() {
1884						if ($(".js_intro1_rozmer").width() <= 700 || $(".js_intro1_rozmer").height() <= 650) {
1885							$("html").addClass("JS_INTRO1_MALA_VERZE_NADPISU");
1886						} else {
1887							$("html").removeClass("JS_INTRO1_MALA_VERZE_NADPISU")
1888						}
1889					}
1890					VZ_INTRO.setVyskaCallback = function(fn) {
1891
1892						VZ_INTRO._vyska = fn;
1893
1894						// obnov slidemanager
1895						$(window).trigger('resize');
1896					}
1897					VZ_INTRO._vyska = function() {
1898						return ($(window).height())
1899					}
1900
1901					VZ_INTRO.start = function() {
1902
1903						function hp_intro_height(a) {
1904							var intro_height = VZ_INTRO._vyska();
1905							var intro_height = 400;
1906							$(a).height(intro_height);
1907						}
1908
1909						//resize
1910						$(window).resize(function() {
1911							hp_intro_height('#hp_intro'); // musi byt pred bg imagem !
1912						});
1913						hp_intro_height('#hp_intro');
1914						$(window).trigger('resize'); // refresh grid now
1915					}
1916
1917					$(window).resize(function() {
1918						VZ_INTRO.onResize();
1919					});
1920
1921					$(document).ready(function() {
1922
1923						VZ_INTRO.start();
1924						$('.sm-button').hide();
1925
1926
1927						// moznost mit vice superbgimage na jedne strance ___________________________
1928
1929
1930						$('#image_list').superbgimage({
1931							//id : 'superbgimage',
1932							gallery_image: 'hp_intro',
1933							inlineMode: 6, // 0-resize to browser size, 1-do not resize to browser-size
1934							showimage: 1, // number of first image to display
1935							vertical_center: 1, // 0-align top, 1-center vertical
1936							transition: 1, // 0-none, 1-fade, 2-slide down, 3-slide left, 4-slide top, 5-slide right, 6-blind horizontal, 7-blind vertical, 90-slide right/left, 91-slide top/down
1937							transition_easing: 'easeOutExpo',
1938							transition_spacetime: 0,
1939							transitionout: 1, // 0-no transition for previous image, 1-transition for previous image
1940							slideshow: ($('#image_list a').length > 1 ? 1 : 0), // 0-none, 1-autostart slideshow
1941							slide_interval: 6000, // interval for the slideshow
1942							randomimage: 0, // 0-none, 1-random image
1943							speed: 2000, // animation speed
1944							onShow: function(imgn) { //before show
1945
1946								$('.sm-button').hide();
1947								$('.sm-button').eq(imgn - 1).show();
1948								var imgmotto = $('#image_list a[rel="' + imgn + '"]').attr('title');
1949								//var imgmottolink = $('#image_list a[rel="' + imgn + '"]').attr('data-link');
1950								if (imgmotto != "") {
1951									var sep_p = imgmotto.indexOf(':');
1952									//var motto_p = imgmotto.split(':',2);
1953									//console.log(motto_p);
1954									//console.log(sep_p);
1955									var motto_title = (sep_p > 0 ? imgmotto.slice(0, sep_p) : imgmotto.slice(0));
1956									var motto_text = (sep_p > 0 ? imgmotto.slice(sep_p + 1) : '');
1957
1958									//$('.hp_intro_link').attr('href', imgmottolink );
1959									$('.hp_intro_title').html(motto_title);
1960									$('.hp_intro_text').html(motto_text);
1961									$('.top_intro_filter').fadeIn(800);
1962									$('#hp_intro_content').fadeIn(1000);
1963
1964								}
1965								//slidemanagercontentcenter();
1966
1967							},
1968							onHide: function(imgn) { //before hide
1969								// $('.top_intro_filter').fadeOut(800);
1970								// $('#hp_intro_content').fadeOut(600);
1971							}
1972						}); /**/
1973
1974
1975						// ------------------------------------------------
1976						$(".jsBannerKrizek").click(function() {
1977							$(".jsBanner").fadeOut(function() {
1978								socialmedias_scroll_callback();
1979							});
1980						});
1981					});
1982				</script>
1982
1983				
1984				<div id="hp_intro" class='js_intro1_rozmer'>
1985
1986										<!--<div class="introPozadiNaMobilu" style="background-image:url('slideadmin/upload_orig/DV_novy_parkoviste_67120fc563c78.jpg')"></div>-->
1987
1988					<div class="introMenuTmavost"></div>
1989
1990					<div class="introLogo">
1991						<div class="introLogoVcenter1">
1992							<div class="introLogoVcenter2">
1993								<div class="introLogo1"></div>
1994								<div class="introLogo2"></div>
1995							</div>
1996						</div>
1997					</div>
1998
1999					<div class="intro_content_container">
2000
2001						<!-- js -->
2002						<div id="hp_intro_content" style="display:none">
2003							<span class="hp_intro_title fontscript"></span>
2004							<span class="hp_intro_text"></span>
2005							<div class="hp_intro_text_podtrzeniBaze">
2006								<div class="hp_intro_text_podtrzeni">
2007
2008
2009									<div id="superbgimage_list">
2010										<div id="image_list" style="display:none;"><a class="suberbgimage_item" href="slideadmin/upload_orig/spa-hotel-devin-loyalty-vip_6a475d68ea6f8.jpg" data-link="" title=""></a>
2011</div>									</div>
2012
2013
2014								</div>
2015							</div>
2016							<div class="sm-button-holder">
2017								<span class="sm-button"></span><span class="sm-button"><p><br></p></span><span class="sm-button"></span>							</div>
2018						</div>
2019
2020						<!-- div id="hp_scroll_to_content" class="js_scroll_to" data-js_scroll_to_selector="#hp_content">
2021                      <div class="button1">
2022                          scroll
2023                          <div class="button1_arrow"></div>
2024                      </div>
2025                  </div -->
2026
2027						<div class="top_intro_filter"></div>
2028					</div>
2029
2030
2031
2032
2033				</div>
2034				<!--
2035//
2036//                                             OBSAH 1        / blok 3
2037//
2038// ____________________________________________________________________________________
2039-->
2040					<div class="loyalty-wrapper">
2041						
2042				<iframe id="loyaltyIframe" src="https://www.zoomletter.com/klienti/spa-hotel-d-vin/loyalty2/webpages/?at=&s=&l=en" width="100%" style="height: 1145px; border: none;"></iframe>
2043			</div>
2044			<!--
2045// ___________________________________________________________________________
2046//
2047//                        SEKCE 2 / GALERIE
2048//
2049// ___________________________________________________________________________
2050-->
2051	<div class="ramecekMeziBloky"></div>
2052<!--
2053// ___________________________________________________________________________
2054//
2055//                        PODSEKCE
2056//
2057// ___________________________________________________________________________
2058-->
2059<script>console.log(false);</script>
2059<!--
2060//
2061//                                             OBSAH 2
2062//
2063// ____________________________________________________________________________________
2064-->
2065<!-- info o hotelu //page.info -->
2066<!-- info o hotelu END -->
2067
2068<div id="footer" class="footer">
2069
2070<div class="patickaHorni">
2071	
2072	<!-- 
2073		rovnomerny rozptyl 
2074		--- ma problem s white-space:nowrap tak jako flexbox :( 
2075			FIXME(M): nahradit flexboxem?
2076	-->
2077	<div class="js_rozmerRovnomernehoRozptyluSkupiny1"><div class="prvekRovnomernehoRozptylu"><div class="miniblokTmavy"><h3>Address</h3>
2078<div>SPA Hotel Děvín</div>
2079<div>Příkrá 618/2a</div>
2080<div>353 01 Mariánské Lázně</div>
2081<div>Managed by Golden Apple Hotels</div><div>Company registered office: Representative organization of trade unions SPG a.s, Na Struze 227/1, Nové Město, 110 00 Prague 1<br>ICO: 27450201 | DIC: CZ27450201&nbsp;</div></div></div><div class="js_pruzinkaRovnomernehoRozptyluSkupiny1"></div><div class="prvekRovnomernehoRozptylu"><div class="miniblokTmavy"><h3>Contact</h3>
2082<div>Tel: +420&nbsp;354&nbsp;470&nbsp;400</div>
2083<div>E-mail: <a href="mailto:[email protected]">[email protected] </a></div>
2084<div><a href="https://www.spahoteldevin.cz">www.spahoteldevin.cz </a></div>
2085<div>&nbsp;</div></div></div><div class="js_pruzinkaRovnomernehoRozptyluSkupiny1"></div><div class="prvekRovnomernehoRozptylu"><div class="miniblokTmavy"><h3>Links</h3><h2><a href="http://&lt;a href='https://www.kayak.de/Marienbad-Hotels-Spa-hotel-Devin.485519.ksp' target='_blank'&gt;&lt;img height=&quot;150px&quot; src='https://content.r9cdn.net/seo-res/badges/v4/DARK_MEDIUM_TRAVEL_AWARDS.png'/&gt;&lt;/a&gt;" target="_blank"></a></h2><div><a href="https://www.spahoteldevin.cz/en/faq/" target="_self">Frequently asked questions</a></div><div><a href="https://www.spahoteldevin.cz/en/privacy-policy/" target="_self">Privacy policy</a></div><div><a href="https://www.spahoteldevin.cz/en/Terms-and-Conditions/">Terms and Conditions</a><br></div><div><a href="https://www.kayak.de/Marienbad-Hotels-Spa-hotel-Devin.485519.ksp" target="https://www.kayak.de/Marienbad-Hotels-Spa-hotel-Devin.485519.ksp"></a><br></div></div></div><div class="js_pruzinkaRovnomernehoRozptyluSkupiny1"></div><div class="prvekRovnomernehoRozptylu"><div class="miniblokTmavy"><h3>Follow us</h3><a class="social facebook" href=" //www.facebook.com/SpaHotelDevinMarianskeLazne/" target="_blank"></a><a class="social instagram" href=" //www.instagram.com/spahoteldevin/" target="_blank"></a></div></div></div>
2086	<!-- BEGIN generovany kod -->
2087	<style>
2088	.prvekRovnomernehoRozptylu {
2089    display: inline-block;
2090    vertical-align: top;
2091	}
2092
2093	.js_pruzinkaRovnomernehoRozptyluSkupiny1 {
2094		display: inline-block;
2095	}
2096	</style>
2097	
2097<script>
2098	function rozmistiRovnomerneDoRadku_prepocti1 ()
2099	{
2100		var maximalniSirka = $( ".js_rozmerRovnomernehoRozptyluSkupiny1" ).width ();
2101		$( ".js_pruzinkaRovnomernehoRozptyluSkupiny1" ).width ( 0 );
2102		var pocetPrvku = 0;
2103		var rozmerPrvku = 0;
2104		var pocetPruzinek = 0;
2105		var debugRozmeryPrvku = [];
2106		$( ".js_rozmerRovnomernehoRozptyluSkupiny1" ) . children () . each ( function ()
2107		{
2108			if ( $( this ) . hasClass ( "js_pruzinkaRovnomernehoRozptyluSkupiny1" )) 
2109			{ 
2110				pocetPruzinek += 1;
2111				return; 
2112			}
2113			debugRozmeryPrvku . push ( $( this ) . width () );
2114			rozmerPrvku += $( this ) . width ();
2115			pocetPrvku += 1;
2116		});
2117
2118// TODO: proc maji nektere prvky pokazde jiny rozmer ?		
2119		var sirkaPruzinky = ( maximalniSirka - rozmerPrvku ) / pocetPruzinek;
2120		var chybaZaokrouhleni = - ( pocetPrvku *  2 + 1 );
2121		var sirkaPruzinkyFinalni = sirkaPruzinky + chybaZaokrouhleni;
2122		$( ".js_pruzinkaRovnomernehoRozptyluSkupiny1" ).width ( sirkaPruzinkyFinalni ); // ziskavam zaokrouhlene rozmery ...
2123		
2124		return;
2125		// console . log ( "selektor", ".js_rozmerRovnomernehoRozptyluSkupiny1", "pocetprvku", pocetPrvku, "maximalniSirka", maximalniSirka, "rozmerPrvku", rozmerPrvku, "pocetPruzinek", pocetPruzinek, "chybaZaokrouhleni", chybaZaokrouhleni, "sirkaPruzinky", sirkaPruzinky, "sirkaPruzinkyFinalni", sirkaPruzinkyFinalni );
2126		var debug = [{ "selektor": ".js_rozmerRovnomernehoRozptyluSkupiny1", "pocetprvku": pocetPrvku, "maximalniSirka": maximalniSirka, "rozmerPrvku": rozmerPrvku, "pocetPruzinek": pocetPruzinek, "chybaZaokrouhleni": chybaZaokrouhleni, "sirkaPruzinky": sirkaPruzinky, "sirkaPruzinkyFinalni": sirkaPruzinkyFinalni }];
2127		
2128		
2129		console . table ( debug );
2130		console . log ( debug ); // radek console . table () nejde zkopirovat do poznamkovyho bloku - nejsou v nem mezery :(
2131		console . log ( debugRozmeryPrvku );
2132		
2133	}
2134
2135	$( document ) . ready( function ()
2136	{
2137		rozmistiRovnomerneDoRadku_prepocti1 ();
2138	})
2139	$( window ) . resize ( function ()
2140	{
2141		rozmistiRovnomerneDoRadku_prepocti1 ();
2142	});
2143	</script>
2143	
2144	<!-- END generovany kod -->
2145	<div class="clearboth"></div></div>
2146
2147<div class="ramecekMeziBloky"></div>
2148
2149<div class="patickaSpodek">
2150	<div class="patickaLogo">
2151	<a href="/"><img src="/img/logo.png" alt="logo Hotel Děvín"></a>
2152	<a href="//www.goldenapplehotels.com/" target="_blank"><img src="img/logoGoldenapple.png" alt="logo Golden Apple Hotels"></a>
2153</div>
2154    <div class="patickaVz">
2155				created by: <a href="//virtual-zoom.cz" style="" target="_blank">virtual-zoom&reg;</a> &nbsp; | &nbsp; <span class="cm_rp" style="cursor:pointer;">Cookies</span>
2156	</div>
2157</div>	
2158
2159</div><!-- #footer -->
2160
2161
2162</div>
2163
2164
2165  <!-- bookassist / Foot START -->
2166	 <!-- www.bookassist.com web stats  -->
2167    
2167<script>
2168        var BA = BA || {};
2169        BA.account = "Spa Hotel Devin";  // hotel Name
2170        BA.hotel_id = "3906";   // bookassist_hotel_id_number_for_hotel
2171        BA.hotel_group_id = "";
2172        BA.guide_id = "822";   // bookassist_guide_id_number_for_hotel
2173        (function() {
2174        var ba = document.createElement('script');
2175        ba.type = 'text/javascript'; ba.async = true;
2176        ba.src = '//dwxf316kii2pu.cloudfront.net/scripts/BA/rt-min.jsp';
2177        var s = document.getElementsByTagName('script')[0];
2178        s.parentNode.insertBefore(ba, s);
2179        })();
2180    </script>
2180
2181    <!-- End www.bookassist.com web stats -->
2182    <!-- bookassist / Foot END -->
2183
2184		<!-- Kód Google značky pro remarketing
2185<script type="text/javascript">
2186/* <![CDATA[ */
2187var google_conversion_id = 'xxx';
2188var google_custom_params = window.google_tag_params;
2189var google_remarketing_only = true;
2190/* ]]> */
2191</script>
vendor: 2 bytes, line 2191
2191
2192<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
2193</script>
2193
2194<noscript>
2195<div style="display:inline;">
2196<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/xxx/?value=0&amp;guid=ON&amp;script=0"/>
2197</div>
2198</noscript> 
2199-->
2200<script type="text/javascript"> var leady_track_key="p113TL37EO6d10WS"; (function(){ var l=document.createElement("script");l.type="text/javascript";l.async=true; l.src='https://t.leady.com/'+leady_track_key+"/L.js"; var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(l,s); })(); </script>
2200
2201</body>
2202
2203</html>
2204
2205		<!-- BEGIN sjednocene lokalni skripty -->
2206		
2206<script>
2207		
2208		</script>
2208
2209		<!-- END sjednocene lokalni skripty -->
2210		

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.