CINXE.COM
Hotel Dubrovnik Zagreb
<!DOCTYPE html> <html> <head> <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons"rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet"> <link rel="shortcut icon" href="indexdata/graphics/favicon.ico" /> <meta charset="utf-8" /> <title>Hotel Dubrovnik Zagreb</title> <meta name="description" content="" /> <meta name="keywords" content="Hotel Dubrovnik Zagreb" /> <meta name="medium" content="mult" /> <meta name="video_height" content="480"/> <meta name="video_width" content="640"/> <link rel="image_src" href="indexdata/thumbnail.jpg" /> <meta property="og:title" content="Hotel Dubrovnik Zagreb" /> <meta property="og:description" content="" /> <meta property="og:type" content="website" /> <meta property="og:image" content="indexdata/thumbnail.jpg" /> <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui, viewport-fit=cover"/> <meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="apple-mobile-web-app-status-bar-style" content="default"> <meta name="theme-color" content="#ffffff" > <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PB2JP6');</script> <!-- End Google Tag Manager --> <style type="text/css"> .material-icons.md-light { color: rgba(255, 255, 255, 1); } </style> <style type="text/css"> @font-face { font-family: 'open_sansbold'; src: url('OpenSans-Bold-webfont.eot'); src: url('OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans-Bold-webfont.woff2') format('woff2'), url('OpenSans-Bold-webfont.woff') format('woff'), url('OpenSans-Bold-webfont.ttf') format('truetype'), url('OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @-ms-viewport { width: device-width; } @media only screen and (min-device-width: 800px) { html { overflow:hidden; } } @font-face {font-family: Roboto; src: url(https://fonts.googleapis.com/css?family=Roboto);} * { padding: 0; margin: 0; } html { height: 100%; } body { height: 100%; overflow:hidden; } div#container { height: 100%; min-height: 100%; width: 100%; margin: 0 auto; } div#tourDIV { height:100%; position:relative; overflow:hidden; } div#panoDIV { height:100%; position:relative; overflow:hidden; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } </style> <!--[if !IE]><!--> <script type="text/javascript" src="indexdata/lib/jquery-2.1.1.min.js"></script> <!--<![endif]--> <!--[if lte IE 8]> <script type="text/javascript" src="indexdata/lib/jquery-1.11.1.min.js"></script> <![endif]--> <!--[if gt IE 8]> <script type="text/javascript" src="indexdata/lib/jquery-2.1.1.min.js"></script> <![endif]--> <link type="text/css" href="indexdata/lib/jquery-ui-1.11.1/jquery-ui.min.css" rel="stylesheet" /> <script type="text/javascript" src="indexdata/lib/jquery-ui-1.11.1/jquery-ui.min.js"></script> <script type="text/javascript" src="indexdata/lib/jquery.ui.touch-punch.min.js"></script> <script type="text/javascript" src="indexdata/lib/Kolor/KolorTools.min.js"></script> <script type="text/javascript" src="indexdata/graphics/KolorBootstrap.js"></script> <script type="text/javascript"> function webglAvailable() { try { var canvas = document.createElement("canvas"); return !!window.WebGLRenderingContext && (canvas.getContext("webgl") || canvas.getContext("experimental-webgl")); } catch(e) { return false; } } function getWmodeValue() { var webglTest = webglAvailable(); if(webglTest){ return 'direct'; } return 'opaque'; } function readDeviceOrientation() { // window.innerHeight is not supported by IE var winH = window.innerHeight ? window.innerHeight : jQuery(window).height(); var winW = window.innerWidth ? window.innerWidth : jQuery(window).width(); //force height for iframe usage if(!winH || winH == 0){ winH = '100%'; } // set the height of the document jQuery('html').css('height', winH); // scroll to top window.scrollTo(0,0); } jQuery( document ).ready(function() { if (/(iphone|ipod|ipad|android|iemobile|webos|fennec|blackberry|kindle|series60|playbook|opera\smini|opera\smobi|opera\stablet|symbianos|palmsource|palmos|blazer|windows\sce|windows\sphone|wp7|bolt|doris|dorothy|gobrowser|iris|maemo|minimo|netfront|semc-browser|skyfire|teashark|teleca|uzardweb|avantgo|docomo|kddi|ddipocket|polaris|eudoraweb|opwv|plink|plucker|pie|xiino|benq|playbook|bb|cricket|dell|bb10|nintendo|up.browser|playstation|tear|mib|obigo|midp|mobile|tablet)/.test(navigator.userAgent.toLowerCase())) { if(/iphone/.test(navigator.userAgent.toLowerCase()) && window.self === window.top){ jQuery('body').css('height', '100.18%'); } // add event listener on resize event (for orientation change) if (window.addEventListener) { window.addEventListener("load", readDeviceOrientation); window.addEventListener("resize", readDeviceOrientation); window.addEventListener("orientationchange", readDeviceOrientation); } //initial execution setTimeout(function(){readDeviceOrientation();},10); } }); function accessWebVr(curScene, curTime){ unloadPlayer(); eventUnloadPlugins(); setTimeout(function(){ loadPlayer(true, curScene, curTime); }, 100); } function accessStdVr(curScene, curTime){ unloadPlayer(); resetValuesForPlugins(); setTimeout(function(){ loadPlayer(false, curScene, curTime); }, 100); } function loadPlayer(isWebVr, curScene, curTime) { if (isWebVr) { embedpano({ id:"krpanoSWFObject" ,xml:"indexdata/index_vr.xml" ,target:"panoDIV" ,passQueryParameters:true ,bgcolor:"#000000" ,html5:"only+webgl" ,focus: false ,vars:{skipintro:true,norotation:true,startscene:curScene,starttime:curTime} }); } else { var isBot = /bot|googlebot|crawler|spider|robot|crawling/i.test(navigator.userAgent); embedpano({ id:"krpanoSWFObject" ,swf:"indexdata/index.swf" ,target:"panoDIV" ,passQueryParameters:true ,bgcolor:"#000000" ,focus: false ,html5:isBot ? "always" : "prefer" ,vars:{startscene:curScene,starttime:curTime} ,localfallback:"flash" ,wmode: getWmodeValue() }); } //apply focus on the visit if not embedded into an iframe if(top.location === self.location){ kpanotour.Focus.applyFocus(); } } function unloadPlayer(){ if(jQuery('#krpanoSWFObject')){ removepano('krpanoSWFObject'); } } var currentPanotourPlayer = null; function getCurrentTourPlayer() { if (currentPanotourPlayer == null) { currentPanotourPlayer = document.getElementById('krpanoSWFObject'); } return currentPanotourPlayer; } function isVRModeRequested() { var querystr = window.location.search.substring(1); var params = querystr.split('&'); for (var i=0; i<params.length; i++){ if (params[i].toLowerCase() == "vr"){ return true; } } return false; } </script> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PB2JP6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="container"> <div id="tourDIV"> <div id="panoDIV"> <noscript> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" id="indexdata/index"> <param name="movie" value="indexdata/index.swf"/> <param name="allowFullScreen" value="true"/> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="indexdata/index.swf" width="100%" height="100%"> <param name="movie" value="indexdata/index.swf"/> <param name="allowFullScreen" value="true"/> <!--<![endif]--> <a href="http://www.adobe.com/go/getflash"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player to visualize the Virtual Tour : Hotel Dubrovnik Zagreb"/> </a> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </noscript> </div> <!-- Plugin: Google Analytics Track Event (GATE) Author: Michael Br眉ning | Web: http://dev.compunics.com.ni/ | Mail: <M.Bruening@compunics.com.ni> How to add GATE-tracking code to a href link, example: <a id="booking" href="https://www.thebookingbutton.com.au/" target="_blank">Booking.com</a> <a id="booking" href="https://www.thebookingbutton.com.au/" target="_blank" onclick="AddGATETrackingCode('open website','booking.com', '10');">Booking.com</a> --> <script type="text/javascript"> var tourplayer = null; function getTourPlayer() { if( tourplayer == null ) { tourplayer = document.getElementById('krpanoSWFObject'); }return tourplayer; } function AddGATETrackingCode(GATEAction, GATELabel, GATEValue) { getTourPlayer().call('trackEvent_gate('+GATEAction+','+GATELabel+','+GATEValue+')'); return true; } </script> <script type="text/javascript" src="indexdata/index.js"></script> <script type="text/javascript"> if (isVRModeRequested()){ accessWebVr(); }else{ accessStdVr(); } </script> </div> </div> </body> </html>