var vlaCalendar = new Class({ 'slideDuration': 500, 'fadeDuration': 500, 'transition': Fx.Transitions.Quart.easeOut, 'startMonday': false, 'filePath': 'inc/', 'defaultView': 'month', 'style': '', initialize: function(_container, _options) {
    if (_options) $extend(this, _options); this.loading = false; this.container = _container = $(_container); var _class = this; var pars = 'defaultView=' + this.defaultView; if (this.picker) { if ($type(this.prefillDate) == 'object' && this.getInputDate(this.prefillDate)) pars += '&pickedDate=' + this.getInputDate(this.prefillDate); if (this.linkWithInput) pars += '&gotoPickedDate=1'; }
    this.u('base', pars, function() { _class.mainLoader = _container.getElement('div[class=loaderA]'); _class.tempLoader = _container.getElement('div[class=loaderB]'); _class.label = _container.getElement('span[class=label]'); _class.arrowLeft = _container.getElement('div[class=arrowLeft]'); _class.arrowRight = _container.getElement('div[class=arrowRight]'); _class.initializeCalendarFunctions(); if (_class.picker) { if ($type(_class.prefillDate) == 'object' && _class.getInputDate(_class.prefillDate)) _class.pick(_class.prefillDate); else if (_class.prefillDate == true) _class.pick(JSON.decode(_class.label.getProperty('date'))); } }, _container);
}, initializeCalendarFunctions: function() {
    this.resetArrows(); var vars = JSON.decode(this.mainLoader.getElement('table').getProperty('summary')); var _class = this; this.label.removeClass('noHover').set('html', vars.label).onclick = vars.parent ? function() { _class.u(vars.parent, 'ts=' + vars.ts + '&parent=' + vars.current, function() { _class.fade() }) } : null; if (vars.hide_left_arrow) this.hideLeftArrow(); else if (vars.hide_right_arrow) this.hideRightArrow(); this.arrowLeft.onclick = function() { _class.u(vars.current, 'ts=' + vars.pr_ts, function() { _class.slideLeft() }) }
    this.arrowRight.onclick = function() { _class.u(vars.current, 'ts=' + vars.nx_ts, function() { _class.slideRight() }) }
    var clickables = this.mainLoader.getElements('td'); switch (vars.current) {
        case 'month': if (this.picker) { clickables.each(function(_clickable) { _clickable.onclick = function() { _class.pick(JSON.decode(_clickable.getProperty('date'))); _class.mainLoader.getElements('td').each(function(_clickable) { _clickable.removeClass('selected') }); this.addClass('selected'); } }); }
            break; case 'year': clickables.each(function(_clickable) { _clickable.onclick = function() { _class.u('month', 'ts=' + _clickable.getProperty('ts'), function() { _class.fade() }) } }); break; case 'decade': this.label.addClass('noHover'); clickables.each(function(_clickable) { _clickable.onclick = function() { _class.u('year', 'ts=' + _clickable.getProperty('ts') + '&m_ts=' + _clickable.getProperty('m_ts'), function() { _class.fade() }) } }); break;
    } 
}, u: function(_url, _pars, _onComplete, _id) { if (!this.loading && !this.transitioning) { var _class = this; this.loading = true; var element = $(_id ? _id : this.tempLoader); _pars += '&picker=' + (this.picker ? 1 : 0) + '&startMonday=' + (this.startMonday ? 1 : 0) + '&style=' + this.style; if (this.picker && this.getInputDate()) _pars += '&pickedDate=' + this.getInputDate(); new Request({ method: 'post', url: this.filePath + _url + '.php', onComplete: function(data) { element.set('html', data); _onComplete(); _class.loading = false; } }).send(_pars); } }, slideLeft: function() { var _class = this; this.transitioning = true; this.tempLoader.setStyle('opacity', 1).set('tween', { duration: this.slideDuration, transition: this.transition }).tween('margin-left', [-164, 0]); this.mainLoader.setStyle('opacity', 1).set('tween', { duration: this.slideDuration, transition: this.transition, onComplete: function() { _class.transitioning = false } }).tween('margin-left', [0, 164]); this.switchLoaders(); }, slideRight: function() { var _class = this; this.transitioning = true; this.mainLoader.setStyle('opacity', 1).set('tween', { duration: this.slideDuration, transition: this.transition }).tween('margin-left', [0, -164]); this.tempLoader.setStyle('opacity', 1).set('tween', { duration: this.slideDuration, transition: this.transition, onComplete: function() { _class.transitioning = false } }).tween('margin-left', [164, 0]); this.switchLoaders(); }, fade: function(overRuleTrans) { var _class = this; this.transitioning = overRuleTrans ? false : true; this.tempLoader.setStyles({ 'opacity': 0, 'margin-left': 0 }); this.mainLoader.set('tween', { duration: this.fadeDuration, transition: this.transition }).fade('out'); this.tempLoader.set('tween', { duration: this.fadeDuration, transition: this.transition, onComplete: function() { _class.tempLoader.setStyles({ 'opacity': 1, 'margin-left': -999 }); _class.transitioning = false; } }).fade('in'); this.switchLoaders(); }, switchLoaders: function() { this.mainLoader = this.mainLoader.className == 'loaderA' ? this.container.getElement('div[class=loaderB]') : this.container.getElement('div[class=loaderA]'); this.tempLoader = this.tempLoader.className == 'loaderA' ? this.container.getElement('div[class=loaderB]') : this.container.getElement('div[class=loaderA]'); this.initializeCalendarFunctions(); }, resetArrows: function() { this.arrowLeft.setStyle('visibility', 'visible'); this.arrowRight.setStyle('visibility', 'visible'); }, hideLeftArrow: function() { this.arrowLeft.setStyle('visibility', 'hidden'); }, hideRightArrow: function() { this.arrowRight.setStyle('visibility', 'hidden'); } 
});var vlaDatePicker = new Class({ Extends: vlaCalendar, 'separateInput': false, 'prefillDate': true, 'linkWithInput': true, 'leadingZero': true, 'twoDigitYear': false, 'separator': '/', 'format': 'd/m/y', 'openWith': null, 'alignX': 'right', 'alignY': 'inputTop', 'offset': { 'x': 0, 'y': 0 }, 'style': '', 'ieTransitionColor': '#ffffff', 'toggleDuration': 350, initialize: function(_element, _options) {
    if (_options) $extend(this, _options); this.element = $(_element); if (!this.element) throw 'No (existing) element to create a datepicker for specified: new vlaDatePicker(ELEMENT, [options])'; if (this.separateInput) { this.element.day = this.element.getElement('input[name=' + this.separateInput.day + ']'); this.element.month = this.element.getElement('input[name=' + this.separateInput.month + ']'); this.element.year = this.element.getElement('input[name=' + this.separateInput.year + ']'); }
    this.picker = new Element('div', { 'class': 'vlaCalendarPicker' + (this.style != '' ? ' ' + this.style : '') }).injectTop($(document.body)); this.pickerContent = new Element('div', { 'class': 'pickerBackground' }).injectTop(this.picker); this.parent(this.pickerContent); var _class = this; (this.openWith ? $(this.openWith) : this.element).addEvent('focus', function() { _class.show(); }).addEvent('click', function() { _class.openWith ? _class.toggle() : _class.show() }).addEvent('change', function() { _class.hide(); }); document.addEvent('mousedown', function(e) { if (_class.outsideHide && _class.outsideClick(e, _class.picker)) _class.hide() }); if (this.linkWithInput) { if (this.separateInput) { this.element.day.addEvent('keyup', function() { _class.linkedUpdate() }); this.element.month.addEvent('keyup', function() { _class.linkedUpdate() }); this.element.year.addEvent('keyup', function() { _class.linkedUpdate() }); } else { this.element.addEvent('keyup', function() { _class.linkedUpdate() }); } }
    this.visible = false; this.outsideHide = false;
}, position: function() {
    var top, left; switch (this.alignX) {
        case 'left': left = this.element.getLeft(); break; case 'center': var pickerMiddle = this.pickerContent.getStyle('width').toInt() / 2; if (pickerMiddle == 0) pickerMiddle = 83; left = this.element.getLeft() + (this.element.getSize().x / 2) - pickerMiddle -
((parseInt(this.pickerContent.getStyle('padding-left')) + parseInt(this.pickerContent.getStyle('padding-right'))) / 2); break; case 'right': default: left = this.element.getLeft() + this.element.getSize().x; break;
    }
    switch (this.alignY) {
        case 'bottom': top = this.getPos(this.element).y + this.element.getSize().y; break; case 'top': top = this.getPos(this.element).y - parseInt(this.pickerContent.getStyle('height')) -
(parseInt(this.pickerContent.getStyle('padding-top')) + parseInt(this.pickerContent.getStyle('padding-bottom'))); break; case 'inputTop': default: top = this.getPos(this.element).y;
    }
    if (this.isNumber(this.offset.x)) left += this.offset.x; if (this.isNumber(this.offset.y)) top += this.offset.y; this.picker.setStyles({ 'top': top, 'left': left });
}, show: function() { this.position(); if (!this.visible) { this.visible = true; var _class = this; this.picker.setStyles({ 'opacity': 0, 'display': 'inline' }); if (Browser.Engine.trident5) this.picker.setStyle('background-color', this.ieTransitionColor); this.picker.set('tween', { onComplete: function() { if (Browser.Engine.trident5) _class.picker.setStyle('background-color', 'transparent'); _class.outsideHide = true; }, duration: this.toggleDuration }).fade('in'); } }, hide: function() { if (this.visible) { this.visible = false; var _class = this; if (Browser.Engine.trident5) this.picker.setStyle('background-color', this.ieTransitionColor); this.picker.set('tween', { onComplete: function() { _class.picker.setStyle('display', 'none'); _class.outsideHide = false; }, duration: this.toggleDuration }).fade('out'); } }, toggle: function() { if (this.visible) this.hide(); else this.show(); }, pick: function(_date) {

    if (this.leadingZero) { if (_date.day < 10) _date.day = '0' + _date.day; if (_date.month < 10) _date.month = '0' + _date.month; }
    if (this.twoDigitYear) _date.year = _date.year.toString().substring(2, 4); if (this.separateInput) { if (this.element.day) this.element.day.set('value', _date.day); if (this.element.month) this.element.month.set('value', _date.month); if (this.element.year) this.element.year.set('value', _date.year); this.hide(); } else {
        switch (this.format) { case "m/d/y": this.element.set('value', _date.month + this.separator + _date.day + this.separator + _date.year); break; case "y/m/d": this.element.set('value', _date.year + this.separator + _date.month + this.separator + _date.day); break; case "y/d/m": this.element.set('value', _date.year + this.separator + _date.day + this.separator + _date.month); break; case "d/m/y": default: this.element.set('value', _date.day + this.separator + _date.month + this.separator + _date.year); }
        this.hide();
    }
    Reservations.SetBoneFishing();
    
}, getInputDate: function(_date) {
    var day, month, year; if (_date) { day = _date.day; month = _date.month; year = _date.year; } else if (this.separateInput) { day = this.element.day.get('value').toInt(); month = this.element.month.get('value').toInt(); year = this.element.year.get('value').toInt(); } else { var date = this.element.get('value').split(this.separator); if (date.length != 3) return null; switch (this.format) { case "m/d/y": day = date[1]; month = date[0]; year = date[2]; break; case "y/m/d": day = date[2]; month = date[1]; year = date[0]; break; case "y/d/m": day = date[1]; month = date[2]; year = date[0]; break; case "d/m/y": default: day = date[0]; month = date[1]; year = date[2]; } }
    if (!this.isNumber(day) || !this.isNumber(month) || !this.isNumber(year) || day == 0 || month == 0 || year == '0' || (this.twoDigitYear && year > 99) || (!this.twoDigitYear && year < 1979) || (!this.twoDigitYear && year > 2030) || month > 12 || day > 31) return null; if (this.twoDigitYear && this.isNumber(year) && year < 100) { year = year.toInt(); if (year < 10) year = '200' + year; else if (year < 70) year = '20' + year; else if (year > 69) year = '19' + year; else year = new Date().getFullYear(); }
    return day + '/' + month + '/' + year;
}, linkedUpdate: function() { var _class = this; var date = this.getInputDate(); if (date && this.pickedDate != date) { this.u('month', 'gotoPickedDate=1', function() { _class.fade(true) }); this.pickedDate = date; } }, outsideClick: function(_event, _element) { var mousePos = this.getMousePos(_event); var elementData = _element.getCoordinates(); return (mousePos.x > elementData.left && mousePos.x < (elementData.left + elementData.width)) && (mousePos.y > elementData.top && mousePos.y < (elementData.top + elementData.height)) ? false : true; }, getMousePos: function(_event) { if (document.all) { return { 'x': window.event.clientX + window.getScrollLeft(), 'y': window.event.clientY + window.getScrollTop() }; } else { return { 'x': _event.page['x'], 'y': _event.page['y'] }; } }, isNumber: function(_number) { if (_number == '') return false; return (_number >= 0) || (_number < 0) ? true : false; }, getPos: function(_element) {
    var x, y = 0; if (_element.offsetParent) { do { x += _element.offsetLeft; y += _element.offsetTop; } while (_element = _element.offsetParent); } else if (_element.x) { x += _element.x; y += _element.y; }
    return { 'x': x, 'y': y };
}
});

Date.implement({ getWeek: function() { var oneJan = new Date(this.getFullYear(), 0, 1); return Math.ceil((((this - oneJan) / 86400000) + oneJan.getDay()) / 7); }, getTs: function() { return parseInt((this.getTime() / 1000)); }, getMonthNo: function() { return (this.getMonth() + 1); } });vlaCalendar.implement({ 'weekDayLabels': ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'], 'monthLabels': ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], 'monthSmallLabels': ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], u: function(_url, _pars, _onComplete, _id) { if (!this.loading && !this.transitioning) { this.loading = true; var _class = this; var element = $(_id ? _id : this.tempLoader); _pars += '&defaultView=' + _url; _pars += '&picker=' + (this.picker ? 1 : 0) + '&startMonday=' + (this.startMonday ? 1 : 0) + '&style=' + this.style; if (this.picker && this.getInputDate()) _pars += '&pickedDate=' + this.getInputDate(); element.set('html', this.getHTML(_pars)); _onComplete(); this.loading = false; } }, getHTML: function(args) {
    var pars = {}; vars = args.split('&').each(function(e) { param = e.split('='); if (!pars[param[0]]) pars[param[0]] = param[1]; }); pars.startMonday = pars.startMonday.toInt(); pars.picker = pars.picker.toInt(); if (pars.gotoPickedDate) pars.gotoPickedDate = pars.gotoPickedDate.toInt(); var pickedDate = null; if ($defined(pars.pickedDate)) { if (pars.pickedDate == 't') { pickedDate = this.mkdate(); this.setDate(pickedDate); } else { match = pars.pickedDate.split('/'); if (match != null) { if (match.length > 0) { pickedDate = this.mkdate(match[2], match[1] - 1, match[0]); if (pickedDate.getMonthNo() != match[1]) { pickedDate = this.mkdate(match[2], match[1] - 1, this.daysInMonth(match[2], match[1] - 1)); this.setDate(pickedDate); } } } } }
    if (pickedDate == null) pickedDate = this.mkdate(); if ($defined(pars.ts)) { var date = new Date(); date.setTime(parseInt(pars.ts) * 1000); ts = date.getTs(); } else { ts = this.mktime(pickedDate.getFullYear(), pickedDate.getMonth(), 1); } pars.ts = ts; pars['pickedDate'] = pickedDate; if (pars.defaultView == 'decade') var picker = this.getDecadeHTML(pars); else if (pars.defaultView == 'year') var picker = this.getYearHTML(pars); else var picker = this.getMonthHTML(pars); if (!$defined(this.createContainer)) { this.createContainer = false; div = '<div class="vlaCalendar' + ($defined(args.style) ? ' ' + args.style : '') + '">'; div += '<span class="indication"><div class="arrowRight"></div><div class="arrowLeft"></div>'; div += '<span class="label" date="'; div += "{'day': '" + pickedDate.getDate() + "', 'month': '" + pickedDate.getMonthNo() + "'"; div += ", 'year': '" + pickedDate.getFullYear() + '\'}">&nbsp;'; div += '</span>'; div += '</span>'; div += '<div class="container">'; div += '<div class="loaderB"></div>'; div += '<div class="loaderA">' + picker + '</div>'; div += '</div>'; div += '</div>'; return div; } else return picker;
}, getMonthHTML: function(args) {
    var ts = this.ts2date(args.ts); var ts_year = ts.getFullYear(); var ts_month = ts.getMonth(); var ts_month_name = this.monthLabels[ts_month]; var ts_nrodays = this.daysInMonth(ts.getFullYear(), ts.getMonth()); var pr_date = this.mkdate(ts_year, ts_month - 1, 1); var nx_date = this.mkdate(ts_year, ts_month + 1, 1); var wdays_counter = ts.getDay() - (args.startMonday ? 1 : 0); if (wdays_counter == -1) wdays_counter = 6; ts = ts.getTs(); var t = '<table class="month' + (args.picker ? ' picker' : '') + '" cellpadding="0" summary="{'; t += "'ts': '" + ts + "', 'pr_ts': '" + pr_date.getTs() + "', 'nx_ts': '" + nx_date.getTs() + "', 'label': '" + ts_month_name + ", " + ts_year + "'"; t += ", 'current': 'month', 'parent': 'year'"; t += '}">'; t += '<tr>'; if (args.startMonday) { var last_day = 6; } else { t += '<th>' + this.weekDayLabels[6] + '</th>'; var last_day = 5; }
    for (i = 0; i <= last_day; i++) { t += '<th>' + this.weekDayLabels[i] + '</th>'; } t += '</tr>'; t += '<tr class="firstRow">'; var row = 0; for (i = 0; i < wdays_counter; i++) { last_day = this.daysInMonth(pr_date.getFullYear(), pr_date.getMonth()); var day = last_day - (wdays_counter - i) + 1; i_date = this.mkdate(ts_year, ts_month - 1, day, ts_year); t += '<td class="outsideDay" date="' + "{"; t += "'day': '" + day + "', 'month': '" + i_date.getMonthNo() + "', 'year': '" + i_date.getFullYear() + "'}"; t += '">' + day + '</td>'; }
    var pd_ts = args.pickedDate.getTs(); for (i = 1; i <= ts_nrodays; i++) {
        i_date = this.mkdate(ts_year, ts_month, i); i_ts = i_date.getTs(); t += '<td' + (i_ts == pd_ts ? ' class="selected"' : ''); t += ' ' + "date=\"{'day': '" + i + "', 'month': '" + i_date.getMonthNo() + "', 'year': '" + ts_year + "'}\">"; t += i; t += '</td>'; if (wdays_counter == 6) { week_num = i_date.getWeek() + 1; t += "</tr><tr>"; wdays_counter = -1; row++; }
        wdays_counter++;
    } var a = 1; if (wdays_counter !== 0) {
        for (i = wdays_counter; i < 7; i++) { i_date = this.mkdate(ts_year, ts_month + 1, a); i_ts = i_date.getTs(); t += '<td class="outsideDay" date="' + "{'day': '" + a + "', 'month': '" + i_date.getMonthNo() + "', 'year': '" + i_date.getFullYear() + "'}" + '">' + a + '</td>'; a++; }
        row++;
    } if (row == 4 || row == 5) { if (wdays_counter !== 0) { t += "</tr><tr>"; } for (i = 0; i < (row == 5 ? 7 : 14); i++) { i_date = this.mkdate(ts_year, ts_month + 1, a); t += '<td class="outsideDay" date="' + "{'day': '" + a + "', 'month': '" + i_date.getMonthNo() + "', 'year': '" + i_date.getFullYear() + "'}" + '">' + a + '</td>'; a++; if (i == 6) { t += "</tr><tr>"; } } }
    t += '</tr>'; t += '</table>'; return t;
}, getYearHTML: function(args) {
    var ts = this.ts2date(args.ts); if (args.parent == 'month') var m_ts = this.mktime(ts.getFullYear(), ts.getMonth(), 1); else var m_ts = ''; var pickedDate = args.pickedDate; var ts_year = ts.getFullYear(); var pr_ts = this.mktime(ts_year - 1, 0, 1); var nx_ts = this.mktime(ts_year + 1, 0, 1); ts = ts.getTs(); var t = '<table class="year" cellpadding="0" summary="'; t += "{'ts': '" + ts + "', 'pr_ts': '" + pr_ts + "', 'nx_ts': '" + nx_ts + "', 'label': '"; t += ts_year + "', 'current': 'year', 'parent': 'decade'"; t += '}">'; var m = 0; for (i = 0; i < 3; i++) {
        t += "<tr>"; for (y = 0; y < 4; y++) { i_date = this.mkdate(ts_year, m, 1); i_ts = i_date.getTs(); var current = (pickedDate.getMonthNo() == i_date.getMonthNo() && pickedDate.getFullYear() == i_date.getFullYear()); t += '<td ts="' + i_ts + '" class="' + (m_ts == i_ts ? 'selected' : '') + (current ? 'current' : '') + '">' + this.monthSmallLabels[i_date.getMonth()] + '</td>'; m++; }
        t += "</tr>";
    } t += '</table>'; return t;
}, getDecadeHTML: function(args) {
    var ts = this.ts2date(args.ts); var ts_year = parseInt(ts.getFullYear()); var decade = [ts_year - 5, ts_year + 5]; var y_ts = this.mktime(ts.getFullYear(), 0, 1); var m_ts = args.m_ts; var pr_ts = this.mktime(ts_year - 12, 0, 1); var nx_ts = this.mktime(ts_year + 12, 0, 1); var t = '<table class="year" cellpadding="0" summary="{'; t += "'ts': '" + ts.getTs() + "', 'pr_ts': '" + pr_ts + "', 'nx_ts': '" + nx_ts + "', 'label': '"; t += (decade[0]) + ' - ' + (decade[1] + 1) + "', 'current': 'decade'"; t += '}">'; var year = decade[0]; for (i = 0; i < 3; i++) {
        t += "<tr>"; for (y = 0; y < 4; y++) { i_ts = this.mktime(year, 0, 1); i_date = this.mkdate(year, 0, 1); t += '<td ts="' + i_ts + '" m_ts="' + m_ts + '" class="' + (args.parent && y_ts == i_ts ? 'selected' : '') + (args.pickedDate.getFullYear() == i_date.getFullYear() ? 'current' : '') + '">' + year + '</td>'; year++; }
        t += "</tr>";
    } t += '</table>'; return t;
}, setDate: function(jsdate) { this.pick({ day: jsdate.getDate(), month: jsdate.getMonthNo(), year: jsdate.getFullYear() }); }, daysInMonth: function(iYear, iMonth) { return 32 - new Date(iYear, iMonth, 32).getDate(); }, mkdate: function(year, month, day) { var date = new Date(); if ($defined(year)) date.setYear(year); if ($defined(month)) date.setMonth(month); if ($defined(day)) date.setDate(day); date.setHours(0); date.setMinutes(0); date.setSeconds(0); date.setMilliseconds(0); return date; }, ts2date: function(ts) { var date = new Date(); date.setTime(parseInt(ts) * 1000); return date; }, mktime: function(year, month, day) { var date = this.mkdate(year, month, day); return date.getTs(); }
});


var Reservations = {
    Setup: function() {

        Reservations.Scroller = new Fx.Scroll($$('.text')[0]);
        Reservations.FromDate = new vlaDatePicker('from',
        { openWith: 'togglePicker', offset: { y: -2, x: 2 },
            separateInput: { day: 'fromDay', month: 'fromMonth',
                year: 'fromYear'
            }
        });


        Reservations.ToDate = new vlaDatePicker('to',
        { openWith: 'togglePicker2', offset: { y: -2, x: 2 },
            separateInput: { day: 'toDay', month: 'toMonth',
                year: 'toYear'
            }
        });




        $('availform').addEvent('submit', function(x) {
            x.stop();
            var post = { 'RoomType_ID': $('accomType').value,
                'FromDay': $('fromDay').value, 'FromMonth': $('fromMonth').value, 'FromYear': $('fromYear').value,
                'ToDay': $('toDay').value, 'ToMonth': $('toMonth').value, 'ToYear': $('toYear').value,
                'NumGuests': $('numGuests').value,
                'BoneFishing': $('boneFishing').checked,
                'Guest1BoneFishing': $('boneFishing').checked ? $('boneFishingDaysGuest1').value : 0,
                'Guest2BoneFishing': $('boneFishing').checked ? $('boneFishingDaysGuest2').value : 0
            };


            var ra = new Request.JSON({ url: 'reservationDo.aspx?a=1', onSuccess: Reservations.ShowAvailability, onFailure: Reservations.AvailabilityFailed });
            ra.send("json=" + escape(JSON.encode(post)));

        });

        $('boneFishing').addEvent('click', Reservations.SetBoneFishing);
        $$('#numGuests,#fromDay,#fromMonth,#fromYear,#toDay,#toMonth,#toYear').addEvent('change', Reservations.SetBoneFishing);



        $('back1').addEvent('click', function(x) {
            $('checkavailability').fade(1);
            $('availability').fade(0);
            Reservations.Scroller.toTop();
        });

        $('back2').addEvent('click', function(x) {

            $('availability').fade(1);
            $('booking').fade(0);
            Reservations.Scroller.toTop();
        });

        $('makebooking').addEvent('click', Reservations.MakeBooking);
    },
    SetBoneFishing: function(x) {
        var fD = new Date();
        fD.setTime(0);
        fD.setFullYear($('fromYear').value, ($('fromMonth').value * 1 - 1), $('fromDay').value);

        var tD = new Date();
        tD.setTime(0);
        tD.setFullYear($('toYear').value, ($('toMonth').value * 1 - 1), $('toDay').value);

        if (tD < fD) {
            tD = fD;
            $('toYear').value = tD.getFullYear();
            $('toMonth').value = tD.getMonth() + 1;
            $('toDay').value = tD.getDate();
            if (Reservations.ToDate != null)
                Reservations.ToDate.linkedUpdate();
        }
        var one_day = 1000 * 60 * 60 * 24
        var numDays = Math.ceil((tD.getTime() - fD.getTime()) / one_day);
        //$('info').set('html', (fD + ' - ' + tD + ' - ' + numDays));
        if (numDays < 2) {
            $('checkAvail').disabled = true;
        }
        else {
            $('checkAvail').disabled = false;
        }

        if ($('boneFishing').checked) {
            if ($('numGuests').value * 1 == 2) {
                $('fishDays2').removeClass('hidden');
            }
            else {
                $('fishDays2').addClass('hidden');
            }
            $('fishDays1').removeClass('hidden');

            var fishDays = numDays - 1;
            $('boneFishingDaysGuest1').empty();
            $('boneFishingDaysGuest2').empty();



            for (var i = fishDays; i >= 1; i--) {
                var el = new Element('option');
                el.set('value', i);
                el.set('html', i);
                el.inject($('boneFishingDaysGuest1'));
                el = new Element('option');
                el.set('value', i);
                el.set('html', i);
                el.inject($('boneFishingDaysGuest2'));
            }

            el = new Element('option');
            el.set('value', 0);
            el.set('html', 0);
            el.inject($('boneFishingDaysGuest2'));
        }
        else {
            $('fishDays1').addClass('hidden');
            $('fishDays2').addClass('hidden');
        }

    },
    ShowAvailability: function(x) {

        $('checkavailability').fade(0);
        $('availability').setOpacity(0).removeClass('hidden').fade(1);

        if (x.Error) {
            Reservations.ShowError(x.StatusText);
        }
        else {
            $('errors').addClass('hidden');
            $('availability_results').removeClass('hidden');
            $('availability_details').empty();
            $('numnightsummary').set('html', x.NumNights);
            $('accomtypesummary').set('html', $('accomType').options[$('accomType').selectedIndex].text);
            $('datestartsummary').set('html', $('fromDay').value + '/' + $('fromMonth').value + '/' + $('fromYear').value);
            $('dateendsummary').set('html', $('toDay').value + '/' + $('toMonth').value + '/' + $('toYear').value);
            if ($('boneFishing').checked) {
                $('incbonefishsummary').removeClass('hidden');
                $('numdays1').set('html', $('boneFishingDaysGuest1').value + " day" + ($('boneFishingDaysGuest1').value * 1 > 1 ? "s" : ""));
                if ($('boneFishingDaysGuest2').value * 1 > 0 && $('numGuests').value * 1 > 1) {
                    $('extrabonefishing').removeClass('hidden');
                    $('numdays2').set('html', $('boneFishingDaysGuest2').value + " day" + ($('boneFishingDaysGuest2').value * 1 > 1 ? "s" : ""));
                }
                else {
                    $('extrabonefishing').addClass('hidden');
                }
            }
            else {
                $('incbonefishsummary').addClass('hidden');
            }

            $('numguestsummary').set('html', $('numGuests').value + ' guest' + ($('numGuests').value * 1 > 1 ? 's' : ''));

            if (x.Available) {
                var form = new Element('form', { 'method': 'post' });
                form.inject('availability_details');

                var el = new Element('h2');
                el.inject(form);
                el.set('html', x.RoomTypeName + ' - $ ' + (x.RoomQuote == 0 ? ' please call for prices' : x.FormattedQuote + ' '));
                if (x.RoomQuote > 0) {
                    form.set('action', x.URL);

                    var el2 = new Element('input', { 'type': 'submit', 'value': 'Book Now' });
                    el2.inject(el);

                    var quote = new Element('input', { 'type': 'hidden', 'name': 'quote' });
                    quote.inject(form);
                    quote.set('value', JSON.encode(x));

                }
            }


            Reservations.CurrentQuote = x;
        }

    },
    AvailabilityFailed: function(x) {
        alert(x);
    },
    BookRoom: function(x) {
        $('booking').setOpacity(0).removeClass('hidden').fade(1);
        $('availability').fade(0);
        Reservations.ToBook = x.target.retrieve('quote');
    },
    MakeBooking: function(x) {
        var err = false;
        // check entered fields
        if ($('firstname').value.length == 0) {
            err = true;
            $('firstname').addClass('error');
        }
        else {
            $('firstname').removeClass('error');
        }

        if ($('lastname').value.length == 0) {
            err = true;
            $('lastname').addClass('error');
        }
        else {
            $('lastname').removeClass('error');
        }

        if ($('email').value.length == 0) {
            err = true;
            $('email').addClass('error');
        }
        else {
            $('email').removeClass('error');
        }

        if ($('address1').value.length == 0) {
            err = true;
            $('address1').addClass('error');
        }
        else {
            $('address1').removeClass('error');
        }

        if ($('city').value.length == 0) {
            err = true;
            $('city').addClass('error');
        }
        else {
            $('city').removeClass('error');
        }


        if (!$('terms').checked) {
            err = true;
            $('termsRow').addClass('error');
        }
        else {
            $('termsRow').removeClass('error');
        }


        if (!err) {
            var post = {
                'Title': $('title').value,
                'Firstname': $('firstname').value,
                'Lastname': $('lastname').value,
                'Email': $('email').value,
                'Phone': $('telephone').value,
                'Address1': $('address1').value,
                'Address2': $('address2').value,
                'City': $('city').value,
                'ZIP': $('zip').value,
                'Country': $('country').value,
                'Comments': $('comments').value,
                'Contact': $('contact').checked,
                'Terms': $('terms').checked,
                'RoomType_ID': Reservations.ToBook.RoomType_ID,
                'RoomQuote': Reservations.ToBook.RoomQuote,
                'NumNights': Reservations.CurrentQuote.NumNights,
                'FromDay': $('fromDay').value, 'FromMonth': $('fromMonth').value, 'FromYear': $('fromYear').value,
                'ToDay': $('toDay').value, 'ToMonth': $('toMonth').value, 'ToYear': $('toYear').value,
                'NumGuests': $('numGuests').value,
                'BoneFishing': $('boneFishing').checked,
                'Guest1BoneFishing': $('boneFishing').checked ? $('boneFishingDaysGuest1').value : 0,
                'Guest2BoneFishing': $('boneFishing').checked ? $('boneFishingDaysGuest2').value : 0
            };

            var ra = new Request.JSON({ url: 'reservationDo.aspx?a=2', onSuccess: Reservations.ConfirmBooking, onFailure: Reservations.AvailabilityFailed });
            ra.send("json=" + escape(JSON.encode(post)));
        }
        else {
            Reservations.Scroller.toTop();
            alert('Please make sure you fill in the highlighted fields');
        }
    },
    ShowError: function(message) {
        $('errors').removeClass('hidden');
        $('availability_results').addClass('hidden');
        $('errors').empty();
        var p = new Element('p');
        p.inject('errors');
        p.set('html', message);
        Reservations.Scroller.toTop();
    },
    ConfirmBooking: function(x) {

        if (x.Error) {
            if (x.InvalidEntries == null || x.InvalidEntries.length == 0) {
                $('availability').fade(1);
                $('booking').fade(0);
                Reservations.ShowError(x.StatusText);

            }
            else {
                $$('.rates input').removeClass('error');

                x.InvalidEntries.each(function(y) {
                    if ($(y) != null)
                        $(y).addClass('error');
                });

                alert(x.StatusText);
                Reservations.Scroller.toTop();
            }

        }
        else {
            // booking succeesful/saved - wait here to redirect to payment page later
            $('booking').fade(0);
            $('thanks').setOpacity(0).removeClass('hidden').fade(1);
            $('bookingref').set('html', x.BookingReference);
            Reservations.Scroller.toTop();
        }
    }
} 

window.addEvent('domready', function() { Reservations.Setup() });