Elsewhere in this post ...
THE LOCATION THE SPACE THE ROOM THE FOOD
var huge_video_playing={};
var autoplayMatch={};
var YTdeferred = jQuery.Deferred();
window.onYouTubeIframeAPIReady = function() {
//resolve when youtube callback is called passing YT as a parameter
YTdeferred.resolve(window.YT);
};
YTdeferred.done(function(YT) {
jQuery('.huge-it-iframe').each(function(){
var el_id = jQuery(this).attr('data-element-id');
var volume = HUGEIT_YT_IFRAMES['iframe'+el_id]['volume'];
window['onPlayerReady'+el_id] = function(event) {
window['player_'+el_id]['setVolume'](volume);
}
});
jQuery('.huge-it-iframe').each(function(){
var id = jQuery(this).attr('id');
var el_id = jQuery(this).attr('data-element-id');
var controls = HUGEIT_YT_IFRAMES['iframe'+el_id]['controls'];
var showinfo = HUGEIT_YT_IFRAMES['iframe'+el_id]['showinfo'];
var url = HUGEIT_YT_IFRAMES['iframe'+el_id]['videoId'];
controls||(controls = 0);
showinfo||(showinfo = 0);
window['player_'+el_id] = new YT.Player(id, {
height: '375',
width: '600',
videoId: url,
playerVars: {
'controls': controls,// 0,
'showinfo': showinfo,//0,
'rel':0
},
events: {
'onError': window['onPlayerError'+el_id],
'onReady': window['onPlayerReady'+el_id],
'onStateChange': window['onPlayerStateChange'+el_id],
'loop':1
}
});
})
});
jQuery(function(){
jQuery('.huge-it-iframe').each(function(){
var el_id = jQuery(this).attr('data-element-id');
var quality = HUGEIT_YT_IFRAMES['iframe'+el_id]['quality'];
window['onPlayerStateChange'+el_id] = function(event) {
if (event.data == YT.PlayerState.PLAYING) {
HUGEIT_YT_IFRAMES['iframe'+el_id]['state']='played';
event.target.setPlaybackQuality(quality);
}
}
});
});
function stopYoutubeVideo(currentVideo,nextVideo) {
if(currentVideo) {
(HUGEIT_YT_IFRAMES['iframe'+currentVideo]['state'])?currentVideo&&(window['player_'+currentVideo]['pauseVideo']()):currentVideo&&(window['player_'+currentVideo]['stopVideo']());
}
nextVideo&&HUGEIT_YT_IFRAMES['iframe'+nextVideo]['autoplay']&&(window['player_'+nextVideo]['playVideo']());
}
function stopVimeoVideo(currentVideo,nextVideo){
jQuery(currentVideo).vimeo('pause');
jQuery(nextVideo).vimeo('play');
}
/*** initialize And youtube autopay ***/
jQuery( window ).load(function() {
(function VimeoOptionsReady(){ //calling funtion once
jQuery('.huge-it-iframe-vimeo').each(function(){
var el_id = jQuery(this).attr('data-element-id');
jQuery(this).vimeo('setColor',HUGEIT_VIMEOS['iframe'+el_id]['color']);
jQuery(this).vimeo('setVolume',HUGEIT_VIMEOS['iframe'+el_id]['volume']);
})
}());
if('off' == 'on') {
if(jQuery('.huge-it-iframe-vimeo.autoplay').length) {
(function AutoplayVimeo() {
var setplayVideo = setInterval(hugeitframe, 100);
function hugeitframe() {
var vimeo1 = jQuery('.huge_it_slider_10 li').first().find('.autoplay')
if(vimeo1.length) {
vimeo1.vimeo('play');
clearInterval(setplayVideo);
}
};
}());
};
if(jQuery('.huge-it-iframe.autoplay').length) {
(function AutoplayYoutube() {
var setplayVideo = setInterval(hugeitframe, 100);
function hugeitframe() {
jQuery('.huge-it-iframe.autoplay').each(function(){
var el_id = jQuery(this).attr('data-element-id');
if(window['player_'+el_id]) {
window['player_'+el_id]['playVideo']();
clearInterval(setplayVideo);
}
});
}
}());
};
}
});
/*** initialize***/
jQuery(document).ready(function($) {
$('.thumb_wrapper').on('click', function(ev) {
var hugeid=$(this).data('rowid');
var myid=hugeid;
myid=parseInt(myid);
eval('player_'+myid+'.playVideo()')
ev.preventDefault();
});
});
if(typeof sliderID_array =="undefined"){
var sliderID_array=[];
}
var data_10 = [];
var event_stack_10 = [];
/*if('off' == 'on')
huge_video_playing['video_is_playing_'+10]=true;*/
data_10["0"]=[];data_10["0"]["id"]="0";data_10["0"]["image_url"]="https://www.mildrover.com/wp-content/uploads/2018/04/00001-red.jpg";data_10["0"]["description"]="The dining roon";data_10["0"]["alt"]="";data_10["1"]=[];data_10["1"]["id"]="1";data_10["1"]["image_url"]="https://www.mildrover.com/wp-content/uploads/2018/04/00002-red.jpg";data_10["1"]["description"]="Dining room at night";data_10["1"]["alt"]="";data_10["2"]=[];data_10["2"]["id"]="2";data_10["2"]["image_url"]="https://www.mildrover.com/wp-content/uploads/2018/04/00003-red.jpg";data_10["2"]["description"]="the rooftop pool";data_10["2"]["alt"]="";data_10["3"]=[];data_10["3"]["id"]="3";data_10["3"]["image_url"]="https://www.mildrover.com/wp-content/uploads/2018/04/00004-red.jpg";data_10["3"]["description"]="The lobby with its recycled timber, tile and iron ceiling";data_10["3"]["alt"]="";data_10["4"]=[];data_10["4"]["id"]="4";data_10["4"]["image_url"]="https://www.mildrover.com/wp-content/uploads/2018/04/00006-red.jpg";data_10["4"]["description"]="Night view ... before Hilton grabs it";data_10["4"]["alt"]="";data_10["5"]=[];data_10["5"]["id"]="5";data_10["5"]["image_url"]="https://www.mildrover.com/wp-content/uploads/2018/04/00007-red.jpg";data_10["5"]["description"]="";data_10["5"]["alt"]="";data_10["6"]=[];data_10["6"]["id"]="6";data_10["6"]["image_url"]="https://www.mildrover.com/wp-content/uploads/2018/04/00008-red.jpg";data_10["6"]["description"]="Quirky corridors look like Saigon laneways";data_10["6"]["alt"]="";data_10["7"]=[];data_10["7"]["id"]="7";data_10["7"]["image_url"]="https://www.mildrover.com/wp-content/uploads/2018/04/00009-red.jpg";data_10["7"]["description"]="Yes, the bath is on the balcony";data_10["7"]["alt"]="";data_10["8"]=[];data_10["8"]["id"]="8";data_10["8"]["image_url"]="https://www.mildrover.com/wp-content/uploads/2018/04/00010-red.jpg";data_10["8"]["description"]="Lots of room";data_10["8"]["alt"]="";data_10["9"]=[];data_10["9"]["id"]="9";data_10["9"]["image_url"]="https://www.mildrover.com/wp-content/uploads/2018/04/00011-red.jpg";data_10["9"]["description"]="";data_10["9"]["alt"]="";data_10["10"]=[];data_10["10"]["id"]="10";data_10["10"]["image_url"]="https://www.mildrover.com/wp-content/uploads/2018/04/00013-red.jpg";data_10["10"]["description"]="";data_10["10"]["alt"]="";data_10["11"]=[];data_10["11"]["id"]="11";data_10["11"]["image_url"]="https://www.mildrover.com/wp-content/uploads/2018/04/00014-red.jpg";data_10["11"]["description"]="";data_10["11"]["alt"]="";data_10["12"]=[];data_10["12"]["id"]="12";data_10["12"]["image_url"]="https://www.mildrover.com/wp-content/uploads/2018/04/00015-red.jpg";data_10["12"]["description"]="";data_10["12"]["alt"]="";data_10["13"]=[];data_10["13"]["id"]="13";data_10["13"]["image_url"]="https://www.mildrover.com/wp-content/uploads/2018/04/00016-red.jpg";data_10["13"]["description"]="Note the ceiling - like the inside of a house";data_10["13"]["alt"]="";
var huge_it_trans_in_progress_10 = false;
var huge_it_transition_duration_10 = 1000;
var huge_interval ={};
var id_array_index=sliderID_array.length
var ifhasthumb ="dotstop";
sliderID_array[id_array_index] = // Stop autoplay.
window.clearInterval(huge_interval['huge_it_playInterval_'+10]);
var huge_it_current_key_10 = '';
function huge_it_move_dots_10() {
var image_left = jQuery(".huge_it_slideshow_dots_active_10").position().left;
var image_right = jQuery(".huge_it_slideshow_dots_active_10").position().left + jQuery(".huge_it_slideshow_dots_active_10").outerWidth(true);
}
function huge_it_testBrowser_cssTransitions_10() {
return huge_it_testDom_10('Transition');
}
function huge_it_testBrowser_cssTransforms3d_10() {
return huge_it_testDom_10('Perspective');
}
function huge_it_testDom_10(prop) {
// Browser vendor CSS prefixes.
var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-'];
// Browser vendor DOM prefixes.
var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml'];
var i = domPrefixes.length;
while (i--) {
if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') {
return true;
}
}
return false;
}
function huge_it_cube_10(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) {
/* If browser does not support 3d transforms/CSS transitions.*/
if (!huge_it_testBrowser_cssTransitions_10()) {
jQuery(".huge_it_slideshow_dots_10").removeClass("huge_it_slideshow_dots_active_10").addClass("huge_it_slideshow_dots_deactive_10");
jQuery("#huge_it_dots_" + huge_it_current_key_10 + "_10").removeClass("huge_it_slideshow_dots_deactive_10").addClass("huge_it_slideshow_dots_active_10");
return huge_it_fallback_10(current_image_class, next_image_class, direction);
}
if (!huge_it_testBrowser_cssTransforms3d_10()) {
return huge_it_fallback3d_10(current_image_class, next_image_class, direction);
}
//alert(current_image_class+' '+next_image_class);
jQuery(current_image_class).css({'z-index': 'none'});
jQuery(next_image_class).css({'z-index' : 2});
huge_it_trans_in_progress_10 = true;
/* Set active thumbnail.*/
jQuery(".huge_it_slideshow_dots_10").removeClass("huge_it_slideshow_dots_active_10").addClass("huge_it_slideshow_dots_deactive_10");
jQuery("#huge_it_dots_" + huge_it_current_key_10 + "_10").removeClass("huge_it_slideshow_dots_deactive_10").addClass("huge_it_slideshow_dots_active_10");
jQuery(".huge_it_slide_bg_10").css('perspective', 1000);
jQuery(current_image_class).css({
transform : 'translateZ(' + tz + 'px)',
backfaceVisibility : 'hidden'
});
jQuery(".huge_it_slideshow_image_wrap_10,.huge_it_slide_bg_10,.huge_it_slideshow_image_item_10,.huge_it_slideshow_image_second_item_10 ").css('overflow', 'visible');
jQuery(next_image_class).css({
opacity : 1,
filter: 'Alpha(opacity=100)',
backfaceVisibility : 'hidden',
transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)'
});
jQuery(".huge_it_slider_10").css({
transform: 'translateZ(-' + tz + 'px)',
transformStyle: 'preserve-3d'
});
/* Execution steps.*/
setTimeout(function () {
jQuery(".huge_it_slider_10").css({
transition: 'all ' + huge_it_transition_duration_10 + 'ms ease-in-out',
transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)'
});
}, 20);
/* After transition.*/
jQuery(".huge_it_slider_10").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
function huge_it_after_trans() {
/*if (huge_it_from_focus_10) {
huge_it_from_focus_10 = false;
return;
}*/
jQuery(".huge_it_slide_bg_10,.huge_it_slideshow_image_item_10,.huge_it_slideshow_image_second_item_10 ").css('overflow', 'hidden');
jQuery(".huge_it_slide_bg_10").removeAttr('style');
jQuery(current_image_class).removeAttr('style');
jQuery(next_image_class).removeAttr('style');
jQuery(".huge_it_slider_10").removeAttr('style');
// alert(current_image_class+' '+next_image_class);
jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2});
// huge_it_change_watermark_container_10();
huge_it_trans_in_progress_10 = false;
if (typeof event_stack_10 !== 'undefined' && event_stack_10.length > 0) {
key = event_stack_10[0].split("-");
event_stack_10.shift();
huge_it_change_image_10(key[0], key[1], data_10, true,false);
}
}
}
function huge_it_cubeH_10(current_image_class, next_image_class, direction) {
/* Set to half of image width.*/
var dimension = jQuery(current_image_class).width() / 2;
if (direction == 'right') {
huge_it_cube_10(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction);
}
else if (direction == 'left') {
huge_it_cube_10(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction);
}
}
function huge_it_cubeV_10(current_image_class, next_image_class, direction) {
/* Set to half of image height.*/
var dimension = jQuery(current_image_class).height() / 2;
/* If next slide.*/
if (direction == 'right') {
huge_it_cube_10(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction);
}
else if (direction == 'left') {
huge_it_cube_10(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction);
}
}
/* For browsers that does not support transitions.*/
function huge_it_fallback_10(current_image_class, next_image_class, direction) {
huge_it_fade_10(current_image_class, next_image_class, direction);
}
/* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/
function huge_it_fallback3d_10(current_image_class, next_image_class, direction) {
huge_it_sliceV_10(current_image_class, next_image_class, direction);
}
function huge_it_none_10(current_image_class, next_image_class, direction) {
jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
/* Set active thumbnail.*/
jQuery(".huge_it_slideshow_dots_10").removeClass("huge_it_slideshow_dots_active_10").addClass("huge_it_slideshow_dots_deactive_10");
jQuery("#huge_it_dots_" + huge_it_current_key_10 + "_10").removeClass("huge_it_slideshow_dots_deactive_10").addClass("huge_it_slideshow_dots_active_10");
}
function huge_it_fade_10(current_image_class, next_image_class, direction) {
if (huge_it_testBrowser_cssTransitions_10()) {
jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_10 + 'ms linear');
jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_10 + 'ms linear');
jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
}
else {
jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, huge_it_transition_duration_10);
jQuery(next_image_class).animate({
'opacity' : 1,
'z-index': 2
}, {
duration: huge_it_transition_duration_10,
complete: function () {return false;}
});
// For IE.
jQuery(current_image_class).fadeTo(huge_it_transition_duration_10, 0);
jQuery(next_image_class).fadeTo(huge_it_transition_duration_10, 1);
}
jQuery(".huge_it_slideshow_dots_10").removeClass("huge_it_slideshow_dots_active_10").addClass("huge_it_slideshow_dots_deactive_10");
jQuery("#huge_it_dots_" + huge_it_current_key_10 + "_10").removeClass("huge_it_slideshow_dots_deactive_10").addClass("huge_it_slideshow_dots_active_10");
}
function huge_it_grid_10(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) {
/* If browser does not support CSS transitions.*/
if (!huge_it_testBrowser_cssTransitions_10()) {
jQuery(".huge_it_slideshow_dots_10").removeClass("huge_it_slideshow_dots_active_10").addClass("huge_it_slideshow_dots_deactive_10");
jQuery("#huge_it_dots_" + huge_it_current_key_10 + "_10").removeClass("huge_it_slideshow_dots_deactive_10").addClass("huge_it_slideshow_dots_active_10");
return huge_it_fallback_10(current_image_class, next_image_class, direction);
}
huge_it_trans_in_progress_10 = true;
/* Set active thumbnail.*/
jQuery(".huge_it_slideshow_dots_10").removeClass("huge_it_slideshow_dots_active_10").addClass("huge_it_slideshow_dots_deactive_10");
jQuery("#huge_it_dots_" + huge_it_current_key_10 + "_10").removeClass("huge_it_slideshow_dots_deactive_10").addClass("huge_it_slideshow_dots_active_10");
/* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/
var count = (huge_it_transition_duration_10) / (cols + rows);
/* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/
function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) {
var delay = (c + r) * count;
/* Return a gridlet elem with styles for specific transition.*/
return jQuery('').css({
width : width,
height : height,
top : top,
left : left,
backgroundImage : 'url("' + src + '")',
backgroundColor: jQuery(".huge_it_slideshow_image_wrap_10").css("background-color"),
/*backgroundColor: rgba(0, 0, 0, 0),*/
backgroundRepeat: 'no-repeat',
backgroundPosition : img_left + 'px ' + img_top + 'px',
backgroundSize : imgWidth + 'px ' + imgHeight + 'px',
transition : 'all ' + huge_it_transition_duration_10 + 'ms ease-in-out ' + delay + 'ms',
transform : 'none'
});
}
/* Get the current slide's image.*/
var cur_img = jQuery(current_image_class).find('img');
/* Create a grid to hold the gridlets.*/
var grid = jQuery('').addClass('huge_it_grid_10');
/* Prepend the grid to the next slide (i.e. so it's above the slide image).*/
jQuery(current_image_class).prepend(grid);
/* vars to calculate positioning/size of gridlets*/
var cont = jQuery(".huge_it_slide_bg_10");
var imgWidth = cur_img.width();
var imgHeight = cur_img.height();
var contWidth = cont.width(),
contHeight = cont.height(),
imgSrc = cur_img.attr('src'),/*.replace('/thumb', ''),*/
colWidth = Math.floor(contWidth / cols),
rowHeight = Math.floor(contHeight / rows),
colRemainder = contWidth - (cols * colWidth),
colAdd = Math.ceil(colRemainder / cols),
rowRemainder = contHeight - (rows * rowHeight),
rowAdd = Math.ceil(rowRemainder / rows),
leftDist = 0,
img_leftDist = (jQuery(".huge_it_slide_bg_10").width() - cur_img.width()) / 2;
/* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/
tx = tx === 'auto' ? contWidth : tx;
tx = tx === 'min-auto' ? - contWidth : tx;
ty = ty === 'auto' ? contHeight : ty;
ty = ty === 'min-auto' ? - contHeight : ty;
/* Loop through cols*/
for (var i = 0; i < cols; i++) {
var topDist = 0,
img_topDst = (jQuery(".huge_it_slide_bg_10").height() - cur_img.height()) / 2,
newColWidth = colWidth;
/* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/
if (colRemainder > 0) {
var add = colRemainder >= colAdd ? colAdd : colRemainder;
newColWidth += add;
colRemainder -= add;
}
/* Nested loop to create row gridlets for each col.*/
for (var j = 0; j < rows; j++) {
var newRowHeight = rowHeight,
newRowRemainder = rowRemainder;
/* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/
if (newRowRemainder > 0) {
add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder;
newRowHeight += add;
newRowRemainder -= add;
}
/* Create & append gridlet to grid.*/
grid.append(huge_it_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j));
topDist += newRowHeight;
img_topDst -= newRowHeight;
}
img_leftDist -= newColWidth;
leftDist += newColWidth;
}
/* Set event listener on last gridlet to finish transitioning.*/
var last_gridlet = grid.children().last();
/* Show grid & hide the image it replaces.*/
grid.show();
cur_img.css('opacity', 0);
/* Add identifying classes to corner gridlets (useful if applying border radius).*/
grid.children().first().addClass('rs-top-left');
grid.children().last().addClass('rs-bottom-right');
grid.children().eq(rows - 1).addClass('rs-bottom-left');
grid.children().eq(- rows).addClass('rs-top-right');
/* Execution steps.*/
setTimeout(function () {
grid.children().css({
opacity: op,
transform: 'rotate('+ ro +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')'
});
}, 1);
jQuery(next_image_class).css('opacity', 1);
/* After transition.*/
jQuery(last_gridlet).one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
function huge_it_after_trans() {
jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
cur_img.css('opacity', 1);
grid.remove();
huge_it_trans_in_progress_10 = false;
if (typeof event_stack_10 !== 'undefined' && event_stack_10.length > 0) {
key = event_stack_10[0].split("-");
event_stack_10.shift();
huge_it_change_image_10(key[0], key[1], data_10, true,false);
}
}
}
function huge_it_sliceH_10(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateX = 'min-auto';
}
else if (direction == 'left') {
var translateX = 'auto';
}
huge_it_grid_10(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
}
function huge_it_sliceV_10(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateY = 'min-auto';
}
else if (direction == 'left') {
var translateY = 'auto';
}
huge_it_grid_10(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction);
}
function huge_it_slideV_10(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateY = 'auto';
}
else if (direction == 'left') {
var translateY = 'min-auto';
}
huge_it_grid_10(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction);
}
function huge_it_slideH_10(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateX = 'min-auto';
}
else if (direction == 'left') {
var translateX = 'auto';
}
huge_it_grid_10(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction);
}
function huge_it_scaleOut_10(current_image_class, next_image_class, direction) {
huge_it_grid_10(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction);
}
function huge_it_scaleIn_10(current_image_class, next_image_class, direction) {
huge_it_grid_10(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction);
}
function huge_it_blockScale_10(current_image_class, next_image_class, direction) {
huge_it_grid_10(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction);
}
function huge_it_kaleidoscope_10(current_image_class, next_image_class, direction) {
huge_it_grid_10(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction);
}
function huge_it_fan_10(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var rotate = 45;
var translateX = 100;
}
else if (direction == 'left') {
var rotate = -45;
var translateX = -100;
}
huge_it_grid_10(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
}
function huge_it_blindV_10(current_image_class, next_image_class, direction) {
huge_it_grid_10(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class);
}
function huge_it_blindH_10(current_image_class, next_image_class, direction) {
huge_it_grid_10(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class);
}
function huge_it_random_10(current_image_class, next_image_class, direction) {
var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV'];
/* Pick a random transition from the anims array.*/
this["huge_it_" + anims[Math.floor(Math.random() * anims.length)] + "_10"](current_image_class, next_image_class, direction);
}
function iterator_10() {
var iterator = 1;
return iterator;
}
function huge_it_change_image_10(current_key, key, data_10, from_effect,clicked) {
if (data_10[key]) {
/* if(huge_video_playing['video_is_playing_'+10] && !clicked){
return false;
}*/
if (!from_effect) {
// Change image key.
jQuery("#huge_it_current_image_key_10").val(key);
// if (current_key == '-2') { /* Dots.*/
current_key = jQuery(".huge_it_slideshow_dots_active_10").attr("data-image_key");
// }
}
if (huge_it_trans_in_progress_10) {
//errorlogjQuery(".huge_it_slideshow_image_wrap_10").after(" --IN TRANSACTION-- ");
event_stack_10.push(current_key + '-' + key);
return;
}
var direction = 'right';
if (huge_it_current_key_10 > key) {
var direction = 'left';
}
else if (huge_it_current_key_10 == key) {
return false;
}
// Set active thumbnail position.
huge_it_current_key_10 = key;
//Change image id, title, description.
jQuery("#huge_it_slideshow_image_10").attr('data-image_id', data_10[key]["id"]);
jQuery(".huge_it_slideshow_title_text_10").html(data_10[key]["alt"]);
jQuery(".huge_it_slideshow_description_text_10").html(data_10[key]["description"]);
var current_image_class = "#image_id_10_" + data_10[current_key]["id"];
var next_image_class = "#image_id_10_" + data_10[key]["id"];
if(jQuery(current_image_class).find('.huge_it_video_frame_10').length>0) {
var streffect='cubeH';
if(streffect=="cubeV" || streffect=="cubeH" || streffect=="none" || streffect=="fade"){
huge_it_cubeH_10(current_image_class, next_image_class, direction);
}else{
huge_it_fade_10(current_image_class, next_image_class, direction);
}
}else{
huge_it_cubeH_10(current_image_class, next_image_class, direction);
}
jQuery('.huge_it_slideshow_title_text_10').removeClass('none');
if(jQuery('.huge_it_slideshow_title_text_10').html()==""){jQuery('.huge_it_slideshow_title_text_10').addClass('none');}
jQuery('.huge_it_slideshow_description_text_10').removeClass('none');
if(jQuery('.huge_it_slideshow_description_text_10').html()==""){jQuery('.huge_it_slideshow_description_text_10').addClass('none');}
jQuery(current_image_class).find('.huge_it_slideshow_title_text_10').addClass('none');
jQuery(current_image_class).find('.huge_it_slideshow_description_text_10').addClass('none');
//errorlogjQuery(".huge_it_slideshow_image_wrap_10").after("--cur-key="+current_key+" --cur-img-class="+current_image_class+" nxt-img-class="+next_image_class+"--");
huge_it_move_dots_10();
/*** for vimeo and youtube stop pause play etc... ***/
var nextVideo = jQuery('#video_id_10_'+key).attr('data-element-id');
var currentVideo = jQuery('#video_id_10_'+current_key).attr('data-element-id');/*** add ***/
(currentVideo||nextVideo)&&stopYoutubeVideo(currentVideo,nextVideo);
if((jQuery('#player_10_'+current_key)).hasClass('huge-it-iframe-vimeo')) {
jQuery('#player_10_'+current_key).vimeo('pause');
}
if((jQuery('#player_10_'+key)).hasClass('huge-it-iframe-vimeo') && ('off' == 'on')) {
jQuery('#player_10_'+key).vimeo('play');
}
/*** ***/
window.clearInterval(huge_interval['huge_it_playInterval_'+10]);
play_10();
}
}
var staticthumbWidth;
jQuery(window).load(function(){
staticthumbWidth=jQuery('#huge_it_thumb_slider>li').width()
})
function huge_it_popup_resize_10() {
var staticsliderwidth=600;
var sliderwidth=600;
var thumbWidth=jQuery(".huge_it_slideshow_thumbnails_10").width();
//alert(thumbHeight)
//alert(thumbWidth/2)
var bodyWidth=jQuery(window).width();
var parentWidth = jQuery(".huge_it_slideshow_image_wrap_10").parent().width();
//if responsive js late responsive.js @ take body size and not parent div
jQuery(".huge_it_slideshow_thumbnails_10").css({height: 100});
if(sliderwidth>parentWidth){sliderwidth=parentWidth;}
if(sliderwidth>bodyWidth){sliderwidth=bodyWidth;}
var str=(375/staticsliderwidth);
jQuery(".huge_it_slideshow_thumbnails_10").css({width: thumbWidth});
var str2=(100/staticthumbWidth);
jQuery(".huge_it_slideshow_thumbnails_10").css({height: thumbWidth*str2});
jQuery(".bx-viewport").css({height: thumbWidth*str2});
jQuery(".huge_it_slideshow_image_wrap_10").css({width: (sliderwidth)});
jQuery(".huge_it_slideshow_image_wrap_10").css({height: ((sliderwidth) * str)});
jQuery(".huge_it_slideshow_image_container_10").css({width: (sliderwidth)});
jQuery(".huge_it_slideshow_image_container_10").css({height: ((sliderwidth) * str)});
if("top"=="middle"){var titlemargintopminus=jQuery(".huge_it_slideshow_title_text_10").outerHeight()/2;}
if("right"=="center"){var titlemarginleftminus=jQuery(".huge_it_slideshow_title_text_10").outerWidth()/2;}
jQuery(".huge_it_slideshow_title_text_10").css({cssText: "margin-top:-" + titlemargintopminus + "px; margin-left:-"+titlemarginleftminus+"px;"});
if("bottom"=="middle"){var descriptionmargintopminus=jQuery(".huge_it_slideshow_description_text_10").outerHeight()/2;}
if("right"=="center"){var descriptionmarginleftminus=jQuery(".huge_it_slideshow_description_text_10").outerWidth()/2;}
jQuery(".huge_it_slideshow_description_text_10").css({cssText: "margin-top:-" + descriptionmargintopminus + "px; margin-left:-"+descriptionmarginleftminus+"px;"});
jQuery("#huge_it_loading_image_10").css({display: "none"});
jQuery(".huge_it_slideshow_image_wrap1_10").css({display: "block"});
jQuery(".huge_it_slideshow_image_wrap_10").removeClass("nocolor");
if("crop"=="resize"){
jQuery(".huge_it_slideshow_image_10, .huge_it_slideshow_image_container_10 img").css({
cssText: "width:" + sliderwidth + "px; height:" + ((sliderwidth) * str) +"px;"
});
}else {
jQuery(".huge_it_slideshow_image_10,.huge_it_slideshow_image_item2_10").css({
cssText: "max-width: " + sliderwidth + "px !important; max-height: " + (sliderwidth * str) + "px !important;"
});
}
jQuery('.huge_it_video_frame_10').each(function (e) {
jQuery(this).width(sliderwidth);
jQuery(this).height(sliderwidth * str);
});
}
jQuery(window).load(function () {
jQuery(window).resize(function() {
huge_it_popup_resize_10();
});
jQuery('#huge_it_slideshow_left_10').on('click',function(){
huge_it_change_image_10(parseInt(jQuery('#huge_it_current_image_key_10').val()), (parseInt(jQuery('#huge_it_current_image_key_10').val()) - iterator_10()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_10').val()) - iterator_10()) % data_10.length : data_10.length - 1, data_10,false,true);
return false;
});
jQuery('#huge_it_slideshow_right_10').on('click',function(){
huge_it_change_image_10(parseInt(jQuery('#huge_it_current_image_key_10').val()), (parseInt(jQuery('#huge_it_current_image_key_10').val()) + iterator_10()) % data_10.length, data_10,false,true);
return false;
});
huge_it_popup_resize_10();
/* Disable right click.*/
jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () {
return false;
});
/*HOVER SLIDESHOW*/
jQuery("#huge_it_slideshow_image_container_10, .huge_it_slideshow_image_container_10, .huge_it_slideshow_dots_container_10,#huge_it_slideshow_right_10,#huge_it_slideshow_left_10").hover(function(){
//errorlogjQuery(".huge_it_slideshow_image_wrap_10").after(" -- hover -- ");
jQuery("#huge_it_slideshow_right_10").css({'display':'inline'});
jQuery("#huge_it_slideshow_left_10").css({'display':'inline'});
},function(){
jQuery("#huge_it_slideshow_right_10").css({'display':'none'});
jQuery("#huge_it_slideshow_left_10").css({'display':'none'});
});
var pausehover="on";
if(pausehover=="on"){
jQuery("#huge_it_slideshow_image_container_10, .huge_it_slideshow_image_container_10").hover(function(){
window.clearInterval(huge_interval['huge_it_playInterval_'+10]);
},function(){
window.clearInterval(huge_interval['huge_it_playInterval_'+10]);
play_10();
});
}
play_10();
});
//var huge_play={};
function play_10(){
/* Play.*/
//errorlogjQuery(".huge_it_slideshow_image_wrap_10").after(" -- paly ---- ");
huge_interval['huge_it_playInterval_'+10] = setInterval(function () {
//errorlogjQuery(".huge_it_slideshow_image_wrap_10").after(" -- time left ---- ");
var iterator = 1;
huge_it_change_image_10(parseInt(jQuery('#huge_it_current_image_key_10').val()), (parseInt(jQuery('#huge_it_current_image_key_10').val()) + iterator) % data_10.length, data_10,false,false);
}, '5000');
}
jQuery(window).focus(function() {
/*event_stack_10 = [];*/
var i_10 = 0;
jQuery(".huge_it_slider_10").children("div").each(function () {
if (jQuery(this).css('opacity') == 1) {
jQuery("#huge_it_current_image_key_10").val(i_10);
}
i_10++;
});
});
jQuery(window).blur(function() {
//event_stack_10 = [];
window.clearInterval(huge_interval['huge_it_playInterval_'+10]);
});
jQuery(window).focus(function() {
//event_stack_10 = [];
play_10()
});
.thumb_image{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left:0;
}
.entry-content a{
border-bottom: none !important;
}
.play-button-slider{
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.youtube-icon { position: absolute;
background:url(https://www.mildrover.com/wp-content/plugins/slider-image/images/play.youtube.png) center center no-repeat;background-size:14%;}
The dining roon
Dining room at night
the rooftop pool
The lobby with its recycled timber, tile and iron ceiling
Night view … before Hilton grabs it
Quirky corridors look like Saigon laneways
Yes, the bath is on the balcony
Lots of room
Note the ceiling – like the inside of a house
/******/
jQuery('.huge-it-iframe-vimeo.autoplay').each(function(){
})
/******/
jQuery(document).ready(function($) {
setInterval(function() {
jQuery('.huge_it_slider_10').find("li").each(function (){
if($(this).css("opacity") == "1"){
var img_id=$(this).attr('id');
jQuery('.huge_it_slideshow_thumbs_10').each(function (){
//if ($(this).hasClass('bx-clone')){$(this).removeAttr('id')}
var allListElements = $( 'li[id='+img_id+']' );
$(this).find(allListElements).not(".bx-clone").each(function() {
jQuery('.huge_it_slideshow_thumbs_10 li').find(".trans_back").css('background','rgba(255,255,255,0.3)');
$(this).find('.trans_back').css('background','none');
})
})
}
})
},100)
})
STEPPING OUT THE VERDICT ESSENTIALS
THE LOCATION
If you’re in the mood for a little mystery the next time you visit Vietnam, the Myst Dong Khoi hotel will pique your curiosity.
Just off the end of Ho Chi Minh City’s Dong Khoi St, The Myst not only fills a gap between small tourist-friendly hotels and international corporate brands, but adds a spice of old Saigon in a very modern setting.
THE SPACE
From the outside the hotel looks like bits have been added over the years. In fact, it only opened in May this year (2017) and the quirkiness of the exterior is deliberate, enhanced by plants and foliage appearing as if at random.
From the moment you escape the bustle of the street, you know you are somewhere special. The broad reception area sits under a ceiling constructed from materials reclaimed from the old Saigon shipyards. Ancient roof tiles, iron beams and metal grills make the ceiling a work of art in itself.
However, in a very modern touch, you don’t go to reception … it comes to you. A tray with a cooling towel, rose water and crystallised ginger arrives at the sofa you have been allocated, just before a guest services operator comes to check you in.
Upstairs the corridor ceiling looks unfinished, to replicate Saigon alleyways which are open to the sky. The twists and turns of the hallways are certainly quirky.
The doors are solid timber, to create the sense that you are coming home, and tiny stained glass windows let you know if the neighbours are home.
The hotel restaurant is up on the 12th floor, and for the next year or so you can enjoy sweeping views of the Saigon River … at least, until the Hilton group builds next door.
The rooftop has a decent sized lap pool and bar, with plenty of sun loungers and a well-equipped gym (if the climb up the spiral staircase to get to it hasn’t exhausted you).
THE ROOM
My Saigon City room was, at 40 sqm, larger than some Sydney studio flats but still the standard size in the hotel. The room was both modern (free high speed wifi and Japanese hi-tech toilet) and traditional with a raked ceiling and a recycled timber sofa, based on the traditional platform bed.
The bed was huge and ridiculously comfortable and the desk had a chair that allowed me to work at the right height (a common failing in even the best hotel rooms).
Oh, yes, and the spa bath was on the balcony – hence the copious greenery and the “single-use” swimsuits in the wardrobe for the painfully shy.
THE FOOD
Breakfast was a combination of copious amounts of Asian food – curries, rice and, of course, pho (the famous noodle soup). For less adventurous Westerners, there was an egg station as well as patisseries and smallgoods.
Built into most packages, there’s free afternoon tea every day, including an astonishing variety of Vietnamese nibbles as well as tiny fruit scones, little cakes and shot glasses of mousse. I cheated and skipped lunch.
In the evening the dining room runs an a la carte menu, and the hotel is in the throes of opening an additional restaurant next door. That said, you don’t go to Vietnam to eat every meal in your hotel.
The dining roon
Dining room at night
the rooftop pool
The lobby with its recycled timber, tile and iron ceiling
Night view ... before Hilton grabs it
Quirky corridors look like Saigon laneways
Yes, the bath is on the balcony
Lots of room
Note the ceiling - like the inside of a house
STEPPING OUT
You appreciate the cultivated calm of the hotel when you hit the Saigon streets. You can expect your fair share of street hawkers amid the souvenir shops as you turn right and walk straight up past the Opera House to Notre Dame Cathedral and the wonderful old Central Post Office.
Turning left takes you past cute cafes, ‘hostess’ bars and a string of iconic restaurants.
THE VERDICT
This is almost double the cost of the hotels where I usually stay in Saigon but it would break my heart to have to spend a night anywhere else in the future.
Asked what happens when the Hilton steals the view, one of the staff said “we will simply make the experience inside the hotel better.” With friendly, attentive but not intrusive staff, that’s probably easier said than done.
ESSENTIALS
A Saigon City room with king bed costs from $170 plus taxes per night. The Myst Dong Khoi, 6-8 Ho Huan Nghiep St., Ben Nghe Ward, District 1, Ho Chi Minh City. Phone (+84) 28 3520 3040. Website: themystdongkhoihotel.com
Usage Rights
—
Marketing & Communications Material including: newsletters, websites, brochures, calendars, POSM, catalogues, annual reports.
worldwide
unlimited time