CLP360

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>CLP360</title> <meta name="description" content="CLP360 Fotos: Achim Mende" /> <meta name="keywords" content="CLP360" /> <meta name="medium" content="mult" /> <meta name="video_width" content="640"/> <meta name="video_height" content="480"/> <link rel="image_src" href="indexdata/thumbnail.jpg" /> <meta name="generator" content="UR" /> <meta name="author" content="Achim Mende" /> <meta property="og:title" content="CLP360" /> <meta property="og:description" content="CLP360 Fotos: Achim Mende" /> <meta property="og:type" content="website" /> <meta property="og:image" content="indexdata/thumbnail.jpg" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="CLP360 | Virtual tour" /> <meta name="twitter:description" content="CLP360 Fotos: Achim Mende" /> <meta name="twitter: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"> <style type="text/css"> @-ms-viewport { width: device-width; } @media only screen and (min-device-width: 800px) { html { overflow:hidden; } } * { 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>  <script type="text/javascript" src="indexdata/lib/jquery-2.1.1.min.js"></script>    <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> <style type="text/css"> div#panoDIV.cursorMoveMode { cursor: move; cursor: url(indexdata/graphics/cursors_move_html5.cur), move; } div#panoDIV.cursorDragMode { cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; cursor: url(indexdata/graphics/cursors_drag_html5.cur), default; } </style> <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(); loadPlayer(true, curScene, curTime); } function accessStdVr(curScene, curTime){ unloadPlayer(); resetValuesForPlugins(); loadPlayer(false, curScene, curTime); } 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> <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"/>  <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"/>  <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 : CLP360 (Virtual tour generated by Panotour)"/> </a>  </object>  </object> </noscript> </div> <script type="text/javascript" src="indexdata/index.js"></script> <script type="text/javascript"> if (isVRModeRequested()){ accessWebVr(); }else{ accessStdVr(); } </script> </div> </div> </body> </html>

CINXE.COM

CLP360