<input type="hidden" id="internalStartDate" value="2024-04-25"/>
<input type="hidden" id="internalEndDate" value="2024-04-26"/>
<input type="hidden" id="internalNumRooms" value="1" />
<input type="hidden" id="internalPromocode" value=""/>
<input type="hidden" class="internalSource" value="Web">
<input type="hidden" id="internalNum1AdultsRooms" value="1" />
<input type="hidden" id="internalNum1KidsRooms" value="0" />
<div class="clearfix">
<div class="booking-box booking-box--search has_currency_selector seearch_without_availability ">
<div class="booking-search-results booking-box__content seearch_without_availability">
<h3 class="title_booking_breakdown">Details of your reservation</h3>
<div class="booking-search-results__search-data">
<b class="booking-title-info booking-hotel-name">Hotel: </b>
<span class="booking-3-info">elaya hotel vienna city center</span>
<br/>
<i class="fa fa-long-arrow-right"></i><b class="booking-title-info">Check-In: </b>
<span class="notranslate">25 Apr 2024</span><br/>
<i class="fa fa-long-arrow-left"></i><b class="booking-title-info">Check-Out: </b>
<span class="notranslate ">26 Apr 2024
</span><br/>
</div>
<div class="booking-search-results__rooms-list rooms_amount_1">
<i class="fa fa-users"></i>
<b class="booking-title-info rooms_amount_label"> Rooms: </b><span class="rooms_amount_number">1</span><br/>
<div class="search-item">
<span class="booking-title-info"> Room 1: </span>1 Adults
, 0 Children
<br>
</div>
</div>
<div class="booking-search-results__new-search">
<button type="submit" class="booking-button booking-button--action" id="modify-button">Price Calendar</button>
</div>
<!-- TODO: remove inline styles -->
<div class="booking-widget">
<div style="float:left">
<h1 class="booking-widget__title">Modify search</h1>
</div>
<div style="float:right"><a class="booking-widget__close-button">X</a></div>
<div id="motor_reserva">
<!-- booking engine 2 -->
<form action="https://gsh-corpo-dot-gshhotels.appspot.com/booking1" name="searchForm" id="searchForm" method="post" class="paraty-booking-form motor2">
<input type="hidden" id="language" name="language" value="ENGLISH" />
<input type="hidden" id="agesKid1" name="agesKid1" value="None" />
<input type="hidden" id="agesKid2" name="agesKid2" value="None" />
<input type="hidden" id="agesKid3" name="agesKid3" value="None" />
<input id="roomType" type="hidden" name="roomType" value="">
<input class="roomTypeValue" type="hidden" name="roomTypeValue" value="">
<input id="roomFilter" type="hidden" name="roomFilter" value="">
<input id="roomFilterName" type="hidden" name="roomFilterName" value="">
<input type="hidden" id="roomtype_list_json" name="roomtype_list_json" value="">
<input id="boardFilter" type="hidden" name="boardFilter" value="">
<input id="keyBooking0Source" type="hidden" name="keyBooking0Source" value="">
<input type="hidden" value="" name="priceSeekerHotel" id="priceSeekerHotel"/>
<input type="hidden" value="https://www.elaya-hotels.com/booking1?namespace=elaya-hotel-vienna-city-center&adultsRoom1=1&numRooms=1" name="original_referer"/>
<input type="hidden" id="gclid" name="gclid" value="" />
<input type="hidden" id="using_booking_0" name="using_booking_0" value="" />
<input type="hidden" id="namespace" name="namespace" value="elaya-hotel-vienna-city-center" />
<div id="booking_engine_title">
<h4 id="booking_title1">Book here</h4>
<h4 id="booking_title2">Continue</h4>
<h3 id="best_price">BEST PRICE GUARANTEED</h3>
</div>
<div id="contenedor_hotel">
</div>
<fieldset id="contenedor_fechas">
<div id="fecha_entrada" class="colocar_fechas fecha_entrada">
<label id="titulo_fecha_entrada" class="float_fecha">Check-in</label>
<input type="text" class="float_fecha classdatepicker1" name="startDate" id="datepicker1" tabindex="4" readonly="readonly" autocomplete="off"/>
</div>
<div id="fecha_salida" class="colocar_fechas fecha_salida">
<label id="titulo_fecha_salida" class="float_fecha">Check-out</label>
<input type="text" class="float_fecha classdatepicker2" name="endDate" id="datepicker2" tabindex="5" readonly="readonly" autocomplete="off"/>
</div>
<div id="contador_noches" class="colocar_fechas">
<p class="float_fecha">Number of Nights: X</p>
</div>
</fieldset>
<fieldset id="contenedor_habitaciones" >
<label> Rooms </label>
<select id="selector_habitaciones" name="numRooms" onchange="mostrarHabitaciones(this.value);" tabindex="6">
<option value="1" selected="selected">1</option>
<option value="2" >2</option>
<option value="3" >3</option>
</select>
</fieldset>
<fieldset id="contenedor_opciones" >
<div id="hab1">
<label class="numero_habitacion"> Room 1</label>
<div class="adultos numero_personas">
<label class="selector_adultos" id="titulo_adultos">Adults</label>
<select class="selector_adultos" id="hab1_adultos" name="adultsRoom1" tabindex="7">
<option value="1" >1</option>
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
</select>
</div>
<div class="ninos numero_personas " title="Babies go free">
<label for="childrenRoom1" id="titulo_ninos" class="selector_ninos">Children</label>
<select id="hab1_ninos" class="selector_ninos" name="childrenRoom1" onchange="" tabindex="8">
<option value="0" selected="selected" >
0
</option>
<option value="1" >
1
</option>
<option value="2" >
2
</option>
<option value="3" >
3
</option>
<option value="4" >
4
</option>
</select>
<label id="info_ninos" class="selector_ninos">
(from 0 to 12 years)
</label>
</div>
</div>
<div id="hab2">
<label class="numero_habitacion">Room 2</label>
<div class="adultos numero_personas">
<select class="selector_adultos" id="hab2_adultos" name="adultsRoom2" tabindex="10">
<option value="1" >1</option>
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
</select>
</div>
<div class="ninos numero_personas " title="Babies go free">
<select id="hab2_ninos" class="selector_ninos" name="childrenRoom2" onchange="" tabindex="11">
<option value="0" selected="selected" >
0
</option>
<option value="1" >
1
</option>
<option value="2" >
2
</option>
<option value="3" >
3
</option>
<option value="4" >
4
</option>
</select>
</div>
</div>
<div id="hab3">
<label class="numero_habitacion">Room 3</label>
<div class="adultos numero_personas">
<select class="selector_adultos" id="hab3_adultos" name="adultsRoom3" tabindex="13">
<option value="1" >1</option>
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
</select>
</div>
<div class="ninos numero_personas " title="Babies go free">
<select id="hab3_ninos" class="selector_ninos" name="childrenRoom3" onchange="" tabindex="14">
<option value="0" selected="selected" >
0
</option>
<option value="1" >
1
</option>
<option value="2" >
2
</option>
<option value="3" >
3
</option>
<option value="4" >
4
</option>
</select>
</div>
</div>
</fieldset>
<fieldset id="envio">
<input type="text" id="promocode" class="colocar_envio promocode_input_class" placeholder="Promocode" name="promocode" tabindex="16">
<button type="submit" onclick="$(this).addClass('clicked_button');return bookingSearchWithAgeSelection2() " id="search-button" class="colocar_envio buttonsearch-ratecheck" tabindex="17">Book here</button>
<div id="envio_spinner"></div>
</fieldset>
<input type="hidden" id="booking-search-popup" name="booking-search-popup" value="true">
<script>
function show_booking_search_popup(myForm) {
if (typeof(sending_form_custom_from_paraty) == 'undefined'){
sending_form_custom_from_paraty = true;
setTimeout( function(myForm) { openBookingSearchPopup(myForm); }, 1000, myForm );
}
};
function openBookingSearchPopup(myForm) {
return openBookingSearchPopup_v2(myForm);
var elements = [
]
var popup_description = "";
if (typeof(custom_popup_loading_description) != 'undefined') {
popup_description = custom_popup_loading_description;
}
$("<img/>").attr('src', '');
text_popup = '<div class="container_popup_booking" style="text-align:center;"><img src=""><div class="description_popup_booking">' + popup_description + '</div></div>';
var fancybox_params = {
width : 'auto',
maxWidth: 800,
height: 'auto',
fitToView: false,
autoSize: false,
padding: 0,
closeClick: false,
closeBtn: false,
wrapCSS: 'booking_popup_waiting',
helpers: {
overlay: {closeClick: false} // prevents closing when clicking OUTSIDE fancybox
}
};
if ($.fancybox.version.slice(0,2) === '3.') {
fancybox_params['baseClass'] = 'fancy-booking-search';
fancybox_params['modal'] = true;
$.fancybox.open(text_popup, fancybox_params);
} else {
$.fancybox(text_popup, fancybox_params);
}
myForm.submit();
}
function openBookingSearchPopup_v2(myForm, show_popup=true) {
var container_booking_popup = $('<div></div>').addClass('container_popup_booking').css('text-align', 'center'),
loading_popup_top_text = "We will take care of your request. Please do not leave this page.";
var loading_popup_top_text = $('<video src="https://storage.googleapis.com/cdn.paraty.es/elaya-hotel-oberhausen/files/ezgif-5-69af0b3d5c.webm" muted="muted" autoplay loop></video>');
if ($('.logo_namespace').length) {
var logo_namespace = $("input[name='namespace']").val();
var url_logo = $('#logo_' + logo_namespace).val();
loading_popup_top_text = $("<img src='"+ url_logo +"'>");
}
var loading_popup_bottom_text = "<div style='color:#1C1C1C'> We will take care of your request.<br> Please do not leave this page.</div>",
descipription_top_booking_popup = $("<div></div>").addClass('description_top_popup_booking').html(loading_popup_top_text),
descipription_bottom_booking_popup = $("<div></div>").addClass('description_bottom_popup_booking').html(loading_popup_bottom_text),
gif_wrapper = $("<div></div>").addClass('gif_wrapper'),
number_of_lines = 20;
for (var x = 0; x < number_of_lines; x++) {
var target_delay_css = {
'-webkit-animation-delay': -(1.5 - (0.1 * x)) + 's',
'-moz-animation-delay': -(1.5 - (0.1 * x)) + 's',
'-o-animation-delay': -(1.5 - (0.1 * x)) + 's',
'animation-delay': -(1.5 - (0.1 * x)) + 's'
};
var element_line_to_append = $("<div></div>").addClass("default_line_loading").css(target_delay_css);
element_line_to_append.css('background', '#ffffff');
element_line_to_append.appendTo(gif_wrapper);
}
container_booking_popup.css('border', '1px solid #ffffff');
container_booking_popup.append(descipription_top_booking_popup).append(gif_wrapper).append(descipription_bottom_booking_popup);
var selected_start_date = $("input[name='startDate']").val(),
selected_end_date = $("input[name='endDate']").val();
if(selected_start_date === ''){
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!
var yyyy = today.getFullYear();
if(dd<10) {dd = '0'+dd}
if(mm<10) {mm = '0'+mm}
today = dd + '/' + mm + '/' + yyyy;
selected_start_date = today;
}
var custom_format_date = "%d %b %Y";
if (custom_format_date) {
var splitted_start_date = selected_start_date.split("/"),
start_day = splitted_start_date[0],
start_month = splitted_start_date[1],
start_year = splitted_start_date[2],
start_datetime = new Date(start_year, start_month - 1, start_day),
week_start_day = start_datetime.getDay();
var splitted_end_date = selected_end_date.split("/"),
end_day = splitted_end_date[0],
end_month = splitted_end_date[1],
end_year = splitted_end_date[2],
end_datetime = new Date(end_year, end_month - 1, end_day),
week_end_day = end_datetime.getDay();
var days_list = $.datepicker._defaults.dayNames;
//Start date
selected_start_date = custom_format_date.replace("%m", start_month).replace("%d", start_day).replace("%Y", start_year);
selected_start_date = selected_start_date.replace("%a", days_list[week_start_day]).replace("%bb", _monthNames[start_month - 1]).replace("%b", _monthNames[start_month - 1]);
//End date
selected_end_date = custom_format_date.replace("%m", end_month).replace("%d", end_day).replace("%Y", end_year);
selected_end_date = selected_end_date.replace("%a", days_list[week_end_day]).replace("%bb", _monthNames[end_month - 1]).replace("%b", _monthNames[end_month - 1]);
}
//Protection for failures
if(selected_start_date.indexOf('NaN') > -1 || selected_end_date.indexOf('NaN')){
container_booking_popup.html(container_booking_popup.html().replace("@@start_date@@", selected_start_date).replace("@@end_date@@", selected_end_date));
} else {
container_booking_popup.find(".description_bottom_popup_booking").remove();
}
if (show_popup) {
var fancybox_params = {
width: 'auto',
maxWidth: 800,
height: 'auto',
fitToView: false,
autoSize: false,
padding: 0,
closeClick: false,
closeBtn: false,
helpers: {
overlay: {
css:
{'background': '#FFFFFF'},
closeClick: false
} // prevents closing when clicking OUTSIDE fancybox
},
wrapCSS: 'fancy-booking-search_v2 full_screen_engine custom_color_overlay',
beforeShow: function () {
$('.fancybox-bg').css('background', '#FFFFFF');
if (typeof (cookiesController) !== 'undefined' && cookiesController.search_cookie("step_history_back")) {
cookiesController.delete_cookie("step_history_back");
}
}
};
if ($.fancybox.version.slice(0, 2) === '3.') {
fancybox_params['baseClass'] = 'fancybox-wrap fancy-booking-search_v2 full_screen_engine custom_color_overlay';
fancybox_params['modal'] = true;
$.fancybox.open(container_booking_popup, fancybox_params);
} else {
$.fancybox(container_booking_popup, fancybox_params);
}
if (myForm) {
if (!navigator.userAgent.match(/chrome/i) && (navigator.userAgent.match(/safari/i) || !navigator.userAgent.match(/firefox/i))) {
setTimeout(function () {
myForm.submit();
}, 700);
} else {
myForm.submit();
}
}
}
}
$("<img/>").attr('src', '');
function showGallery(elements) {
$.fancybox(elements, {
'modal': true,
'closeBtn': false,
'autoPlay': true,
'playSpeed': 3000,
'prevEffect': 'none',
'nextEffect': 'none',
'type': 'image',
'arrows': false,
'nextClick': false,
'mouseWheel': false,
'helpers': {
title: {
type: 'outside'
},
overlay: {
opacity: 0.8,
css: {
'background-color': '#000'
}
}
},
'padding': 0
});
}
</script>
</form>
</div>
<!-- Javascript at the bottom to increase speed -->
<script type="text/javascript" src="/static_1/lib/spin.min.js"></script>
<!-- Javascript at the bottom to increase speed -->
<style>
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 21px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
text-align: center;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
/*float: right;*/
float: none;
text-align: center;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
.ui-dialog .ui-button-text {
/*padding: 10px;*/
/*margin: 10px;*/
}
.ui-dialog .ui-button{
/*height: 30px;*/
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-dialog {
min-width: 300px;
z-index: 9999;
}
</style>
<style>
.ui-dialog-titlebar-close {
display: none !important;
}
#dialog-form{
padding: 10px;
}
.ui-dialog-titlebar{
padding: 5px;
}
.kidAgesSelect{
margin-left: 10px;
}
</style>
<!-- New style Age popup -->
<style>
body .ui-widget-overlay.ui-front {
background: rgba(0, 0, 0, 0.6);
opacity: 1;
z-index: 9998;
position: fixed;
}
body .ui-dialog.ui-widget {
padding: 20px 10px;
border: 0;
border-radius: 0;
line-height: 1;
max-width: 370px;
width: 100% !important;
box-sizing: border-box;
}
body .ui-dialog.ui-widget .ui-dialog-titlebar {
background: none!important;
padding: 0 0 20px 0;
border-radius: 0;
border: 0;
color: black!important;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
text-align: center;
margin-bottom: 20px;
}
body .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title {
width: 100%;
margin: 0;
}
body .ui-dialog.ui-widget #dialog-form {
padding: 0;
text-align: left;
width: 100% !important;
max-width: 350px;
}
body .ui-dialog.ui-widget #dialog-form form label {
clear: both;
width: 100%;
float: left;
}
body .ui-dialog.ui-widget #dialog-form form .wrapper_age_kids {
display: inline-block;
width: 100%;
float: left;
}
body .ui-dialog.ui-widget #dialog-form form .wrapper_age_kids select {
width: calc((100% - 10px)/2);
margin: 0px 10px 10px 0;
float: left;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
padding: 5px 10px;
}
body .ui-dialog.ui-widget #dialog-form form .wrapper_age_kids select:nth-child(even) {
margin-right: 0;
}
body .ui-dialog.ui-widget #dialog-form form .wrapper_age_kids select:nth-child(-n+2) {
margin-top: 10px;
}
body .ui-dialog.ui-widget .ui-dialog-buttonpane {
margin: 0;
padding: 0;
vertical-align: bottom;
display: inline-block;
float: left;
width: 100% !important;
max-width: 350px;
border-radius: 0;
margin-top: 10px;
}
body .ui-dialog.ui-widget .ui-dialog-buttonpane .ui-button {
margin: 0;
display: inline-block;
width: 100% !important;
max-width: 350px;
border-radius: 0;
background: #446ca9;
color:white;
}
body .ui-dialog.ui-widget .ui-resizable-handle {
display: none;
}
</style>
<!-- <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" type="text/css"/> -->
<div id="dialog-form" title="Age of each child" style="display:none">
<form>
<label id="label1" for="name">Room 1</label>
<div class="wrapper_age_kids clearfix">
<select class="kidAgesSelect" id="agesRoom1_1" name="name" tabindex="1">
<option value="0" selected="selected">0</option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom1_2" name="name" tabindex="1">
<option value="0" selected="selected">0</option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom1_3" name="name" tabindex="1">
<option value="0" selected="selected">0</option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom1_4" name="name" tabindex="1">
<option value="0" selected="selected">0</option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
</div>
<label id="label2" for="name">Room 2</label>
<div class="wrapper_age_kids clearfix">
<select class="kidAgesSelect" id="agesRoom2_1" name="name" tabindex="1">
<option value="0" selected="selected">0</option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom2_2" name="name" tabindex="1">
<option value="0" selected="selected">0</option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom2_3" name="name" tabindex="1">
<option value="0" selected="selected">0</option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom2_4" name="name" tabindex="1">
<option value="0" selected="selected">0</option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
</div>
<label id="label3" for="name">Room 3</label>
<div class="wrapper_age_kids clearfix">
<select class="kidAgesSelect" id="agesRoom3_1" name="name" tabindex="1">
<option value="0" selected="selected">0</option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom3_2" name="name" tabindex="1">
<option value="0" selected="selected">0</option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom3_3" name="name" tabindex="1">
<option value="0" selected="selected">0</option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom3_4" name="name" tabindex="1">
<option value="0" selected="selected">0</option>
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
</div>
</form>
</div>
<script type="text/javascript">
function sendActiveForm_booking_engine2() {
$(".booking_form").each(function () {
if ($(this).find(".submit_button").css("display") == "none" || $(this).find(".submit_button").hasClass('clicked_button')) {
if ($('#booking-search-popup').length) {
show_booking_search_popup($(this));
return false;
}
$(this).submit();
return true;
}
});
$("#searchForm").each(function () {
if ($(this).find("#search-button").css("display") == "none") {
if ($('#booking-search-popup').length) {
show_booking_search_popup($(this));
return false;
}
$(this).submit();
return true;
}
});
}
function bookingSearchWithAgeSelection2(){
if (!checkDates()){
return false;
};
kids1 = $('#hab1_ninos').val();
kids2 = $('#hab2_ninos').val();
kids3 = $('#hab3_ninos').val();
numRooms = $("input[name='numRooms']").val();
if (kids1 == "0" && (kids2 == "0" || numRooms == '1') && (kids3 == "0" || numRooms == '1' || numRooms == '2')){
if (bookingSearch()){
$('#searchForm').submit();
}
} else {
updateAgesOptions2();
$("#dialog-form").dialog("open");
return false;
}
}
function updateAgesOptions2() {
var numHab = $("#selector_habitaciones").val();
for ( var i = 3; i > 0; i--) {
$("#label" + i).hide();
$("#dialog-form #agesRoom" + i + "_1, #full_wrapper_booking #agesRoom" + i +"_1").hide();
$("#dialog-form #agesRoom" + i + "_2, #full_wrapper_booking #agesRoom" + i +"_2").hide();
$("#dialog-form #agesRoom" + i + "_3, #full_wrapper_booking #agesRoom" + i +"_3").hide();
$("#dialog-form #agesRoom" + i + "_4, #full_wrapper_booking #agesRoom" + i +"_4").hide();
}
for ( var i = numHab; i > 0; i--) {
numKids = $("#hab" + i + "_ninos").val();
if (numKids > 0){
$("#label" + i).show();
$("#dialog-form #agesRoom" + i + "_1, #full_wrapper_booking #agesRoom" + i +"_1").show();
if (numKids > 1)
$("#dialog-form #agesRoom" + i + "_2, #full_wrapper_booking #agesRoom" + i +"_2").show();
if (numKids > 2)
$("#dialog-form #agesRoom" + i + "_3, #full_wrapper_booking #agesRoom" + i +"_3").show();
if (numKids > 3)
$("#dialog-form #agesRoom" + i + "_4, #full_wrapper_booking #agesRoom" + i +"_4").show();
}
}
}
$(function() {
if (!$("#dialog-form").hasClass('ui-dialog-content')) {
$("#dialog-form").dialog({
width: "auto",
autoOpen: false,
modal: true,
buttons: {
"Next": function() {
$( this ).dialog( "close" );
var dialog_wrapper = $(this);
$("input[name='agesKid1']").each(function() {
var age_1_1 = dialog_wrapper.find("#agesRoom1_1").val();
var age_1_2 = dialog_wrapper.find("#agesRoom1_2").val();
var age_1_3 = dialog_wrapper.find("#agesRoom1_3").val();
var age_1_4 = dialog_wrapper.find("#agesRoom1_4").val();
$(this).val(age_1_1 + ";" + age_1_2 + ";" + age_1_3 + ";" + age_1_4);
});
$("input[name='agesKid2']").each(function () {
var age_2_1 = dialog_wrapper.find("#agesRoom2_1").val();
var age_2_2 = dialog_wrapper.find("#agesRoom2_2").val();
var age_2_3 = dialog_wrapper.find("#agesRoom2_3").val();
var age_2_4 = dialog_wrapper.find("#agesRoom2_4").val();
$(this).val(age_2_1 + ";" + age_2_2 + ";" + age_2_3 + ";" + age_2_4);
});
$("input[name='agesKid3']").each(function () {
var age_3_1 = dialog_wrapper.find("#agesRoom3_1").val();
var age_3_2 = dialog_wrapper.find("#agesRoom3_2").val();
var age_3_3 = dialog_wrapper.find("#agesRoom3_3").val();
var age_3_4 = dialog_wrapper.find("#agesRoom3_4").val();
$(this).val(age_3_1 + ";" + age_3_2 + ";" + age_3_3 + ";" + age_3_4);
});
bookingSearch();
sendActiveForm_booking_engine2();
}
}
});
}
updateAgesOptions2(1);
});
</script>
<script type="text/javascript">
var datePicker1Selector = ".classdatepicker1";
var datePicker2Selector = ".classdatepicker2";
$("#hotel_destino").change(function() {
var action = $(this).val();
$("#searchForm").attr("action", action);
var newNamespace = namespaces[action];
$("#namespace").val(newNamespace);
});
if (typeof $.datepicker !== "undefined"){
$.datepicker.regional['en'] = {
closeText: 'Done',
prevText: 'Prev',
nextText: 'Next',
currentText: 'Today',
monthNames: ['January','February','March','April','May','June',
'July','August','September','October','November','December'],
monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
dayNamesMin: ['Su','Mo','Tu','We','Th','Fr','Sa'],
weekHeader: 'Wk',
dateFormat: 'dd/mm/yy',
firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''};
$.datepicker.setDefaults($.datepicker.regional['en-GB']);
}
$(function(){
$.datepicker.setDefaults($.datepicker.regional["en"]);
});
var checkDates = function() {
var date1_str = $(datePicker1Selector).val();
var date2_str = $(datePicker2Selector).val();
if (date1_str == "" || date2_str == ""){
return false;
} else {
return true;
}
}
$(document).ready(function () {
if ($('#internalStartDate').length != 0) {
var startDate = $('#internalStartDate').val();
var startYear = startDate.substring(0,4);
var startMonth = startDate.substring(5,7);
var startDay = startDate.substring(8,10);
var startParse = startDay + "/" + startMonth + "/" + startYear;
var endDate = $('#internalEndDate').val();
var endYear = endDate.substring(0,4);
var endMonth = endDate.substring(5,7);
var endDay = endDate.substring(8,10);
var endParse = endDay + "/" + endMonth + "/" + endYear;
} else {
var startParse = "";
var endParse = "";
}
$(datePicker1Selector).val(startParse);
$(datePicker2Selector).val(endParse);
if ($(".internalUrlParamsTransfer").length){
let target_value = $(".internalUrlParamsTransfer").val();
if (!$(".transfer_to_booking").length) {
$(".paraty-booking-form").each(function(){
$(this).append($("<input type='hidden' class='transfer_to_booking' name='transfer_url_params' value='" + target_value + "'>"));
})
} else {
$(".transfer_to_booking").val(target_value)
}
}
if ($('#internalNumRooms').length != 0){
$("#selector_habitaciones").val($("#internalNumRooms").val());
$("#selector_habitaciones").change();
var internalNum1AdultsRooms = 2;
var internalNum2AdultsRooms = 2;
var internalNum3AdultsRooms = 2;
var internalNum1BabiesRooms = 0;
var internalNum2BabiesRooms = 0;
var internalNum3BabiesRooms = 0;
if ($('#internalNum1AdultsRooms').length != 0) internalNum1AdultsRooms = $("#internalNum1AdultsRooms").val()
if ($('#internalNum2AdultsRooms').length != 0) internalNum2AdultsRooms = $("#internalNum2AdultsRooms").val()
if ($('#internalNum3AdultsRooms').length != 0) internalNum3AdultsRooms = $("#internalNum3AdultsRooms").val()
if ($('#internalNum1BabiesRooms').length != 0) internalNum1BabiesRooms = $("#internalNum1BabiesRooms").val()
if ($('#internalNum2BabiesRooms').length != 0) internalNum2BabiesRooms = $("#internalNum2BabiesRooms").val()
if ($('#internalNum3BabiesRooms').length != 0) internalNum3BabiesRooms = $("#internalNum3BabiesRooms").val()
$("#hab1_adultos").val(internalNum1AdultsRooms);
$("#hab2_adultos").val(internalNum2AdultsRooms);
$("#hab3_adultos").val(internalNum3AdultsRooms);
$("#hab1_ninos").val($("#internalNum1KidsRooms").val());
$("#hab2_ninos").val($("#internalNum2KidsRooms").val());
$("#hab3_ninos").val($("#internalNum3KidsRooms").val());
$("#hab1_bebes").val(internalNum1BabiesRooms);
$("#hab2_bebes").val(internalNum2BabiesRooms);
$("#hab3_bebes").val(internalNum3BabiesRooms);
}
if ($("#internalPromocode") && $("#internalPromocode").val()){
$("#promocode").val($("#internalPromocode").val());
}
if (typeof(DP_extend_info) === 'undefined' || DP_extend_info.config.booking_version.indexOf('2') == -1) {
$(datePicker1Selector).datepicker({
minDate: new Date(),
altFormat: "dd/mm/yy",
dateFormat: "dd/mm/yy",
onClose: function (selectedDate, inst) {
if (selectedDate) {
var theDate = $.datepicker.parseDate("dd/mm/yy", selectedDate);
var theSelectedDate = $.datepicker.parseDate("dd/mm/yy", selectedDate);
theSelectedDate.setDate(theSelectedDate.getDate());
$(datePicker1Selector).datepicker('setDate', theSelectedDate);
if (typeof(min_stay_number) != 'undefined'){
theDate.setDate(theDate.getDate() + min_stay_number);
} else {
theDate.setDate(theDate.getDate() + 1);
}
$(datePicker2Selector).datepicker("option", "minDate", theDate);
$(datePicker2Selector).datepicker('setDate', theDate);
$(this).closest("#contenedor_fechas").find(datePicker2Selector).datepicker("show");
}
}
});
$(datePicker2Selector).datepicker({
minDate: minDateDeparture(),
altFormat: "dd/mm/yy",
dateFormat: "dd/mm/yy"
});
$(datePicker1Selector).change(function () {
var date2 = $(this).datepicker('getDate', '+3d');
$(datePicker1Selector).datepicker('setDate', date2);
date2.setDate(date2.getDate() + 1);
$(datePicker2Selector).datepicker('setDate', date2);
checkDates();
});
$(datePicker2Selector).change(function () {
var date2 = $(this).datepicker('getDate', '+3d');
$(datePicker2Selector).datepicker('setDate', date2);
checkDates();
});
$(datePicker1Selector).removeAttr('disabled');
$(datePicker2Selector).removeAttr('disabled');
}
});
function minDateDeparture(){
if ($(datePicker1Selector).val()){
var theDate = $.datepicker.parseDate("dd/mm/yy", $(datePicker1Selector).val());
theDate.setDate(theDate.getDate() + 1 );
}
else{
var theDate = new Date();
}
return theDate;
}
function mostrarHabitaciones(selector_habitaciones) {
for ( var i = 3; i > selector_habitaciones; i--) {
//$('#hab' + i).hide();
$('[id="hab'+ i + '"]').each(function() {
$(this).hide();
});
//$('#childrenRoom' + (i + 1)).val("0");
$('[id="childrenRoom'+ (i + 1) + '"]').each(function() {
$(this).val("0");
});
}
for ( var i = selector_habitaciones; i > 0; i--) {
//$('#hab' + i).show();
$('[id="hab'+ i + '"]').each(function() {
$(this).show();
});
}
}
function bookingSearch(){
if (!checkDates()){
return false;
}
var destination_input = $("form.paraty-booking-form.motor2").find(".destination");
if(destination_input.length && destination_input.val() == ''){
$("form.paraty-booking-form .destination_field, form.paraty-booking-form.motor2 .destination_wrapper").show();
return false;
}
try {
ga(function (tracker) {
client_id = tracker.get('clientId');
});
$('<input>').attr({
type: 'hidden',
id: '_ga',
name: '_ga',
value: client_id
}).appendTo($("#search-button").closest('form'));
}
catch (err) {
console.log("Google Analytics defined incorrectly (May use a old version)");
}
var opts = {
lines: 13, // The number of lines to draw
length: 4, // The length of each line
width: 3, // The line thickness
radius: 10, // The radius of the inner circle
rotate: 0, // The rotation offset
color: '#e1e1e1', // #rgb or #rrggbb
speed: 1.5, // Rounds per second
trail: 60, // Afterglow percentage
shadow: false, // Whether to render a shadow
hwaccel: false, // Whether to use hardware acceleration
className: 'spinner', // The CSS class to assign to the spinner
zIndex: 2e9, // The z-index (defaults to 2000000000)
top: 'auto', // Top position relative to parent in px
left: 'auto' // Left position relative to parent in px
};
var target = document.getElementById('envio_spinner');
if( $('#booking-search-popup').length ) {
show_booking_search_popup($('#searchForm'));
return false;
} else {
$("#search-button").hide();
var spinner = new Spinner(opts).spin(target);
$('#searchForm').submit();
}
};
</script>
<script>
adult_tag = "Adult";
adults_tag = "Adults";
kid_tag = "Child";
kids_tag = "Children";
baby_tag = "Baby";
babies_tag = "Babies";
no_dispo_text = "Unavailable";
</script>
<script async>
$(window).on('load', function () {
if (typeof only_once_ratecheck == "undefined"){
var only_once_ratecheck = 1;
var countryCode = "us";
$.getScript("https://global-dot-rescue-seeker.appspot.com/static/rate-check/common/js/rate-check-widget.js" )
.done(function( script, textStatus ) {
console.log("RATE CHECK: Main rate chek script loaded!" );
RateCheck.load('elaya-hotel-vienna-city-center','us_en', 'paraty');
})
.fail(function( jqxhr, settings, exception ) {
console.error("RATE CHECK: Main rate chek script NOT loaded!");
console.error(exception);
});
}
if(!$('body').hasClass('rate_check')) {
$('body').addClass('rate_check')
}
});
</script>
<input type="hidden" name="rc_paraty_application_id" value="elaya-hotel-vienna-city-center-dot-gshhotels.appspot.com">
</div>
<input type="hidden" name="truncate_prices" id="truncate_prices" value="">
<div id="currencyDiv" title="Warning">
<input type="hidden" id="thousands_separator" value="">
<input type="hidden" id="decimal_separator" value="">
<label class="see_prices_label">Currency</label>
<select id="currencySelect" width="120%" name="currencySelect" onChange="javascript: recalculateCurrencies();">
<option value="1.0" data-shortname="EUR" data-precision="2">€ EUR</option>
<option selected value="0.9345794393" data-shortname="USD" data-precision="2">$ U.S. Dollar</option>
<option value="1.1641443539" data-shortname="GBP" data-precision="2">£ Pound sterling</option>
<option value="1.0224948875" data-shortname="CHF" data-precision="2">Franco Suizo</option>
</select>
</div>
<style>
#currencyDiv{
float: right;
margin-right: 20px;
}
#currencySelect {
width:135px;
height: 36px;
overflow: hidden;
background: url("/static_1/images/felchasDobles.png") no-repeat 105px #ddd;
border: 1px solid #ccc;
position: relative;
box-sizing: border-box;
border-radius: 20px;
padding: 0px 15px 0px 15px;
-webkit-appearance: none;
cursor: pointer;
}
#step-2 #currencyDiv{
margin-right: 125px;
margin-top: -3px;
}
.ui-tooltip, .arrow:after {
background: #da9500;
}
.ui-tooltip {
border: 0;
border-radius: 2px;
padding: 20px;
color: white;
font: bold 14px "Roboto";
box-shadow: 4px 4px 6px rgb(184, 184, 184);
text-align: center;
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow : 1 px 1 px 1 px rgb(184, 184, 184);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}
</style>
<script type="text/javascript">
if (typeof(currentExchangeRate) == 'undefined') currentExchangeRate = 1.0;
function toFixed(value, precision) {
var power = Math.pow(10, precision || 0);
return String(Math.round(value * power) / power);
}
function getShortName(name){
if (name == '$ U.S. Dollar'){
return "USD";
}
if (name == '£ Pound sterling'){
return "GBP";
}
if (name == 'Franco Suizo'){
return "CHF";
}
return "€";
}
function recalculateCurrencies(updateCalendar = true, firstLoad = false) {
thousands_separator = "";
decimals_separator = ".";
force_x_decimals = "";
shortCurrency = $("#currencySelect :selected").data("shortname");
precisionCurrency=$("#currencySelect :selected").data("precision");
if ($("#currencySelect").length) {
$('.currencyValue').each(function () {
if ($(this).closest(".currency_price").length && $(this).attr("data-currency") !== shortCurrency) {
$(this).closest(".currency_price").show();
}
var value_to_set = null;
if ($(this).attr('latest_value') && parseFloat($(this).attr('latest_value')) !== 0) {
value_to_set = $(this).attr('latest_value');
current = parseFloat(value_to_set)
} else {
if (!$(this).hasClass('block_format')) {
let target_regex_to_use = thousands_separator;
if (thousands_separator) {
target_regex_to_use = new RegExp(`\\${thousands_separator}`, 'g');
}
let val_to_process = $(this)[0].tagName === 'INPUT' ? $(this).val() : $(this).html();
value_to_set = val_to_process.replace(target_regex_to_use, '');
target_regex_to_use = decimals_separator;
if (decimals_separator) {
target_regex_to_use = new RegExp(`\\${decimals_separator}`, 'g');
}
value_to_set = value_to_set.replace(target_regex_to_use, '.');
} else {
if ($(this)[0].tagName === 'INPUT') {
value_to_set = $(this).val();
} else {
value_to_set = $(this).html();
}
}
current = parseFloat(value_to_set);
}
if (!isNaN(current)) {
//Undo previous change
var current_exchange_to_work = currentExchangeRate;
if ($(this).hasClass("unmodified")) {
current_exchange_to_work = 1;
}
current = current * current_exchange_to_work;
multiplier = parseFloat($("#currencySelect").val());
newValue = String(current / multiplier);
newValue = toFixed(parseFloat(newValue), precisionCurrency);
$(this).attr('latest_value', current / multiplier);
if (force_x_decimals) {
newValue = parseFloat(newValue).toFixed(force_x_decimals);
}
newValue = newValue.replace('.', decimals_separator);
newValue = newValue.replace(/\B(?=(\d{3})+(?!\d))/g, thousands_separator);
if ($(this)[0].tagName === 'INPUT') {
$(this).val(newValue);
} else {
$(this).html(newValue);
}
if ($(this).hasClass("unmodified")) {
$(this).removeClass("unmodified");
}
}
});
$('.monedaConv').each(function (index) {
$(this).html(shortCurrency);
});
currentExchangeRate = parseFloat($("#currencySelect").val());
document.cookie = "currency_client_paraty=" + shortCurrency + "; max-age=3600; path=/";
check_currency_value_order();
try {
_RateCheckEvents.rateCheckReloadWidget();
} catch (e) {
console.log("[Rate Check] " + e);
}
}
if (updateCalendar) {
firstLoad
? setTimeout(() => window.calendar_data?.update_currency_calendar?.(shortCurrency), 5000)
: window.calendar_data?.update_currency_calendar?.(shortCurrency);
}
}
function check_currency_value_order(){
//This method will invert the order of prices at differents language and currency than spain and euro,
//internationally the order is different
var actual_language = $("html").attr('lang'),
actual_currency = $(".monedaConv").html();
if ((actual_language != 'es' && actual_language != 'pt') || (actual_currency != '€' && actual_currency != 'EUR')){
$(".currencyValue").each(function(){
if (!$(this).next().hasClass('monedaConv')) return;
$(this).next().addClass('first_currency');
$(this).insertAfter($(this).next());
});
} else {
$(".monedaConv").each(function(){
if (!$(this).next().hasClass('currencyValue')) return;
$(this).removeClass('first_currency');
$(this).insertAfter($(this).next());
});
}
}
//Se ha hablado con Arti y hemos llegado a la conclusion de que ya no hace falta mostrarlo ya que muchos hoteles tienen divisas distintas.
$(function(){
if (typeof(currency_already_launch) == 'undefined' || !currency_already_launch) {
recalculateCurrencies(true, true);
check_currency_value_order();
currency_already_launch = true;
if (typeof window.calendar_data !== 'undefined') {
window.calendar_data.update_currency_booking = function(currencySelected) {
$('#currencySelect option').each(function() {
const shortname = $(this).data('shortname');
if (currencySelected.currencyShortname === shortname) {
$(this).prop('selected', true);
}
});
$('.currency_selector_wrapper .option').each(function() {
const shortname = $(this).data('shortname');
if (currencySelected.currencyShortname === shortname) {
$('.currency_selector_wrapper .label').html($(this).html());
}
});
$('.currency_selector_wrapper_v2 .option').each(function() {
const shortname = $(this).data('shortname');
if (currencySelected.currencyShortname === shortname) {
$('.currency_selector_wrapper_v2 .label').html($(this).html());
}
});
recalculateCurrencies(false);
};
window.calendar_data.thousands_separator = '';
window.calendar_data.decimal_separator = '';
}
$('.currency_selector_wrapper_v2').click(function () {
$(this).toggleClass('active');
$('.site-header').toggleClass('selector_opened');
});
$('.currency_selector_wrapper_v2 .option').click(function () {
$('.site-header').removeClass('selector_opened');
let shortname = $(this).data('shortname');
$('.currency_selector_wrapper_v2 .label').html($(this).html());
$('#currencySelect option').each(function () {
if ($(this).data('shortname') === shortname) {
$(this).prop('selected', true);
}
});
recalculateCurrencies();
});
}
});
</script>
</div>
</div>
</div>
<div class="hidden_booking_summary ">
<div class="center_container"></div>
</div>
<div class="booking-box--search">
<div class="clearfix booking-box__content flexible-message" style="background: #da9500 url(static_1/images/booking_2/ojo.png) no-repeat 15px center;color: white;padding-left: 55px;">
Unfortunately there is no availability at the selected hotel on the requested dates. You might be interested in the following hotels in the same location. Thank you very much!
</div>
</div>
Webgasse 23, 1060 Wien, Austria
550m from city center
| View map
from
per room/night
TOTAL TAX INCL.
View Rates
