| Server IP : 213.186.33.4 / Your IP : 216.73.216.59 Web Server : Apache System : Linux webm006.cluster103.gra.hosting.ovh.net 5.15.206-ovh-vps-grsec-zfs-classid #1 SMP Fri May 15 02:41:25 UTC 2026 x86_64 User : awebpaca ( 35430) PHP Version : 8.5.0 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/awebpaca/360/holidaygreen/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Holiday Green</title>
<meta name="description" content="" />
<meta name="keywords" content="Holiday Green" />
<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="author" content="Une réalisation Adeo-web" />
<meta property="og:title" content="Holiday Green" />
<meta property="og:description" content="" />
<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="Holiday Green" />
<meta name="twitter:description" content="" />
<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">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Custom theme -->
<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%; padding: 0; margin: 0px; }
body { height: 100%; overflow:hidden; padding: 0; margin: 0px; }
div#container { height: 100%; min-height: 100%; width: 100%; margin: 0 auto; }
div#tourDIV {
padding: 0;
margin: 0;
height:100%;
position:relative;
overflow:hidden;
}
div#panoDIV {
padding: 0;
z-index: 10;
}
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>
<style style="text/css">
@font-face {
font-family: 'open_sansregular';
src: url('fonts/OpenSans-Regular-webfont.eot');
src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
a, a:active, a:hover, a:visited, h1 {
color: #000000;
font-family: 'open_sansregular',Arial,sans-serif;
}
p, span, div, h2, h3, h4, h5, li {
color: #000000;
font-family: 'open_sansregular',Arial,sans-serif;
}
#global-container.container-fluid, #global-container.row, #global-container.row>div {
padding: 0px;
margin: 0px;
z-index: 1;
}
div#tourDIV {
padding: 0;
margin: 0;
}
div#tour-container {
position: relative;
height: 100%;
}
.navbar {
margin-bottom: 0px;
}
div#toolbar {
position: absolute;
bottom: 50px;
}
div#over-layer p {
position: absolute;
font-size: 35px;
top: 100px;
left: 100px;
}
div#panoDIV {
position: absolute;
width: 100%;
bottom: 0px;
left: 0px;
}
div#thumbnailsDIV {
position: absolute;
height: 135px;
width: 100%;
left: 0px;
bottom: 0px;
overflow-x: scroll;
white-space: nowrap;
padding-top: 10px;
display: none;
overflow: hidden;
}
div#thumbnailsDIV div.thumb {
display: inline-block;
margin-right: 10px;
cursor: pointer;
}
div#thumbnailsDIV {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 99%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(99%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 99%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 99%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 99%,rgba(0,0,0,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 99%,rgba(0,0,0,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-8 */
}
div#thumbnailsDIV div.thumb img {
height: 100px;
width: auto;
box-shadow: 0px 0px 10px 1px #080808;
-webkit-box-shadow: 0px 0px 10px 1px #080808;
-moz-box-shadow: 0px 0px 10px 1px #080808;
-ms-box-shadow: 0px 0px 10px 1px #080808;
-o-box-shadow: 0px 0px 10px 1px #080808;
}
div#thumbnailsDIV::selection {
background: none; /* WebKit/Blink Browsers */
}
div#thumbnailsDIV::-moz-selection {
background: none; /* Gecko Browsers */
}
.modal h2 {
letter-spacing: -2px;
}
/*Navbar*/
.navbar {
z-index: 99;
}
.navbar-default {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
box-shadow: 0 0 8px 0px #111111;
-webkit-box-shadow: 0 0 8px 0px #111111;
-moz-box-shadow: 0 0 8px 0px #111111;
-ms-box-shadow: 0 0 8px 0px #111111;
-o-box-shadow: 0 0 8px 0px #111111;
}
.navbar-default, .btn-group.open .dropdown-toggle {
background-image: -webkit-linear-gradient(top, #ffffff 0%, #d5d5d5 100%);
background-image: -moz-linear-gradient(top, #ffffff 0%, #d5d5d5 100%);
background-image: -ms-linear-gradient(top, #ffffff 0%, #d5d5d5 100%);
background-image: -o-linear-gradient(top, #ffffff 0%, #d5d5d5 100%);
border-color: #d5d5d5;
}
.navbar-nav > li > a, .navbar-brand {
color: #000000 !important;
}
.navbar-nav > li > a:hover, .navbar-brand:hover {
color: #000000 !important;
}
.navbar-default .navbar-toggle {
border-color: #000000;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #000000;
}
.navbar-toggle:hover .icon-bar {
background-color: #d5d5d5;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #000000;
}
.navbar-default .navbar-toggle.collapsed {
background-color: #ffffff !important;
}
.open > .dropdown-menu {
background-color: #d5d5d5 !important;
}
.open > .dropdown-menu li a {
color: #000000 !important;
}
.open > .dropdown-menu li a:hover {
color: #ffffff !important;
background-color: #000000 !important;
}
/*sub menu border*/
.navbar-default .navbar-collapse {
border-color: #ffffff;
}
/*Dropdown button and dropdown menu*/
.btn-group .btn-primary {
border-color: transparent !important;
background-color: #000000;
}
.btn-group .dropdown-menu {
background-color: #ffffff;
}
.btn-group .dropdown-menu li a {
color: #000000;
}
.btn-group .dropdown-menu li a:hover {
color: #000000;
background-color: #000000;
}
.btn-group.open .dropdown-toggle {
border-color: transparent !important;
}
.dropup .caret {
color: #FFFFFF;
}
.btn-group.open .dropdown-toggle {
color: #000000;
}
/* tab color */
.nav-tabs>li>a {
background-color: transparent;
color: #999999;
}
/* active tab color */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: #000000;
background-color: transparent;
}
/* hover tab color */
.nav-tabs>li>a:hover {
background-color: transparent;
border:1px solid transparent;
color: #FFFFFF;
}
/*Breadcrumb*/
.breadcrumb .active {
color: #000000 !important;
opacity: 0.5;
}
.breadcrumb>li+li:before {
color: #444444;
}
#toolbar .btn {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 99%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(99%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 99%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 99%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 99%,rgba(0,0,0,0.4) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 99%,rgba(0,0,0,0.4) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-8 */
border: none;
opacity: 0.7;
}
#toolbar .btn:hover span {
color: #000000;
}
#toolbar .btn:active {
border-bottom: none;
}
#toolbar .btn:hover {
box-shadow: 0 3px 5px 1px #111111;
-webkit-box-shadow: 0 3px 5px 1px #111111;
-moz-box-shadow: 0 3px 5px 1px #111111;
-ms-box-shadow: 0 3px 5px 1px #111111;
-o-box-shadow: 0 3px 5px 1px #111111;
}
#toolbar .btn-group {
box-shadow: 0px 0px 5px 1px #111111;
-webkit-box-shadow: 0px 0px 5px 1px #111111;
-moz-box-shadow: 0px 0px 5px 1px #111111;
-ms-box-shadow: 0px 0px 5px 1px #111111;
-o-box-shadow: 0px 0px 5px 1px #111111;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
background-color: #ffffff;
}
/*Modal*/
.modal { }
.modal-content {
background-color: #ffffff;
color: #000000;
}
.modal-header, .modal-footer {
border-color: #000000;
}
.modal .breadcrumb {
background-color: #d5d5d5;
}
/*Buttons primary color*/
.btn-primary {
background-color: #000000;
color: #ffffff;
border-color: transparent;
}
.btn-primary:hover, .btn-primary:active {
background-color: #000000;
color: #ffffff;
border-color: transparent !important;
}
/*Close button*/
.close {
color: #000000 !important;
}
#share-box .fa {
font-size: 70px;
}
#help-box, #share-box, #info-box {
z-index: 9999;
}
.tab-pane {
padding-top: 15px;
}
.footer {
height: 150px;
padding: 100px 0px;
}
.pdtop15{ padding-top: 15px !important }
.pdtop20{ padding-top: 20px !important }
.pdtop30{ padding-top: 30px !important }
.pdbot15{ padding-bottom: 15px !important }
.pdbot20{ padding-bottom: 20px !important }
.pdbot30{ padding-bottom: 30px !important }
.mgbot10[ margin-bottom: 10px !important }
.mgbot15[ margin-bottom: 15px !important }
.mgbot20[ margin-bottom: 20px !important }
/*fix plugin*/
div#panoDIV * {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box !important;
}
</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>
<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 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);
}
});
var tourlanguage;
function accessWebVr(curScene, curTime){
tourlanguage = null;
if (getCurrentTourPlayer())
{
tourlanguage = getCurrentTourPlayer().get("tour_language");
}
unloadPlayer();
eventUnloadPlugins();
loadPlayer(true, curScene, curTime);
}
function accessStdVr(curScene, curTime){
tourlanguage = null;
if (getCurrentTourPlayer())
{
tourlanguage = getCurrentTourPlayer().get("tour_language");
}
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,startlanguage:tourlanguage }
});
} else {
var isBot = /bot|googlebot|crawler|spider|robot|crawling/i.test(navigator.userAgent);
embedpano({
id:"krpanoSWFObject"
,xml:"indexdata/index.xml"
,target:"panoDIV"
,passQueryParameters:true
,bgcolor:"#000000"
,focus: false
,html5:isBot ? "always" : "only"
,vars:{startscene:curScene,starttime:curTime,startlanguage:tourlanguage}
});
}
//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');
}
currentPanotourPlayer = null;
}
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>
<style type="text/css">
/*fix navbar drop down menu over*/
.dropdown-menu, .modal {
z-index: 7000;
}
/*fix toolbar and thumbnails*/
div#toolbar, div.tooltip {
z-index: 7001;
}
div#thumbnailsDIV {
z-index: 7000;
}
/*fix box sizing*/
div.kolorBox,
ul.kolorMenu li.kolorMenuItem>p {
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
}
</style>
</head>
<body>
<div id="container">
<div id="tourDIV">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand visible-xs colorFgDarkerOnly panorama-title" href="#"></a>
<a class="navbar-brand hidden-xs colorFgDarkerOnly" href="#pano157" onclick="getTourPlayer().call('mainloadscene(pano157)')">Holiday Green</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#s=pano157" onclick="getTourPlayer().call('mainloadscene(pano157)')" class="">Panorama aérien | Aerial panorama</a></li>
<li><a href="#s=pano120" onclick="getTourPlayer().call('mainloadscene(pano120)')" class="">L'espace aquatique | Water park</a></li>
<li><a href="#s=pano21" onclick="getTourPlayer().call('mainloadscene(pano21)')" class="">Spa</a></li>
<li><a href="#s=pano23" onclick="getTourPlayer().call('mainloadscene(pano23)')" class="">Sanitaire | Sanitary</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" style="background:none" data-toggle="dropdown">La pataugeoire | the paddling pool <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#s=pano139" onclick="getTourPlayer().call('mainloadscene(pano139)')" class="">La pataugeoire | the paddling pool</a></li>
<li><a href="#s=pano161" onclick="getTourPlayer().call('mainloadscene(pano161)')" class="">La pataugeoire | the paddling pool | Vidéo 360°</a></li>
<li><a href="#s=pano242" onclick="getTourPlayer().call('mainloadscene(pano242)')" class="">La pataugeoire | the paddling pool</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" style="background:none" data-toggle="dropdown">Kids Club <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#s=pano140" onclick="getTourPlayer().call('mainloadscene(pano140)')" class="">Kids Club</a></li>
<li><a href="#s=pano160" onclick="getTourPlayer().call('mainloadscene(pano160)')" class="">Kids Club vidéo 360°</a></li>
</ul>
</li>
<li><a href="#s=pano141" onclick="getTourPlayer().call('mainloadscene(pano141)')" class="">La ferme | The farm</a></li>
<li><a href="#s=pano142" onclick="getTourPlayer().call('mainloadscene(pano142)')" class="">Bar</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" style="background:none" data-toggle="dropdown">Mobil-homes <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#s=pano170" onclick="getTourPlayer().call('mainloadscene(pano170)')" class="">Cottage-Handi</a></li>
<li><a href="#s=pano173" onclick="getTourPlayer().call('mainloadscene(pano173)')" class="">Cottage Plus</a></li>
<li><a href="#s=pano175" onclick="getTourPlayer().call('mainloadscene(pano175)')" class="">family</a></li>
<li><a href="#s=pano177" onclick="getTourPlayer().call('mainloadscene(pano177)')" class="">Patchwork</a></li>
<li><a href="#s=pano179" onclick="getTourPlayer().call('mainloadscene(pano179)')" class="">Pop-Art</a></li>
<li><a href="#s=pano181" onclick="getTourPlayer().call('mainloadscene(pano181)')" class="">Premium</a></li>
<li><a href="#s=pano185" onclick="getTourPlayer().call('mainloadscene(pano185)')" class="">Tendance-Sud</a></li>
<li><a href="#s=pano183" onclick="getTourPlayer().call('mainloadscene(pano183)')" class="">Summer Suite</a></li>
<li><a href="#s=pano187" onclick="getTourPlayer().call('mainloadscene(pano187)')" class="">VIP</a></li>
<li><a href="#s=pano189" onclick="getTourPlayer().call('mainloadscene(pano189)')" class="">Watipi</a></li>
<li><a href="#s=pano191" onclick="getTourPlayer().call('mainloadscene(pano191)')" class="">XXL</a></li>
<li><a href="#s=pano194" onclick="getTourPlayer().call('mainloadscene(pano194)')" class="">Yellow Corner</a></li>
<li><a href="#s=pano196" onclick="getTourPlayer().call('mainloadscene(pano196)')" class="">ZEN</a></li>
<li><a href="#s=pano199" onclick="getTourPlayer().call('mainloadscene(pano199)')" class="">Riviera Club</a></li>
<li><a href="#s=pano198" onclick="getTourPlayer().call('mainloadscene(pano198)')" class="">Holiday Residence</a></li>
<li><a href="#s=pano240" onclick="getTourPlayer().call('mainloadscene(pano240)')" class="">Living</a></li>
<li><a href="#s=pano238" onclick="getTourPlayer().call('mainloadscene(pano238)')" class="">Family</a></li>
</ul>
</li>
<li><a href="#s=pano296" onclick="getTourPlayer().call('mainloadscene(pano296)')" class="">Piscine couverte | indoor swimming pool</a></li>
<li><a href="#" title="About this project" data-toggle="modal" data-target="#project-description-box">About</a></li>
</ul>
<!-- Collect the nav links, forms, and other content for toggling -->
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div id="toolbar">
<div class="btn-group">
<button type="button"
class="btn btn-default btn-lg"
onclick="getTourPlayer().call('loadPreviousScene()')"
data-toggle="tooltip"
data-placement="left"
title="Previous panorama">
<span class="glyphicon glyphicon-chevron-left"></span>
</button>
<button type="button"
class="btn btn-default btn-lg bgColorWhite80"
onclick="getTourPlayer().call('loadNextScene()')"
data-toggle="tooltip"
data-placement="top"
title="Next panorama">
<span class="glyphicon glyphicon-chevron-right"></span>
</button>
<button type="button"
class="btn btn-default btn-lg hidden-xs"
onmousedown="getTourPlayer().call('set(fov_moveforce, -1)')"
onmouseup="getTourPlayer().call('set(fov_moveforce, 0)')"
data-toggle="tooltip"
data-placement="top"
title="Zoom in">
<span class="glyphicon glyphicon-plus"></span>
</button>
<button type="button"
class="btn btn-default btn-lg hidden-xs"
onmousedown="getTourPlayer().call('set(fov_moveforce, +1)')"
onmouseup="getTourPlayer().call('set(fov_moveforce, 0)')"
data-toggle="tooltip"
data-placement="top"
title="Zoom out">
<span class="glyphicon glyphicon-minus"></span>
</button>
<button type="button"
class="btn btn-default btn-lg"
id="play"
onclick="getTourPlayer().call('startautorotation()')"
data-toggle="tooltip"
data-placement="top"
title="Start autorotation">
<span class="glyphicon glyphicon-play"></span>
</button>
<button type="button" style="display:none"
class="btn btn-default btn-lg"
id="pause"
onclick="getTourPlayer().call('stopautorotation()')"
data-toggle="tooltip"
data-placement="top"
title="Stop autorotation">
<span class="glyphicon glyphicon-pause"></span>
</button>
<button type="button"
class="btn btn-default btn-lg"
data-toggle="modal"
data-target="#description-box"
data-toggle="tooltip"
data-placement="top"
title="Show description">
<span class="glyphicon glyphicon-info-sign"></span>
</button>
<button type="button"
class="btn btn-default btn-lg"
data-toggle="modal"
data-target="#help-box"
data-toggle="tooltip"
data-placement="top"
title="Show help">
<span class="glyphicon glyphicon-question-sign"></span>
</button>
<button type="button"
class="btn btn-default btn-lg toggle-thumbnails"
data-toggle="tooltip"
data-placement="top"
title="Toggle thumbnails">
<span class="glyphicon glyphicon-eye-open"></span>
</button>
<button type="button"
class="btn btn-default btn-lg btn-enter-fullscreen"
onclick="getTourPlayer().call('enterFullScreen()')"
data-toggle="tooltip"
data-placement="right"
title="Enter fullscreen">
<span class="glyphicon glyphicon-fullscreen"></span>
</button>
<button type="button"
class="btn btn-default btn-lg btn-exit-fullscreen"
onclick="getTourPlayer().call('exitFullScreen()')"
data-toggle="tooltip"
data-placement="right"
title="Exit fullscreen"
style="display:none">
<span class="glyphicon glyphicon-resize-small"></span>
</button>
</div>
</div><!--./toolbar -->
<!-- Panorama description modal box -->
<div class="modal fade" id="description-box">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h2 class="modal-title panorama-title pdbot15">Panorama Title</h2>
<ol class="breadcrumb">
<li><a href="#pano157" onclick="getTourPlayer().call('mainloadscene(pano157)')">Holiday Green</a></li>
<li class="hide-if-no-group"><a href="#" class="group-link group-title">Current Group</a></li>
<li class="active panorama-title">Current Panorama Name</li>
</ol>
<div class="group-description-text pdbot15 hide-if-no-group"></div>
</div>
<div class="modal-body">
<div class="description-text"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.Panorama description modal -->
<!-- Project description modal box -->
<div class="modal fade" id="project-description-box">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h2 class="modal-title mgbot10">Holiday Green</h2>
</div>
<div class="modal-body">
<div class="project-description-text"></div>
<div class="about"><hr>© <a href="http://www.adeo-web.fr" title="Author website">Une réalisation Adeo-web</a></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.Project description modal -->
<!-- Help modal box -->
<div class="modal fade" id="help-box">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Help</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-6 text-center">
<h3>Move</h3>
<p>Drag the mouse to move or use arrows keys</p>
<p><img src="img/help-move.png" alt="Move help"/></p>
</div>
<div class="col-md-6 text-center">
<h3>Zoom</h3>
<p>Use mouse wheel to zoom or use + and - keys</p>
<p><img src="img/help-zoom.png" alt="Zoom help"/></p>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.help modal -->
<div id="thumbnailsDIV" class="col-md-12 col-ms-12 col-xs-12">
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano157)')">
<a href="#s=pano157" data-id="pano157"><img src="indexdata/panorama_aerien___ae_157/thumbnail.jpg" title="Panorama aérien | Aerial panorama" alt="Panorama aérien | Aerial panorama" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano120)')">
<a href="#s=pano120" data-id="pano120"><img src="indexdata/l_espace_aquatique___120/thumbnail.jpg" title="L'espace aquatique | Water park" alt="L'espace aquatique | Water park" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano21)')">
<a href="#s=pano21" data-id="pano21"><img src="indexdata/spa_21/thumbnail.jpg" title="Spa" alt="Spa" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano23)')">
<a href="#s=pano23" data-id="pano23"><img src="indexdata/sanitaire___sanitary_23/thumbnail.jpg" title="Sanitaire | Sanitary" alt="Sanitaire | Sanitary" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano139)')">
<a href="#s=pano139" data-id="pano139"><img src="indexdata/la_pataugeoire___the_139/thumbnail.jpg" title="La pataugeoire | the paddling pool" alt="La pataugeoire | the paddling pool" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano161)')">
<a href="#s=pano161" data-id="pano161"><img src="indexdata/la_pataugeoire___the_161/thumbnail.jpg" title="La pataugeoire | the paddling pool | Vidéo 360°" alt="La pataugeoire | the paddling pool | Vidéo 360°" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano242)')">
<a href="#s=pano242" data-id="pano242"><img src="indexdata/_212_0_0_242/thumbnail.jpg" title="La pataugeoire | the paddling pool" alt="La pataugeoire | the paddling pool" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano140)')">
<a href="#s=pano140" data-id="pano140"><img src="indexdata/kids_club_140/thumbnail.jpg" title="Kids Club" alt="Kids Club" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano160)')">
<a href="#s=pano160" data-id="pano160"><img src="indexdata/kids_club_video_360__160/thumbnail.jpg" title="Kids Club vidéo 360°" alt="Kids Club vidéo 360°" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano141)')">
<a href="#s=pano141" data-id="pano141"><img src="indexdata/la_ferme___the_farm_141/thumbnail.jpg" title="La ferme | The farm" alt="La ferme | The farm" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano142)')">
<a href="#s=pano142" data-id="pano142"><img src="indexdata/bar_142/thumbnail.jpg" title="Bar" alt="Bar" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano170)')">
<a href="#s=pano170" data-id="pano170"><img src="indexdata/cottage_handi_170/thumbnail.jpg" title="Cottage-Handi" alt="Cottage-Handi" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano173)')">
<a href="#s=pano173" data-id="pano173"><img src="indexdata/cottage_plus_173/thumbnail.jpg" title="Cottage Plus" alt="Cottage Plus" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano175)')">
<a href="#s=pano175" data-id="pano175"><img src="indexdata/family_175/thumbnail.jpg" title="family" alt="family" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano177)')">
<a href="#s=pano177" data-id="pano177"><img src="indexdata/patchwork_177/thumbnail.jpg" title="Patchwork" alt="Patchwork" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano179)')">
<a href="#s=pano179" data-id="pano179"><img src="indexdata/pop_art_179/thumbnail.jpg" title="Pop-Art" alt="Pop-Art" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano181)')">
<a href="#s=pano181" data-id="pano181"><img src="indexdata/premium_181/thumbnail.jpg" title="Premium" alt="Premium" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano185)')">
<a href="#s=pano185" data-id="pano185"><img src="indexdata/tendance_sud_185/thumbnail.jpg" title="Tendance-Sud" alt="Tendance-Sud" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano183)')">
<a href="#s=pano183" data-id="pano183"><img src="indexdata/summer_suite_183/thumbnail.jpg" title="Summer Suite" alt="Summer Suite" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano187)')">
<a href="#s=pano187" data-id="pano187"><img src="indexdata/vip_187/thumbnail.jpg" title="VIP" alt="VIP" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano189)')">
<a href="#s=pano189" data-id="pano189"><img src="indexdata/watipi_189/thumbnail.jpg" title="Watipi" alt="Watipi" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano191)')">
<a href="#s=pano191" data-id="pano191"><img src="indexdata/xxl_191/thumbnail.jpg" title="XXL" alt="XXL" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano194)')">
<a href="#s=pano194" data-id="pano194"><img src="indexdata/yellow_corner_194/thumbnail.jpg" title="Yellow Corner" alt="Yellow Corner" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano196)')">
<a href="#s=pano196" data-id="pano196"><img src="indexdata/zen_196/thumbnail.jpg" title="ZEN" alt="ZEN" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano199)')">
<a href="#s=pano199" data-id="pano199"><img src="indexdata/riviera_club_199/thumbnail.jpg" title="Riviera Club" alt="Riviera Club" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano198)')">
<a href="#s=pano198" data-id="pano198"><img src="indexdata/holiday_residence_198/thumbnail.jpg" title="Holiday Residence" alt="Holiday Residence" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano240)')">
<a href="#s=pano240" data-id="pano240"><img src="indexdata/living_240/thumbnail.jpg" title="Living" alt="Living" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano238)')">
<a href="#s=pano238" data-id="pano238"><img src="indexdata/family_238/thumbnail.jpg" title="Family" alt="Family" class=""/></a>
</div>
<div class="thumb" onclick="getTourPlayer().call('mainloadscene(pano296)')">
<a href="#s=pano296" data-id="pano296"><img src="indexdata/piscine_couverte___i_296/thumbnail.jpg" title="Piscine couverte | indoor swimming pool" alt="Piscine couverte | indoor swimming pool" class=""/></a>
</div>
</div><!--./thumbnails-->
<div id="panoDIV">
<noscript>
You must activate javascript to visualize the Virtual Tour : Holiday Green.
</noscript>
</div>
<script type="text/javascript" src="indexdata/index.js"></script>
<script type="text/javascript">
if (isVRModeRequested()){
accessWebVr();
}else{
accessStdVr();
}
</script>
</div>
</div>
<!-- Latest compiled and minified JavaScript -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="indexdata/index.js"></script>
<script type="text/javascript" src="js/jquery.xcolor.min.js"></script>
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
<script type="text/javascript">
/*
* CUSTOM VARIABLES
*/
var fgColor = '#000000';
var bgColor = '#ffffff';
var bgDarker = jQuery.xcolor.darken(bgColor);
var bg2xDarker = jQuery.xcolor.darken(bgDarker);
var bgLighter = jQuery.xcolor.lighten(bgColor);
var bg2xLighter = jQuery.xcolor.lighten(bgLighter);
var fgDarker = jQuery.xcolor.darken(fgColor);
var fg2xDarker = jQuery.xcolor.darken(fgDarker);
var fgLighter = jQuery.xcolor.lighten(fgColor);
var fg2xLighter = jQuery.xcolor.lighten(fgLighter);
/*
* CUSTOM FUNCTIONS
*/
//panoDIV height
var panoDivHeight = function(){
var windowHeight = jQuery(window).innerHeight();
var navbarHeight = jQuery('.navbar.navbar-default').innerHeight();
jQuery('#panoDIV').height(windowHeight-navbarHeight);
};
//Tour Container Colors and Sizes
var colorsAndSizes = function(){
var windowHeight = jQuery(window).height();
var navHeight = jQuery('nav').outerHeight();
var tourContainerHeight = windowHeight - navHeight;
var tourContainerWidth = jQuery('#tourDIV').width();
var halfTourContainerWidth = tourContainerWidth / 2;
var halfTourContainerHeight = tourContainerHeight / 2;
jQuery('#tourDIV').css({height:windowHeight+'px'});
//Toolbar
var toolbarWidth = jQuery('#toolbar').width();
jQuery('#toolbar').css({left:halfTourContainerWidth - toolbarWidth / 2 +'px'});
};
//Show Hide Thumbnails
var toggleThumbnails = function(){
jQuery('#thumbnailsDIV').toggle("slow", function() {
if(jQuery(".toggle-thumbnails span").hasClass('glyphicon-eye-open')) {
jQuery(".toggle-thumbnails span").removeClass('glyphicon-eye-open').toggleClass('glyphicon-eye-close');
jQuery('#toolbar').animate({bottom:'150px'});
jQuery('.toggle-thumbnails span').css({color: fg2xLighter});
}else{
jQuery(".toggle-thumbnails span").removeClass('glyphicon-eye-close').toggleClass('glyphicon-eye-open');
jQuery('#toolbar').animate({bottom:'50px'});
jQuery('.toggle-thumbnails span').css({color: '#000000'});
}
});
};
//Tour Player
function getTourPlayer() {
return document.getElementById('krpanoSWFObject');
}
//External commands and dynamic texts
function updatePanorama(panoid) {
jQuery('.project-description-text').html(ktools.I18N.getInstance().getMessage("project_description"));
window.history.pushState(null, null, "#s=" + panoid);
var panotourPlayer = getTourPlayer();
var groupid = panotourPlayer.get("scene["+panoid+"].group");
var titleid = panotourPlayer.get("scene["+panoid+"].titleid");
//HTML tags with this class (panorama-title) will display the current panorama title
jQuery('.panorama-title').html(ktools.I18N.getInstance().getMessage(titleid));
//HTML tags with this class (description-text) will display the current panorama description
//Hidden if no description
//Shown if there is a description
var descriptionid = panotourPlayer.get("scene["+panoid+"].descriptionid");
if (descriptionid != "") {
jQuery('.description-text').show();
jQuery('.description-text').html(ktools.I18N.getInstance().getMessage(descriptionid));
}else{
jQuery('.description-text').hide();
}
if (groupid != null) {
var titleid = panotourPlayer.get("panoramagroup["+groupid+"].titleid");
if (titleid != "") {
//HTML tags with class (group-title) will display the group title
jQuery('.group-title').html(ktools.I18N.getInstance().getMessage(titleid));
//If no group, no breadcrumb
jQuery('.modal-header .hide-if-no-group, .nav-tabs .hide-if-no-group').show();
var mainscene = panotourPlayer.get("panoramagroup["+groupid+"].mainscene");
var temp = "getTourPlayer().call('mainloadscene("+mainscene+")')";
jQuery('.group-link').attr('onclick',temp);
var descriptionid = panotourPlayer.get("panoramagroup["+groupid+"].descriptionid");
console.log("group desc id");
console.log(descriptionid);
if (descriptionid != null && descriptionid != "")
{
//HTML tags with class (group-description-text) will display the group description
jQuery('.group-description-text').html(ktools.I18N.getInstance().getMessage(descriptionid));
}else{
//If no group description, hide
jQuery('.group-description-text').hide();
}
}
}else{
//If no group, hide all elements in relation with it
jQuery('.modal-header .hide-if-no-group, .nav-tabs .hide-if-no-group').hide();
}
}
/*
* EXECUTE ONCE DOM READY
*/
jQuery(document).ready(function() {
toggleThumbnails();
panoDivHeight();
jQuery('#play, #pause').toggle();
//Click toggle for fullscreen
jQuery( '.btn-enter-fullscreen, .btn-exit-fullscreen' ).on( "click", function() {
jQuery('.btn-enter-fullscreen, .btn-exit-fullscreen').toggle();
});
//Play pause click toggle
jQuery( '#play, #pause' ).on( "click", function() {
jQuery('#play, #pause').toggle();
});
//When user hovers toolbar buttons
jQuery( "#toolbar button" ).mousedown(function() {
jQuery(this).removeClass('btn-default');
jQuery(this).addClass('btn-primary');
});
//When user leaves toolbar buttons
jQuery( "#toolbar button" ).mouseleave(function() {
jQuery(this).removeClass('btn-primary');
jQuery(this).addClass('btn-default');
});
//Thumbnails show hide click toggle
jQuery( ".toggle-thumbnails" ).on( "click", function() {
toggleThumbnails();
});
//Colors and sizes
colorsAndSizes();
//Dragging feature of the thumbnails
jQuery('#thumbnailsDIV').niceScroll({
cursorborder: '0px',
cursorwidth: '10px',
railpadding: '0px 0px 10px 0px'
});
//Tooltips
jQuery('.btn-group button, #thumbnailsDIV').tooltip({container: 'body'});
});
/*
* EXECUTE ONCE PAGE LOADED
*/
jQuery(window).load(function() {
});
/*
* EXECUTE ON WINDOW RESIZE
*/
jQuery(window).resize(function() {
panoDivHeight();
colorsAndSizes();
});
</script>
</body>
<!-- Bootstrap_External_Commands_Full_Page_w_Colors 2015/10 -->
</html>