File: /datos/www/embajadasyconsulados.procolombia.co/public_html/360/Disenadores360.o.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Disenadores 360 | Virtual tour generated by Panotour</title>
<meta name="description" content="Virtual tour generated by Panotour" />
<meta name="keywords" content="Disenadores 360,Virtual tour generated by Panotour" />
<meta name="medium" content="mult" />
<meta name="video_width" content="640"/>
<meta name="video_height" content="480"/>
<link rel="image_src" href="Disenadores360data/thumbnail.jpg" />
<meta name="generator" content="Panotour Pro V2.5.12 64bits" />
<meta name="author" content="Artic Media SAS" />
<meta property="og:title" content="Disenadores 360 | Virtual tour generated by Panotour" />
<meta property="og:description" content="Virtual tour generated by Panotour" />
<meta property="og:type" content="website" />
<meta property="og:image" content="Disenadores360data/thumbnail.jpg" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Disenadores 360 | Virtual tour generated by Panotour" />
<meta name="twitter:description" content="Virtual tour generated by Panotour" />
<meta name="twitter:image" content="Disenadores360data/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;
}
@font-face {
font-family: 'kionaregular';
src: url('Disenadores360data/fonts/kiona-regular-webfont.eot');
src: url('Disenadores360data/fonts/kiona-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('Disenadores360data/fonts/kiona-regular-webfont.woff2') format('woff2'),
url('Disenadores360data/fonts/kiona-regular-webfont.woff') format('woff'),
url('Disenadores360data/fonts/kiona-regular-webfont.ttf') format('truetype'),
url('Disenadores360data/fonts/kiona-regular-webfont.svg#kionaregular') format('svg');
font-weight: normal;
font-style: normal;
}
.guide-overlay{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 999;
}
.guide-block{
font-family: 'kionaregular';
position: absolute;
background-color: rgba(255,255,255,0.61);
color: #000;
z-index: 9999;
font-size: 1.2vmin;
line-height: 1.2vmin;
max-width: 17.13vmin;
padding: 1.33vmin;
}
.guide-block img{
max-width: 100%;
}
.guide-inner{
position: relative;
}
.guide-inner p{
position: absolute;
font-weight: normal;
left: 0;
top: 8.83vmin;
margin: 0;
right: 2.33vmin;
text-transform: uppercase;
}
.guide-one{
left: 27vw;
top: 39vh;
}
.guide-two{
left: 50vw;
bottom: 10vh;
}
.guide-three{
right: 1vw;
top: 27vh;
}
.guide-2-one{
left: 33vw;
top: 17vh;
}
.guide-2-two{
left: 26vw;
bottom: 16vh;
}
.guide-3-one{
left: 33vw;
top: 28vh;
}
.guide-3-two{
left: 9vw;
top: 7vh;
}
.guide-4-one{
left: 34vw;
top: 28vh;
}
.guide-4-two{
right: 38vw;
top: 20vh;
}
@media (max-width:767px){
.guide-block{
font-size: 2vmin;
line-height: 2vmin;
max-width: 24.93vmin;
}
.guide-inner p{
top: 11.83vmin;
right: 2.93vmin;
}
.guide-one{
left: 9vw;
top: 16vh;
}
.guide-two{
left: 41vw;
bottom: 21vh;
}
.guide-2-one{
left: 8vw;
top: 4vh;
}
.guide-3-two{
top: auto;
bottom: 17vh;
}
.guide-3-one {
left: 7vw;
top: 4vh;
}
.guide-4-one{
top: auto;
bottom: 17vh;
}
.guide-4-two{
right: auto;
left: 11vw;
}
}
</style>
<!--[if !IE]><!-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<!--<script type="text/javascript" src="Disenadores360data/lib/jquery-2.1.1.min.js"></script>-->
<!--<![endif]-->
<!--[if lte IE 8]>
<script type="text/javascript" src="Disenadores360data/lib/jquery-1.11.1.min.js"></script>
<![endif]-->
<!--[if gt IE 8]>
<script type="text/javascript" src="Disenadores360data/lib/jquery-2.1.1.min.js"></script>
<![endif]-->
<style type="text/css">
div#panoDIV.cursorMoveMode {
cursor: move;
cursor: url(Disenadores360data/graphics/cursors_move_html5.cur), move;
}
div#panoDIV.cursorDragMode {
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
cursor: url(Disenadores360data/graphics/cursors_drag_html5.cur), default;
}
</style>
<script type="text/javascript">
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);
}
});
jQuery( window ).load(function() {
/* Hide info box */
setTimeout(function(){
$(".guide-overlay").fadeOut();
},1000);
});
var ImgScenes = ['pano38','pano32','pano34','pano36'];
function changeImgLayer(curScene, curTime, direction){
var divclassName = '';
if(curScene == "pano38"){
if(direction=='next'){
divclassName = 'img2';
}else if(direction=='prev'){
divclassName = 'img1';
}
}else if(curScene == "pano32"){
if(direction=='next'){
divclassName = 'img3';
}else if(direction=='prev'){
divclassName = 'img4';
}
}else if(curScene == "pano34"){
if(direction=='next'){
divclassName = 'img4';
}else if(direction=='prev'){
divclassName = 'img3';
}
}else if(curScene == "pano36"){
if(direction=='next'){
divclassName = 'img1';
}else if(direction=='prev'){
divclassName = 'img2';
}
}
if(divclassName!=''){
setTimeout(function(){
$("."+divclassName).fadeIn();
},500);
}
setTimeout(function(){
$(".guide-overlay").fadeOut();
}, 1200);
}
function openPopupToolTip(){
setTimeout(function(){
// $(".img_popup").fadeIn();
},500);
setTimeout(function(){
$(".guide-overlay").fadeOut();
}, 1200);
}
function accessWebVr(curScene, curTime){
unloadPlayer();
loadPlayer(true, curScene, curTime);
}
function accessStdVr(curScene, curTime){
unloadPlayer();
loadPlayer(false, curScene, curTime);
}
function loadPlayer(isWebVr, curScene, curTime) {
if (isWebVr) {
embedpano({
id:"krpanoSWFObject"
,xml:"Disenadores360data/Disenadores360_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:"Disenadores360data/Disenadores360.swf"
,target:"panoDIV"
,passQueryParameters:true
,bgcolor:"#000000"
,focus: false
,html5:isBot ? "always" : "prefer"
,vars:{startscene:curScene,starttime:curTime}
,localfallback:"flash"
});
}
//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="Disenadores360data/Disenadores360">
<param name="movie" value="Disenadores360data/Disenadores360.swf"/>
<param name="allowFullScreen" value="true"/>
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="Disenadores360data/Disenadores360.swf" width="100%" height="100%">
<param name="movie" value="Disenadores360data/Disenadores360.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 : Disenadores 360 (Virtual tour generated by Panotour)"/>
</a>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</noscript>
<!-- First slide -->
<div class="guide-overlay img_tooltip img1" >
<div class="guide-one guide-block">
<div class="guide-inner">
<img src="Disenadores360data/tooltip-border.png" alt="">
<p>For more<br> information of<br> the products,<br> point your sight to<br> the white circles</p>
</div>
</div>
<div class="guide-two guide-block">
<div class="guide-inner">
<img src="Disenadores360data/tooltip-border.png" alt="">
<p>Move your sight<br>in any direction<br>to take a 360º<br>tour of the ROOMS</p>
</div>
</div>
<div class="guide-three guide-block">
<div class="guide-inner">
<img src="Disenadores360data/tooltip-border.png" alt="">
<p>For more<br>information of<br>the products,<br>point your sight to<br>the white circles</p>
</div>
</div>
</div>
<!-- Second slide -->
<div class="guide-overlay img_tooltip img2" style="display:none;">
<div class="guide-2-one guide-block">
<div class="guide-inner">
<img src="Disenadores360data/tooltip-border.png" alt="">
<p>For more<br> information of<br> the products,<br> point your sight to<br> the white circles</p>
</div>
</div>
<div class="guide-2-two guide-block">
<div class="guide-inner">
<img src="Disenadores360data/tooltip-border.png" alt="">
<p>Move your sight<br>in any direction<br>to take a 360º<br>tour of the ROOMS</p>
</div>
</div>
<div class="guide-three guide-block">
<div class="guide-inner">
<img src="Disenadores360data/tooltip-border.png" alt="">
<p>For more<br>information of<br>the products,<br>point your sight to<br>the white circles</p>
</div>
</div>
</div>
<!-- Third slide -->
<div class="guide-overlay img_tooltip img3" style="display:none">
<div class="guide-3-one guide-block">
<div class="guide-inner">
<img src="Disenadores360data/tooltip-border.png" alt="">
<p>For more<br> information of<br> the products,<br> point your sight to<br> the white circles</p>
</div>
</div>
<div class="guide-3-two guide-block">
<div class="guide-inner">
<img src="Disenadores360data/tooltip-border.png" alt="">
<p>Move your sight<br>in any direction<br>to take a 360º<br>tour of the ROOMS</p>
</div>
</div>
<div class="guide-three guide-block">
<div class="guide-inner">
<img src="Disenadores360data/tooltip-border.png" alt="">
<p>For more<br>information of<br>the products,<br>point your sight to<br>the white circles</p>
</div>
</div>
</div>
<!-- Four slide -->
<div class="guide-overlay img_tooltip img4" style="display:none">
<div class="guide-4-one guide-block">
<div class="guide-inner">
<img src="Disenadores360data/tooltip-border.png" alt="">
<p>For more<br> information of<br> the products,<br> point your sight to<br> the white circles</p>
</div>
</div>
<div class="guide-4-two guide-block">
<div class="guide-inner">
<img src="Disenadores360data/tooltip-border.png" alt="">
<p>Move your sight<br>in any direction<br>to take a 360º<br>tour of the ROOMS</p>
</div>
</div>
<div class="guide-three guide-block">
<div class="guide-inner">
<img src="Disenadores360data/tooltip-border.png" alt="">
<p>For more<br>information of<br>the products,<br>point your sight to<br>the white circles</p>
</div>
</div>
</div>
<!-- Image PopUp -->
<div class="guide-overlay img_tooltip img_popup" style="display:none">
<div class="guide-three guide-block">
<div class="guide-inner">
<img src="Disenadores360data/tooltip-border.png" alt="">
<p>For more<br>information of<br>the products,<br>point your sight to<br>the white circles</p>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="Disenadores360data/Disenadores360.js"></script>
<script type="text/javascript">
if (isVRModeRequested()){
accessWebVr();
}else{
accessStdVr();
}
</script>
</div>
</div>
</body>
</html>