{"id":3394,"date":"2024-10-15T07:22:37","date_gmt":"2024-10-15T07:22:37","guid":{"rendered":"https:\/\/www.kassiopeia.fi\/hotel-matts\/?page_id=3394"},"modified":"2026-04-01T05:59:17","modified_gmt":"2026-04-01T05:59:17","slug":"rooms","status":"publish","type":"page","link":"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/rooms\/","title":{"rendered":"Rooms"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull is-light cover-hero wp-duotone-unset-1\" style=\"margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;min-height:30vw;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"1403\" class=\"wp-block-cover__image-background wp-image-2508\" alt=\"Hotel Matts' Standard room.\" src=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotelmatts_standard_stailattu-2-lakanavalkaistu-2000px.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotelmatts_standard_stailattu-2-lakanavalkaistu-2000px.jpg 2000w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotelmatts_standard_stailattu-2-lakanavalkaistu-2000px-300x210.jpg 300w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotelmatts_standard_stailattu-2-lakanavalkaistu-2000px-1024x718.jpg 1024w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotelmatts_standard_stailattu-2-lakanavalkaistu-2000px-768x539.jpg 768w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotelmatts_standard_stailattu-2-lakanavalkaistu-2000px-1536x1078.jpg 1536w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-container-core-cover-is-layout-6e17fc20 wp-block-cover-is-layout-flow\">\n<h1 class=\"wp-block-heading has-text-align-center\" id=\"h-\" style=\"font-size:70px\"><\/h1>\n\n\n\n<p><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group hiddenx is-layout-constrained wp-container-core-group-is-layout-72190d31 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"mews-booking-engine2-bg\" onclick=\"mewsCalendar.clickMewsCloseCalendar()\"><\/div>\n\n<div class=\"mews-booking-engine2-hero\" style=\"background-image: url('https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/lahjakortti_tausta.jpg');\">\n\t<div class=\"mews-booking-panel\">\n        <div class=\"mews-calendar-item\">\n            <div class=\"mews-calendar-label\">\n                <img decoding=\"async\" src=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2025\/11\/varauskalenteri_matts.svg\">\n                <div>Book accommodation:<\/div>            <\/div>\n            <div class=\"mews-calendar-input\">\n                <!--<input type=\"text\" id=\"mews-calendar-start\" disabled value=\"21.10.2025\"\/>-->\n                <div class=\"mews-calendar-input-field\" id=\"mews-calendar-start\" onclick=\"mewsCalendar.clickMewsOpenCalendar()\">\n                    <div class=\"mews-date-label\"><span id=\"mews-date-label-start\"><\/span> &#8211; <span id=\"mews-date-label-end\"><\/span><\/div>\n                    <div class=\"grid\">\n                        <div class=\"cell\"><\/div><div class=\"cell\"><\/div><div class=\"cell\"><\/div>\n                        <div class=\"cell\"><\/div><div class=\"cell\"><\/div><div class=\"cell\"><\/div>\n                        <div class=\"cell\"><\/div><div class=\"cell\"><\/div><div class=\"cell\"><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"mews-calendar-widget-container\">\n    <div id=\"mews-calendar-widget\">\n        <div class=\"mews-calendar-widget-close\" id=\"mews-calendar-close\" onclick=\"mewsCalendar.clickMewsCloseCalendar()\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"65\" height=\"65\" role=\"img\" aria-label=\"Close\">\n                <circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"none\"\/>\n                <path d=\"M8.5 8.5L15.5 15.5M15.5 8.5L8.5 15.5\" stroke=\"currentColor\" stroke-width=\"1.0\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n            <\/svg>\n        <\/div>\n        <div class=\"mcw-inner\">\n            <div class=\"mcw-table-container\">\n                <div class=\"mcw-table mcw-table-l\">\n                    <div class=\"calendar-arrow calendar-arrow-l\" onclick=\"mewsCalendar.clickArrow(1)\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\" focusable=\"false\">\n                            <path d=\"M15 5l-7 7 7 7\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"calendar-title\" id=\"calendar-title-1\"><\/div>\n                    <div id=\"calendar-weekdays1\"><\/div>\n                    <div class=\"calendar-days\" id=\"calendar-days1\"><\/div>\n                <\/div>\n                <div class=\"mcw-table mcw-table-r\">\n                    <div class=\"calendar-arrow calendar-arrow-r\" onclick=\"mewsCalendar.clickArrow(2)\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" aria-hidden=\"true\" focusable=\"false\">\n                            <path d=\"M9 5l7 7-7 7\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"calendar-title\" id=\"calendar-title-2\"><\/div>\n                    <div id=\"calendar-weekdays2\"><\/div>\n                    <div class=\"calendar-days\" id=\"calendar-days2\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"mcw-button\">\n                <button class=\"btn-secondary\" id=\"mews-submit-button-calendar-desktop\" onclick=\"mewsCalendar.clickMewsCloseCalendar()\">\n                    Select dates                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>                <div class=\"mews-calendar-widget-container-mobile\">\n    <div id=\"mews-calendar-widget-mobile\">\n        <div class=\"mcw-top\">\n            <div>\n                Date            <\/div>\n            <div class=\"mews-calendar-widget-close\" onclick=\"mewsCalendar.clickMewsCloseCalendar()\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"50\" height=\"50\" role=\"img\" aria-label=\"Close\">\n                    <circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"none\"\/>\n                    <path d=\"M8.5 8.5L15.5 15.5M15.5 8.5L8.5 15.5\" stroke=\"currentColor\" stroke-width=\"1.0\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n                <\/svg>\n            <\/div>\n        <\/div>\n        <div class=\"mcw-content\" id=\"mcw-content-mobile\"><\/div>\n        <div class=\"mcw-bottom\">\n            <button class=\"btn-secondary\" id=\"mews-submit-button-calendar-mobile\" onclick=\"mewsCalendar.clickMewsCloseCalendar()\">\n                Select dates            <\/button>\n        <\/div>\n    <\/div>\n<\/div>            <\/div>\n        <\/div>\n        <input type=\"hidden\" id=\"mews-selected-start-year\" value=\"\">\n        <input type=\"hidden\" id=\"mews-selected-start-month\" value=\"\">\n        <input type=\"hidden\" id=\"mews-selected-start-day\" value=\"\">\n        <input type=\"hidden\" id=\"mews-selected-end-year\" value=\"\">\n        <input type=\"hidden\" id=\"mews-selected-end-month\" value=\"\">\n        <input type=\"hidden\" id=\"mews-selected-end-day\" value=\"\">\n        <button class=\"distributor-open\" id=\"mews-submit-button\">&#8230;<\/button>\n        <div id=\"mews-test\"><\/div>\n    <\/div>\n    <div>\n        \n<p class=\"has-small-font-size\">Why book directly from us? <a href=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/why-book-directly\/\">See all benefits \u2192<\/a><\/p>\n    <\/div>\n<\/div>\n\n<script>\n\n    class MewsCalendar {\n        constructor() {\n            this.now = new Date(); \/\/Production\n            \/\/this.now = new Date('2027-12-28T10:00:00'); \/\/Testing\n            this.dayNow = this.now.getDate();\n            this.monthNow = this.now.getMonth() + 1;\n            this.yearNow = this.now.getFullYear();\n            this.monthNext = this.now.getMonth() + 2;\n            this.yearNext = this.now.getFullYear();\n            if (this.monthNow == 12) this.yearNext++;\n            this.monthNowSelected = this.monthNow;\n            this.yearNowSelected = this.yearNow;\n            this.monthNextSelected = this.monthNext;\n            this.yearNextSelected = this.yearNext;\n            if (this.monthNextSelected <= 0) this.monthNextSelected = 12;\n            if (this.monthNextSelected > 12) this.monthNextSelected = 1;\n            this.weekdayNames = ['mon', 'tue', 'wed', 'thu', 'fri', 'sat', 'sun'];this.monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];            this.generateCalendar(1);\n            this.generateCalendar(2);\n            this.generateMonthDays(1, this.monthNowSelected, this.yearNowSelected);\n            this.generateMonthDays(2, this.monthNextSelected, this.yearNextSelected);\n            let tomorrow = new Date();\n            tomorrow.setDate(tomorrow.getDate() + 1);\n            this.setDateLabels(this.dateToString(this.now), this.dateToString(tomorrow));\n            this.arrayDates = [];\n            this.arrayDatesSorted = [];\n            this.clickDayCount = 0;\n        }\n\n        setDateLabels(start, end) {\n            jQuery('#mews-date-label-start').html(start);\n            jQuery('#mews-date-label-end').html(end);\n        }\n\n        clickMewsOpenCalendar() {\n            jQuery('.mews-booking-engine2-bg').fadeIn(50);\n            jQuery('#mews-calendar-widget').fadeIn(50);\n            jQuery('#mews-calendar-widget-mobile').fadeIn(50);\n        }\n\n        clickMewsCloseCalendar() {\n\t\t\tjQuery('.mews-booking-engine2-bg').fadeOut(50);\n            jQuery('#mews-calendar-widget').fadeOut(50);\n            jQuery('#mews-calendar-widget-mobile').fadeOut(50);\n        }\n\n        generateCalendar(id) {\n            this.generateWeekdays(id);\n            let html = '';\n            for (let y=0; y<6; y++) {\n                html += '<div class=\"row\">';\n                    for (let x=0; x<7; x++) {\n                        let day = y*7+x+1;\n                        html += '<div class=\"day-square day-square-' + id + '\" id=\"' + id + '-day-' + day + '\" data-day=\"0\" onclick=\"mewsCalendar.clickDay(this)\">';\n                        html += '<div class=\"day-square-inner\">';\n                        html += '<div class=\"day-square-circle\"><\/div>';\n                        html += '<\/div>';\n                        html += '<\/div>';\n                    }\n                html += '<\/div>';\n            }\n            jQuery('#calendar-days' + id).html(html);\n        }\n\n        generateWeekdays(id) {\n            let html = '<div class=\"calendar-weekdays\">';\n            html += '<div>' + this.weekdayNames[0] + '<\/div>';\n            html += '<div>' + this.weekdayNames[1] + '<\/div>';\n            html += '<div>' + this.weekdayNames[2] + '<\/div>';\n            html += '<div>' + this.weekdayNames[3] + '<\/div>';\n            html += '<div>' + this.weekdayNames[4] + '<\/div>';\n            html += '<div>' + this.weekdayNames[5] + '<\/div>';\n            html += '<div>' + this.weekdayNames[6] + '<\/div>';\n            html += '<\/div>';\n            jQuery('#calendar-weekdays' + id).html(html);\n        }\n\n        clickArrow(dir) {\n            if (dir == 1) {\n                if (this.monthNow == this.monthNowSelected && this.yearNow == this.yearNowSelected) {\n                    \/\/Do nothing\n                } else {\n                    this.monthNowSelected--;\n                    if (this.monthNowSelected <= 0) {\n                        this.monthNowSelected = 12;\n                        this.yearNowSelected--;\n                    }\n                    this.monthNextSelected--;\n                    if (this.monthNextSelected <= 0) {\n                        this.monthNextSelected = 12;\n                        this.yearNextSelected--;\n                    }\n                }\n            }\n            if (dir == 2) {\n                this.monthNowSelected++;\n                if (this.monthNowSelected > 12) {\n                    this.monthNowSelected = 1;\n                    this.yearNowSelected++;\n                }\n                this.monthNextSelected++;\n                if (this.monthNextSelected > 12) {\n                    this.monthNextSelected = 1;\n                    this.yearNextSelected++;\n                }\n            }\n            this.generateCalendar(1);\n            this.generateCalendar(2);\n            this.generateMonthDays(1, this.monthNowSelected, this.yearNowSelected);\n            this.generateMonthDays(2, this.monthNextSelected, this.yearNextSelected);\n            this.markSelectedDates();\n        }\n\n        generateMonthDays(id, month, year) {\n            \/\/console.log('generateMonthDays', id, month, year);\n            const firstDay = new Date(year, month-1, 1);\n            const firstDayId = (firstDay.getDay() + 6) % 7 + 1;\n            const daysInMonth = new Date(year, month, 0).getDate();\n            let html = '';\n            \/\/jQuery('.day-square-' + id).html('');\n            jQuery('.day-square-' + id).data('day', 0);\n            jQuery('.day-square-' + id).removeClass('disabled');\n            jQuery('.day-square-' + id).removeClass('current');\n            for (let i=firstDayId; i<daysInMonth+firstDayId; i++) {\n                const day = i-firstDayId+1;\n                const dateStr = day + '.' + month + '.' + year;\n                \/\/console.log(dateStr);\n                \/\/jQuery('#' + id + '-day-' + i).html(day);\n                jQuery('#' + id + '-day-' + i + ' .day-square-circle').html(day);\n                jQuery('#' + id + '-day-' + i).data('day', day + '.' + month + '.' + year);\n                if (this.stringToDate(dateStr) < this.now) {\n                    jQuery('#' + id + '-day-' + i).addClass('disabled');\n                    \/\/console.log('disabled', this.now);\n                }\n                if (dateStr == this.dateToString(this.now)) jQuery('#' + id + '-day-' + i).addClass('current');\n            }\n            const monthName = this.monthNames[month-1];\n            jQuery('#calendar-title-' + id).html(monthName + ' ' + year);\n            this.removeEmptyRows(id);\n        }\n\n        removeEmptyRows(id) {\n            let count = 0;\n            let rowCount = 0;\n            let html = '';\n            jQuery('.day-square-' + id).each(function() {\n                count++;\n                html += jQuery(this).html();\n                if (count % 7 == 0) {\n                    rowCount++;\n                    if (html == '') {\n                        const first = (rowCount-1)*7+1;\n                        for (let i=first; i<first+7; i++) {\n                            jQuery('#' + id + '-day-' + i).remove();\n                        }\n                    }\n                    html = '';\n                }\n            });\n        }\n\n        clickDay = (event) => {\n            const id = jQuery(event).attr('id');\n            const str = jQuery(event).data('day');\n            \/\/console.log(id, str);\n            if (this.arrayDates[0] != undefined && this.arrayDates[1] != undefined) {\n                this.arrayDates = [];\n                this.arrayDatesSorted = [...this.arrayDates].sort((a, b) => a - b);\n                this.markSelectedDates();\n            }\n            if (this.arrayDates[0] != undefined && this.arrayDates[1] == undefined) {\n                this.arrayDates[1] = this.stringToDate(str);\n                this.arrayDatesSorted = [...this.arrayDates].sort((a, b) => a - b);\n                this.markSelectedDates();\n            }\n            if (this.arrayDates[0] == undefined && this.arrayDates[1] == undefined) {\n                this.arrayDates[0] = this.stringToDate(str);\n                this.arrayDatesSorted = [...this.arrayDates].sort((a, b) => a - b);\n                this.markSelectedDates();\n            }\n        }\n\n        markSelectedDates() {\n            const date1 = this.arrayDatesSorted[0];\n            const date2 = this.arrayDatesSorted[1];\n            const str1 = this.dateToString(date1);\n            const str2 = this.dateToString(date2);\n            jQuery('.day-square-1').removeClass('selected');\n            jQuery('.day-square-1').removeClass('selected-strong1');\n            jQuery('.day-square-1').removeClass('selected-strong2');\n            jQuery('.day-square-2').removeClass('selected');\n            jQuery('.day-square-2').removeClass('selected-strong1');\n            jQuery('.day-square-2').removeClass('selected-strong2');\n            if (str1.length > 1) {\n                this.setDateLabels(str1, str2);\n                jQuery('.day-square-1').each(function() {\n                    const dataDay = jQuery(this).data('day');\n                    if (dataDay.length > 1) {\n                        const [day, month, year] = dataDay.split('.').map(Number);\n                        const dataDayDate = new Date(year, month - 1, day);\n                        if (dataDayDate > date1 && dataDayDate < date2) {\n                            jQuery(this).addClass('selected');\n                        }\n                        if (dataDay == str1) jQuery(this).addClass('selected-strong1');\n                        if (dataDay == str2) jQuery(this).addClass('selected-strong2');\n                    }\n                });\n                jQuery('.day-square-2').each(function() {\n                    const dataDay = jQuery(this).data('day');\n                    if (dataDay.length > 1) {\n                        const [day, month, year] = dataDay.split('.').map(Number);\n                        const dataDayDate = new Date(year, month - 1, day);\n                        if (dataDayDate > date1 && dataDayDate < date2) {\n                            jQuery(this).addClass('selected');\n                        }\n                        if (dataDay == str1) jQuery(this).addClass('selected-strong1');\n                        if (dataDay == str2) jQuery(this).addClass('selected-strong2');\n                    }\n                });\n            } else {\n                jQuery('.day-square-1').removeClass('selected');\n                jQuery('.day-square-2').removeClass('selected');\n            }\n            if (str1.length > 1 && str2.length > 1) {\n                jQuery('#mews-selected-start-year').val(date1.getFullYear());\n                jQuery('#mews-selected-start-month').val(date1.getMonth());\n                jQuery('#mews-selected-start-day').val(date1.getDate());\n                jQuery('#mews-selected-end-year').val(date2.getFullYear());\n                jQuery('#mews-selected-end-month').val(date2.getMonth());\n                jQuery('#mews-selected-end-day').val(date2.getDate());\n            }\n            \/* Testing:\n            let startYear = jQuery('#mews-selected-start-year').val();\n            let startMonth = jQuery('#mews-selected-start-month').val(); \/\/0-11\n            let startDay = jQuery('#mews-selected-start-day').val();\n            let endYear = jQuery('#mews-selected-end-year').val();\n            let endMonth = jQuery('#mews-selected-end-month').val(); \/\/0-11\n            let endDay = jQuery('#mews-selected-end-day').val();\n            console.log('mews start1', startYear, startMonth, startDay);\n            console.log('mews end1', endYear, endMonth, endDay);*\/\n        }\n\n        stringToDate(str) {\n            if (str.length > 1) {\n                const [day, month, year] = str.split('.').map(Number);\n                return new Date(year, month - 1, day);\n            }\n            return '';\n        }\n\n        dateToString(date) {\n            if (!date) return ''; \/\/ null\/undefined -> empty string\n            \/\/ If input is a string in dd.mm.yyyy (or d.m.yyyy) format, parse manually\n            if (typeof date === 'string' && \/^\\d{1,2}\\.\\d{1,2}\\.\\d{4}$\/.test(date.trim())) {\n                const [d, m, y] = date.trim().split('.').map(Number);\n                \/\/ basic validation\n                if (!d || !m || !y) return '';\n                const dt = new Date(y, m - 1, d);\n                if (Number.isNaN(dt.getTime())) return '';\n                date = dt;\n            } else {\n                \/\/ try to coerce other inputs (Date object, ISO string, timestamp)\n                date = new Date(date);\n                if (Number.isNaN(date.getTime())) return '';\n            }\n            \/\/const day = String(date.getDate()).padStart(2, '0');\n            const day = String(date.getDate());\n            const month = String(date.getMonth() + 1);\n            const year = date.getFullYear();\n            return `${day}.${month}.${year}`;\n        }\n    }\n    const mewsCalendar = new MewsCalendar();\n<\/script><script>\n    class MewsCalendarMobile {\n        constructor() {\n            this.now = new Date();\n            this.dayNow = this.now.getDate();\n            this.monthNow = this.now.getMonth() + 1;\n            this.yearNow = this.now.getFullYear();\n            this.monthNext = this.now.getMonth() + 2;\n            this.yearNext = this.now.getFullYear();\n            this.weekdayNames = ['mon', 'tue', 'wed', 'thu', 'fri', 'sat', 'sun'];this.monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];            this.arrayDates = [];\n            this.arrayDatesSorted = [];\n            this.generateAllCalendars();\n        }\n\n        generateAllCalendars() {\n            const date = new Date();\n            for (let i = 0; i < 13; i++) {\n                const year = date.getFullYear();\n                const month = date.getMonth() + 1; \/\/ getMonth() is 0-based\n                \/\/console.log(`${year}, ${month}`);\n                if (i < 12) {\n                    this.generateCalendar(i+1, year, month, false);\n                } else {\n                    this.generateCalendar(i+1, year, month, true);\n                }\n                this.generateMonthDays(i+1, year, month);\n                this.removeEmptyRows(i+1);\n                \/\/ Move to next month\n                date.setMonth(date.getMonth() + 1);\n            }\n        }\n\n        generateCalendar(id, year, month, addSpacer) {\n            let html = '';\n            html += '<div class=\"mcw-content-monthname\">' + this.monthNames[month-1] + ' ' + year + '<\/div>';\n            html += '<div class=\"m-calendar-weekdays\">';\n            html += '<div>' + this.weekdayNames[0] + '<\/div>';\n            html += '<div>' + this.weekdayNames[1] + '<\/div>';\n            html += '<div>' + this.weekdayNames[2] + '<\/div>';\n            html += '<div>' + this.weekdayNames[3] + '<\/div>';\n            html += '<div>' + this.weekdayNames[4] + '<\/div>';\n            html += '<div>' + this.weekdayNames[5] + '<\/div>';\n            html += '<div>' + this.weekdayNames[6] + '<\/div>';\n            html += '<\/div>';\n            html += '<div style=\"height: 10px;\"><\/div>';\n            for (let y=0; y<6; y++) {\n                html += '<div class=\"m-row\">';\n                    for (let x=0; x<7; x++) {\n                        let day = y*7+x+1;\n                        \/\/html += '<div class=\"m-day-square m-day-square-' + id + '\" id=\"' + id + '-m-day-' + day + '\" data-day=\"0\" onclick=\"mewsCalendarMobile.clickDay(this)\">' + day + '<\/div>';\n                        html += '<div class=\"m-day-square m-day-square-' + id + '\" id=\"' + id + '-m-day-' + day + '\" data-day=\"0\" onclick=\"mewsCalendarMobile.clickDay(this)\">';\n                        html += '<div class=\"m-day-square-inner\">';\n                        html += '<div class=\"m-day-square-circle\"><\/div>';\n                        html += '<\/div>';\n                        html += '<\/div>';\n                    }\n                html += '<\/div>';\n            }\n            html += '<div style=\"height: 30px;\"><\/div>';\n            if (addSpacer) html += '<div style=\"height: 150px;\"><\/div>';\n            jQuery('#mcw-content-mobile').append(html);\n        }\n\n        generateMonthDays(id, year, month) {\n            \/\/console.log('generateMonthDays', id, month, year);\n            const firstDay = new Date(year, month-1, 1);\n            const firstDayId = (firstDay.getDay() + 6) % 7 + 1;\n            const daysInMonth = new Date(year, month, 0).getDate();\n            let html = '';\n            \/\/jQuery('.m-day-square-' + id).html('');\n            jQuery('.m-day-square-' + id).data('day', 0);\n            jQuery('.m-day-square-' + id).removeClass('disabled');\n            jQuery('.m-day-square-' + id).removeClass('current');\n            for (let i=firstDayId; i<daysInMonth+firstDayId; i++) {\n                const day = i-firstDayId+1;\n                const dateStr = day + '.' + month + '.' + year;\n                \/\/jQuery('#' + id + '-m-day-' + i).html(day);\n                jQuery('#' + id + '-m-day-' + i + ' .m-day-square-circle').html(day);\n                jQuery('#' + id + '-m-day-' + i).data('day', day + '.' + month + '.' + year);\n                if (this.stringToDate(dateStr) < this.now) jQuery('#' + id + '-m-day-' + i).addClass('disabled');\n                if (dateStr == this.dateToString(this.now)) jQuery('#' + id + '-m-day-' + i).addClass('current');\n            }\n        }\n\n        removeEmptyRows(id) {\n            let count = 0;\n            let rowCount = 0;\n            let html = '';\n            jQuery('.m-day-square-' + id).each(function() {\n                count++;\n                html += jQuery(this).html();\n                if (count % 7 == 0) {\n                    rowCount++;\n                    if (html == '') {\n                        const first = (rowCount-1)*7+1;\n                        for (let i=first; i<first+7; i++) {\n                            jQuery('#' + id + '-m-day-' + i).remove();\n                        }\n                    }\n                    html = '';\n                }\n            });\n        }\n\n        clickDay = (event) => {\n            const id = jQuery(event).attr('id');\n            const str = jQuery(event).data('day');\n            if (this.arrayDates[0] != undefined && this.arrayDates[1] != undefined) {\n                this.arrayDates = [];\n                this.arrayDatesSorted = [...this.arrayDates].sort((a, b) => a - b);\n                this.markAllSelectedDates();\n            }\n            if (this.arrayDates[0] != undefined && this.arrayDates[1] == undefined) {\n                this.arrayDates[1] = this.stringToDate(str);\n                this.arrayDatesSorted = [...this.arrayDates].sort((a, b) => a - b);\n                this.markAllSelectedDates();\n            }\n            if (this.arrayDates[0] == undefined && this.arrayDates[1] == undefined) {\n                this.arrayDates[0] = this.stringToDate(str);\n                this.arrayDatesSorted = [...this.arrayDates].sort((a, b) => a - b);\n                this.markAllSelectedDates();\n            }\n        }\n\n        markAllSelectedDates() {\n            for (let i=1; i<=13; i++) {\n                this.markSelectedDates(i);\n            }\n        }\n\n        markSelectedDates(id) {\n            const date1 = this.arrayDatesSorted[0];\n            const date2 = this.arrayDatesSorted[1];\n            const str1 = this.dateToString(date1);\n            const str2 = this.dateToString(date2);\n            \/\/console.log(str1, str2);\n            jQuery('.m-day-square-' + id).removeClass('selected');\n            jQuery('.m-day-square-' + id).removeClass('selected-strong1');\n            jQuery('.m-day-square-' + id).removeClass('selected-strong2');\n            if (str1.length > 1) {\n                this.setDateLabels(str1, str2);\n                jQuery('.m-day-square-' + id).each(function() {\n                    const dataDay = jQuery(this).data('day');\n                    if (dataDay.length > 1) {\n                        const [day, month, year] = dataDay.split('.').map(Number);\n                        const dataDayDate = new Date(year, month - 1, day);\n                        if (dataDayDate > date1 && dataDayDate < date2) {\n                            jQuery(this).addClass('selected');\n                        }\n                        if (dataDay == str1) jQuery(this).addClass('selected-strong1');\n                        if (dataDay == str2) jQuery(this).addClass('selected-strong2');\n                    }\n                });\n            } else {\n                jQuery('.m-day-square-' + id).removeClass('selected');\n            }\n            if (str1.length > 1 && str2.length > 1) {\n                jQuery('#mews-selected-start-year').val(date1.getFullYear());\n                jQuery('#mews-selected-start-month').val(date1.getMonth());\n                jQuery('#mews-selected-start-day').val(date1.getDate());\n                jQuery('#mews-selected-end-year').val(date2.getFullYear());\n                jQuery('#mews-selected-end-month').val(date2.getMonth());\n                jQuery('#mews-selected-end-day').val(date2.getDate());\n            }\n            \/* Testing:\n            let startYear = jQuery('#mews-selected-start-year').val();\n            let startMonth = jQuery('#mews-selected-start-month').val(); \/\/0-11\n            let startDay = jQuery('#mews-selected-start-day').val();\n            let endYear = jQuery('#mews-selected-end-year').val();\n            let endMonth = jQuery('#mews-selected-end-month').val(); \/\/0-11\n            let endDay = jQuery('#mews-selected-end-day').val();\n            console.log('mews start1', startYear, startMonth, startDay);\n            console.log('mews end1', endYear, endMonth, endDay);*\/\n        }\n\n        setDateLabels(start, end) {\n            jQuery('#mews-date-label-start').html(start);\n            jQuery('#mews-date-label-end').html(end);\n        }\n\n        stringToDate(str) {\n            if (str.length > 1) {\n                const [day, month, year] = str.split('.').map(Number);\n                return new Date(year, month - 1, day);\n            }\n            return '';\n        }\n\n        dateToString(date) {\n            if (!date) return ''; \/\/ null\/undefined -> empty string\n            \/\/ If input is a string in dd.mm.yyyy (or d.m.yyyy) format, parse manually\n            if (typeof date === 'string' && \/^\\d{1,2}\\.\\d{1,2}\\.\\d{4}$\/.test(date.trim())) {\n                const [d, m, y] = date.trim().split('.').map(Number);\n                \/\/ basic validation\n                if (!d || !m || !y) return '';\n                const dt = new Date(y, m - 1, d);\n                if (Number.isNaN(dt.getTime())) return '';\n                date = dt;\n            } else {\n                \/\/ try to coerce other inputs (Date object, ISO string, timestamp)\n                date = new Date(date);\n                if (Number.isNaN(date.getTime())) return '';\n            }\n            \/\/const day = String(date.getDate()).padStart(2, '0');\n            const day = String(date.getDate());\n            const month = String(date.getMonth() + 1);\n            const year = date.getFullYear();\n            return `${day}.${month}.${year}`;\n        }\n    }\n    const mewsCalendarMobile = new MewsCalendarMobile();\n<\/script><script>\n    window.addEventListener('DOMContentLoaded', function() {\n        if (typeof Mews !== 'undefined') {\n            Mews.Distributor(\n                {\n                    configurationIds: ['02b1f998-a56e-41b7-a09c-b35d00b06c19'],\n                    \/\/openElements: '.distributor-open',\n                },\n                \n                function(api) {\n                    \/\/ you can call API functions on a booking engine instance here\n                    \/\/ set different start and end date\n\n                    const mewsSubmit = () => {\n                        const startYear = jQuery('#mews-selected-start-year').val();\n                        const startMonth = jQuery('#mews-selected-start-month').val(); \/\/0-11\n                        const startDay = jQuery('#mews-selected-start-day').val();\n                        const endYear = jQuery('#mews-selected-end-year').val();\n                        const endMonth = jQuery('#mews-selected-end-month').val(); \/\/0-11\n                        const endDay = jQuery('#mews-selected-end-day').val();\n                        \/\/console.log('mews start2', startYear, startMonth, startDay);\n                        \/\/console.log('mews end2', endYear, endMonth, endDay);\n                        api.setStartDate(new Date(startYear, startMonth, startDay));\n                        api.setEndDate(new Date(endYear, endMonth, endDay));\n                        api.open();\n                    }\n\n                    const enableSubmit = () => {\n                        \/\/console.log('enableSubmit');\n                        const submitButton = document.getElementById('mews-submit-button');\n                        const submitButtonCalendarDesktop = document.getElementById('mews-submit-button-calendar-desktop');\n                        const submitButtonCalendarMobile = document.getElementById('mews-submit-button-calendar-mobile');\n                        submitButton.innerHTML = 'Check availability';\n                        \/\/submitButton.disabled = false;\n                        submitButton.addEventListener('click', function() {\n                            mewsSubmit();\n                        });\n                        submitButtonCalendarDesktop.addEventListener('click', function() {\n                            mewsSubmit();\n                        });\n                        submitButtonCalendarMobile.addEventListener('click', function() {\n                            mewsSubmit();\n                        });\n                    };\n                    enableSubmit();\n                }\n            );\n        }\n    });\n<\/script><\/div>\n\n\n\n<div class=\"breadcrumb-container\"><ul id=\"breadcrumbs\" class=\"breadcrumbs\"><li class=\"item-home\"><a class=\"bread-link bread-home\" href=\"https:\/\/www.kassiopeia.fi\/hotel-matts\" title=\"Hotel Matts\">Hotel Matts<\/a><\/li><li class=\"separator separator-home\"> \/ <\/li><\/ul><\/div>\n<style>\n    \n<\/style>\n\n\n<div class=\"wp-block-group alignfull hidden is-layout-constrained wp-container-core-group-is-layout-244a2f0a wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-group alignwide is-layout-constrained wp-container-core-group-is-layout-9517baca wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading has-text-align-center\" id=\"h-hotellihuoneet\" style=\"margin-bottom:var(--wp--preset--spacing--60)\">Hotellihuoneet<\/h1>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p class=\"has-large-font-size\">Hotel Mattsissa on 192 huonetta. Majoitut huoneissamme laadukkaasti ja mukavasti nauttien hotellimme\u202flaadukkaista\u202fpalveluista.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<div class=\"wp-block-group has-border-color has-hotel-matts-5-border-color is-layout-constrained wp-container-core-group-is-layout-24567ffd wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:5px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<p>Kun varaat nyt majoituksen Hotel Mattsin omasta verkkokaupasta, saat 1 vrk ilmaiseksi autoparkissamme (1 auto\/varaus).<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-244a2f0a wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-group alignwide ingress is-layout-constrained wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading has-text-align-center\" id=\"h-hotel-rooms\" style=\"margin-bottom:var(--wp--preset--spacing--60)\">Hotel Rooms<\/h1>\n\n\n\n<p class=\"has-text-align-center has-large-font-size\">Welcome to Hotel Matts, located in Espoo&#8217;s Matinkyl\u00e4 district, close to diverse amenities and Western Metro. With 192 rooms, our hotel offers comfortable accommodation where you can enjoy our high-quality services.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-hotel-matts-10-background-color has-background is-layout-constrained wp-container-core-group-is-layout-232c5566 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--40)\">\n  \n\n<!--<p>Id: <\/p>-->\n            <div class=\"hotel-rooms-main\">\n                                                <div class=\"hotel-rooms-container\" id=\"hotel-rooms-container-3359\">\n                                    <input type=\"hidden\" id=\"hotel-rooms-images-count-3359\" value=\"3\">\n                                    <div class=\"columns-s hotel-rooms-content\">\n                                        <div class=\"hotel-rooms-images-container\" id=\"hotel-rooms-images-container-3359\">\n                                                                                            <input type=\"hidden\" id=\"hotel-rooms-image-url-3359-0\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_standard_huone.jpg\"> \n                                                <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-bottom-3359\"><\/div>\n                                                                                                    <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-top-3359\" style=\"background-image: url(https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_standard_huone.jpg);\" role=\"image\" aria-label=\"Standard Twin\"><\/div>\n                                                                                                                                            <input type=\"hidden\" id=\"hotel-rooms-image-url-3359-1\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_standard_huone_eteinen.jpg\"> \n                                                <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-bottom-3359\"><\/div>\n                                                                                                    <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-top-3359\" style=\"background-image: url();\" role=\"image\" aria-label=\"Standard Twin\"><\/div>\n                                                                                                                                            <input type=\"hidden\" id=\"hotel-rooms-image-url-3359-2\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_standard_huone_wc.jpg\"> \n                                                <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-bottom-3359\"><\/div>\n                                                                                                    <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-top-3359\" style=\"background-image: url();\" role=\"image\" aria-label=\"Standard Twin\"><\/div>\n                                                                                                                                        <div class=\"hotel-rooms-slider-buttons\" style=\"left: calc(50% - 30px);\">\n                                                <input type=\"hidden\" id=\"hotel-rooms-image-url-3359-0\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_standard_huone.jpg\"><div class=\"hotel-rooms-slider-button hotel-rooms-slider-button-3359\" id=\"hotel-rooms-slider-button-3359-0\" onclick=\"hotelSingleRoom609568008.selectHotelRoomsImage(3359, 0)\" style=\"background: white;\"><\/div><input type=\"hidden\" id=\"hotel-rooms-image-url-3359-1\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_standard_huone_eteinen.jpg\"><div class=\"hotel-rooms-slider-button hotel-rooms-slider-button-3359\" id=\"hotel-rooms-slider-button-3359-1\" onclick=\"hotelSingleRoom609568008.selectHotelRoomsImage(3359, 1)\" style=\"background: none;\"><\/div><input type=\"hidden\" id=\"hotel-rooms-image-url-3359-2\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_standard_huone_wc.jpg\"><div class=\"hotel-rooms-slider-button hotel-rooms-slider-button-3359\" id=\"hotel-rooms-slider-button-3359-2\" onclick=\"hotelSingleRoom609568008.selectHotelRoomsImage(3359, 2)\" style=\"background: none;\"><\/div>                                            <\/div>\n                                        <\/div>\n                                        \n                                        <div class=\"hotel-rooms-text\">\n                                            <h3 class=\"has-x-large-font-size\">Standard Twin <\/h3>\n                                            <div class=\"hotel-rooms-details\">\n                                                 <img decoding=\"async\" class=\"hotel-rooms-person\" src=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/themes\/hotelmatts-theme\/assets\/images\/person_icon.svg\">  <img decoding=\"async\" class=\"hotel-rooms-person\" src=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/themes\/hotelmatts-theme\/assets\/images\/person_icon.svg\">                                                 <div class=\"hotel-rooms-size\">24 m\u00b2<\/div>\n                                            <\/div>\n                                            <p><p>Enjoy a Good Night&#8217;s Sleep in Our Comfortable and Cozy Standard Room.<\/p>\n<p><a href=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/contact\/#children\">Find out<\/a> how children stay at our hotel.<\/p>\n<\/p>\n                                            <div style=\"height: 20px;\"><\/div>\n                                                                                            <a class=\"btn-primary\" href=\"https:\/\/app.mews.com\/distributor\/02b1f998-a56e-41b7-a09c-b35d00b06c19?mewsRoute=rates&#038;mewsRoom=e94ee544-3406-49ae-99a5-b368007efc0e&#038;language=en-GB\">Book a room<\/a>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                                        <\/div>\n            <script>\n                class HotelSingleRoom609568008 {\n                    constructor(currentPostId) {\n                        this.currentPostId = currentPostId;\n                        this.prevCount = 0;\n                        this.currentCount = 0;\n                        this.maxCount = 0;\n                        this.initSwipeDetection();\n                    }\n\n                    showHotelRoomsTab(post_id) {\n                        this.currentPostId = post_id;\n                        this.currentCount = 0;\n                        this.selectHotelRoomsImage(this.currentPostId, this.currentCount);\n                        \/\/console.log('showHotelRoomsTab', this.currentPostId);\n                        jQuery('.hotel-rooms-container').hide();\n                        jQuery('#hotel-rooms-container-' + this.currentPostId).show();\n                        jQuery('.hotel-rooms-tab').removeClass('active');\n                        jQuery('#hotel-rooms-tab-' + this.currentPostId).addClass('active');\n                    }\n                    \n                    initSwipeDetection() {\n                        \/\/console.log('initSwipeDetection');\n                        \/\/jQuery('.hotel-rooms-images-container')\n                        let xDown;\n                        let xUp;\n                        jQuery('#hotel-rooms-images-container-' + this.currentPostId)\n                            .on('mousedown', (e) => {\n                                xDown = e.pageX; \/\/For mouse\n                            })\n                            .on('mouseup', (e) => {\n                                xUp = e.pageX; \/\/For mouse\n                                let xDiff = xDown - xUp;\n                                if (xDiff > 50) {\n                                    this.swipeHotelRoomsImage(1);\n                                } else if (xDiff < -50) {\n                                    this.swipeHotelRoomsImage(-1);\n                                }\n                            })\n                            .on('touchstart', (e) => {\n                                if (e.changedTouches[0].pageX !== undefined) {\n                                    xDown = e.changedTouches[0].pageX; \/\/For touch\n                                }\n                            })\n                            .on('touchend', (e) => {\n                                if (e.changedTouches[0].pageX !== undefined) {\n                                    xUp = e.changedTouches[0].pageX; \/\/For touch\n                                }\n                                let xDiff = xDown - xUp;\n                                if (xDiff > 50) {\n                                    this.swipeHotelRoomsImage(1);\n                                } else if (xDiff < -50) {\n                                    this.swipeHotelRoomsImage(-1);\n                                }\n                            })\n                        ;\n                    }\n                    \n                    swipeHotelRoomsImage(step) {\n                        \/\/console.log('swipeHotelRoomsImage', this.currentPostId, step);\n                        this.prevCount = this.currentCount;\n                        this.currentCount = Number(this.currentCount) + Number(step);\n                        this.maxCount = Number(jQuery('#hotel-rooms-images-count-' + this.currentPostId).val()) - 1;\n                        \/\/console.log('currentPostId', this.currentPostId);\n                        \/\/console.log('maxCount', this.maxCount);\n                        \/\/console.log('currentCount1', this.currentCount);\n                        if (this.currentCount < 0) this.currentCount = this.maxCount;\n                        if (this.currentCount > this.maxCount) this.currentCount = 0;\n                        \/\/console.log('currentCount2', this.currentCount);\n                        this.changeHotelRoomsImage(step);\n                        this.activateHotelRoomsTab(this.currentCount);\n                    }\n                    \n                    selectHotelRoomsImage(post_id, count) {\n                        this.currentPostId = post_id;\n                        this.prevCount = this.currentCount;\n                        this.currentCount = count;\n                        \/\/console.log('selectHotelRoomsImage', this.currentPostId, this.currentCount);\n                        this.changeHotelRoomsImage(0);\n                        this.activateHotelRoomsTab(this.currentCount);\n                    }\n                    \n                    changeHotelRoomsImage(dir) {\n                        let urlOld = jQuery('#hotel-rooms-image-url-' + this.currentPostId + '-' + this.prevCount).val();\n                        let urlNew = jQuery('#hotel-rooms-image-url-' + this.currentPostId + '-' + this.currentCount).val();\n                        \/\/console.log(urlOld, urlNew);\n                        jQuery('#hotel-rooms-image-bottom-' + this.currentPostId).css('background-image', 'url(' + urlOld + ')');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('background-image', 'url(' + urlNew + ')');\n                        \/\/console.log(this.prevCount, this.currentCount, this.maxCount);\n                        if (this.prevCount != this.currentCount) {\n                            if (dir == 0) {\n                                if (this.prevCount == 0 && this.currentCount == 0) {\n                        \n                                } else if (this.currentCount == 0 && this.prevCount == this.maxCount) {\n                                    this.swipeFromRight();\n                                } else if (this.currentCount == this.maxCount && this.prevCount == 0) {\n                                    this.swipeFromLeft();\n                                } else if (this.prevCount > this.currentCount) {\n                                    this.swipeFromLeft();\n                                } else {\n                                    this.swipeFromRight();\n                                }\n                            } else {\n                                if (dir == 1) {\n                                    this.swipeFromRight();\n                                } else {\n                                    this.swipeFromLeft();\n                                }\n                            }\n                        }\n                    }\n                    \n                    swipeFromLeft() {\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('right', 'auto');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('left', '-100%');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).animate({\n                            left: '0'\n                        }, {\n                            duration: 300\n                        });\n                    }\n                    \n                    swipeFromRight() {\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('left', 'auto');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('right', '-100%');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).animate({\n                            right: '0'\n                        }, {\n                            duration: 300\n                        });\n                    }\n                    \n                    activateHotelRoomsTab(id) {\n                        jQuery('.hotel-rooms-slider-button-' + this.currentPostId).css('background', 'none');\n                        jQuery('#hotel-rooms-slider-button-' + this.currentPostId + '-' + id).css('background', 'white');\n                    }\n                }\n                const hotelSingleRoom609568008 = new HotelSingleRoom609568008(3359);\n            <\/script>\n        \n\n\n\n<p id=\"standard-family\"><\/p>\n\n\n\n  \n\n<!--<p>Id: <\/p>-->\n            <div class=\"hotel-rooms-main\">\n                                                <div class=\"hotel-rooms-container\" id=\"hotel-rooms-container-7149\">\n                                    <input type=\"hidden\" id=\"hotel-rooms-images-count-7149\" value=\"4\">\n                                    <div class=\"columns-s hotel-rooms-content\">\n                                        <div class=\"hotel-rooms-images-container\" id=\"hotel-rooms-images-container-7149\">\n                                                                                            <input type=\"hidden\" id=\"hotel-rooms-image-url-7149-0\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2025\/11\/hotel-matts-standard-perhehuone.jpeg\"> \n                                                <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-bottom-7149\"><\/div>\n                                                                                                    <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-top-7149\" style=\"background-image: url(https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2025\/11\/hotel-matts-standard-perhehuone.jpeg);\" role=\"image\" aria-label=\"Standard Family\"><\/div>\n                                                                                                                                            <input type=\"hidden\" id=\"hotel-rooms-image-url-7149-1\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_standard_huone.jpg\"> \n                                                <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-bottom-7149\"><\/div>\n                                                                                                    <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-top-7149\" style=\"background-image: url();\" role=\"image\" aria-label=\"Standard Family\"><\/div>\n                                                                                                                                            <input type=\"hidden\" id=\"hotel-rooms-image-url-7149-2\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_standard_huone_eteinen.jpg\"> \n                                                <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-bottom-7149\"><\/div>\n                                                                                                    <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-top-7149\" style=\"background-image: url();\" role=\"image\" aria-label=\"Standard Family\"><\/div>\n                                                                                                                                            <input type=\"hidden\" id=\"hotel-rooms-image-url-7149-3\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_standard_huone_wc.jpg\"> \n                                                <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-bottom-7149\"><\/div>\n                                                                                                    <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-top-7149\" style=\"background-image: url();\" role=\"image\" aria-label=\"Standard Family\"><\/div>\n                                                                                                                                        <div class=\"hotel-rooms-slider-buttons\" style=\"left: calc(50% - 40px);\">\n                                                <input type=\"hidden\" id=\"hotel-rooms-image-url-7149-0\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2025\/11\/hotel-matts-standard-perhehuone.jpeg\"><div class=\"hotel-rooms-slider-button hotel-rooms-slider-button-7149\" id=\"hotel-rooms-slider-button-7149-0\" onclick=\"hotelSingleRoom2076661447.selectHotelRoomsImage(7149, 0)\" style=\"background: white;\"><\/div><input type=\"hidden\" id=\"hotel-rooms-image-url-7149-1\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_standard_huone.jpg\"><div class=\"hotel-rooms-slider-button hotel-rooms-slider-button-7149\" id=\"hotel-rooms-slider-button-7149-1\" onclick=\"hotelSingleRoom2076661447.selectHotelRoomsImage(7149, 1)\" style=\"background: none;\"><\/div><input type=\"hidden\" id=\"hotel-rooms-image-url-7149-2\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_standard_huone_eteinen.jpg\"><div class=\"hotel-rooms-slider-button hotel-rooms-slider-button-7149\" id=\"hotel-rooms-slider-button-7149-2\" onclick=\"hotelSingleRoom2076661447.selectHotelRoomsImage(7149, 2)\" style=\"background: none;\"><\/div><input type=\"hidden\" id=\"hotel-rooms-image-url-7149-3\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_standard_huone_wc.jpg\"><div class=\"hotel-rooms-slider-button hotel-rooms-slider-button-7149\" id=\"hotel-rooms-slider-button-7149-3\" onclick=\"hotelSingleRoom2076661447.selectHotelRoomsImage(7149, 3)\" style=\"background: none;\"><\/div>                                            <\/div>\n                                        <\/div>\n                                        \n                                        <div class=\"hotel-rooms-text\">\n                                            <h3 class=\"has-x-large-font-size\">Standard Family <\/h3>\n                                            <div class=\"hotel-rooms-details\">\n                                                 <img decoding=\"async\" class=\"hotel-rooms-person\" src=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/themes\/hotelmatts-theme\/assets\/images\/person_icon.svg\">  <img decoding=\"async\" class=\"hotel-rooms-person\" src=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/themes\/hotelmatts-theme\/assets\/images\/person_icon.svg\">  <img decoding=\"async\" class=\"hotel-rooms-plus\" src=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/themes\/hotelmatts-theme\/assets\/images\/person_plus_icon.svg\">  <img decoding=\"async\" class=\"hotel-rooms-person\" src=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/themes\/hotelmatts-theme\/assets\/images\/person_icon.svg\">                                                 <div class=\"hotel-rooms-size\">24 m\u00b2<\/div>\n                                            <\/div>\n                                            <p><p>Enjoy a good night&#8217;s sleep in our comfortable and cozy 24m\u00b2 Standard room, offering views of the hotel`s inner courtyard. All the rooms have a possibility for a roll-away bed for third guest and a work desk to make a stay comfortable.<\/p>\n<p><a href=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/contact\/#children\">Find out<\/a>\u00a0how children stay at our hotel.<\/p>\n<\/p>\n                                            <div style=\"height: 20px;\"><\/div>\n                                                                                            <a class=\"btn-primary\" href=\"https:\/\/app.mews.com\/distributor\/02b1f998-a56e-41b7-a09c-b35d00b06c19?mewsRoute=rates&#038;mewsRoom=f46717ee-c429-4ff7-b20c-b3980098b309&#038;language=en-GB\">Book a room<\/a>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                                        <\/div>\n            <script>\n                class HotelSingleRoom2076661447 {\n                    constructor(currentPostId) {\n                        this.currentPostId = currentPostId;\n                        this.prevCount = 0;\n                        this.currentCount = 0;\n                        this.maxCount = 0;\n                        this.initSwipeDetection();\n                    }\n\n                    showHotelRoomsTab(post_id) {\n                        this.currentPostId = post_id;\n                        this.currentCount = 0;\n                        this.selectHotelRoomsImage(this.currentPostId, this.currentCount);\n                        \/\/console.log('showHotelRoomsTab', this.currentPostId);\n                        jQuery('.hotel-rooms-container').hide();\n                        jQuery('#hotel-rooms-container-' + this.currentPostId).show();\n                        jQuery('.hotel-rooms-tab').removeClass('active');\n                        jQuery('#hotel-rooms-tab-' + this.currentPostId).addClass('active');\n                    }\n                    \n                    initSwipeDetection() {\n                        \/\/console.log('initSwipeDetection');\n                        \/\/jQuery('.hotel-rooms-images-container')\n                        let xDown;\n                        let xUp;\n                        jQuery('#hotel-rooms-images-container-' + this.currentPostId)\n                            .on('mousedown', (e) => {\n                                xDown = e.pageX; \/\/For mouse\n                            })\n                            .on('mouseup', (e) => {\n                                xUp = e.pageX; \/\/For mouse\n                                let xDiff = xDown - xUp;\n                                if (xDiff > 50) {\n                                    this.swipeHotelRoomsImage(1);\n                                } else if (xDiff < -50) {\n                                    this.swipeHotelRoomsImage(-1);\n                                }\n                            })\n                            .on('touchstart', (e) => {\n                                if (e.changedTouches[0].pageX !== undefined) {\n                                    xDown = e.changedTouches[0].pageX; \/\/For touch\n                                }\n                            })\n                            .on('touchend', (e) => {\n                                if (e.changedTouches[0].pageX !== undefined) {\n                                    xUp = e.changedTouches[0].pageX; \/\/For touch\n                                }\n                                let xDiff = xDown - xUp;\n                                if (xDiff > 50) {\n                                    this.swipeHotelRoomsImage(1);\n                                } else if (xDiff < -50) {\n                                    this.swipeHotelRoomsImage(-1);\n                                }\n                            })\n                        ;\n                    }\n                    \n                    swipeHotelRoomsImage(step) {\n                        \/\/console.log('swipeHotelRoomsImage', this.currentPostId, step);\n                        this.prevCount = this.currentCount;\n                        this.currentCount = Number(this.currentCount) + Number(step);\n                        this.maxCount = Number(jQuery('#hotel-rooms-images-count-' + this.currentPostId).val()) - 1;\n                        \/\/console.log('currentPostId', this.currentPostId);\n                        \/\/console.log('maxCount', this.maxCount);\n                        \/\/console.log('currentCount1', this.currentCount);\n                        if (this.currentCount < 0) this.currentCount = this.maxCount;\n                        if (this.currentCount > this.maxCount) this.currentCount = 0;\n                        \/\/console.log('currentCount2', this.currentCount);\n                        this.changeHotelRoomsImage(step);\n                        this.activateHotelRoomsTab(this.currentCount);\n                    }\n                    \n                    selectHotelRoomsImage(post_id, count) {\n                        this.currentPostId = post_id;\n                        this.prevCount = this.currentCount;\n                        this.currentCount = count;\n                        \/\/console.log('selectHotelRoomsImage', this.currentPostId, this.currentCount);\n                        this.changeHotelRoomsImage(0);\n                        this.activateHotelRoomsTab(this.currentCount);\n                    }\n                    \n                    changeHotelRoomsImage(dir) {\n                        let urlOld = jQuery('#hotel-rooms-image-url-' + this.currentPostId + '-' + this.prevCount).val();\n                        let urlNew = jQuery('#hotel-rooms-image-url-' + this.currentPostId + '-' + this.currentCount).val();\n                        \/\/console.log(urlOld, urlNew);\n                        jQuery('#hotel-rooms-image-bottom-' + this.currentPostId).css('background-image', 'url(' + urlOld + ')');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('background-image', 'url(' + urlNew + ')');\n                        \/\/console.log(this.prevCount, this.currentCount, this.maxCount);\n                        if (this.prevCount != this.currentCount) {\n                            if (dir == 0) {\n                                if (this.prevCount == 0 && this.currentCount == 0) {\n                        \n                                } else if (this.currentCount == 0 && this.prevCount == this.maxCount) {\n                                    this.swipeFromRight();\n                                } else if (this.currentCount == this.maxCount && this.prevCount == 0) {\n                                    this.swipeFromLeft();\n                                } else if (this.prevCount > this.currentCount) {\n                                    this.swipeFromLeft();\n                                } else {\n                                    this.swipeFromRight();\n                                }\n                            } else {\n                                if (dir == 1) {\n                                    this.swipeFromRight();\n                                } else {\n                                    this.swipeFromLeft();\n                                }\n                            }\n                        }\n                    }\n                    \n                    swipeFromLeft() {\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('right', 'auto');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('left', '-100%');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).animate({\n                            left: '0'\n                        }, {\n                            duration: 300\n                        });\n                    }\n                    \n                    swipeFromRight() {\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('left', 'auto');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('right', '-100%');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).animate({\n                            right: '0'\n                        }, {\n                            duration: 300\n                        });\n                    }\n                    \n                    activateHotelRoomsTab(id) {\n                        jQuery('.hotel-rooms-slider-button-' + this.currentPostId).css('background', 'none');\n                        jQuery('#hotel-rooms-slider-button-' + this.currentPostId + '-' + id).css('background', 'white');\n                    }\n                }\n                const hotelSingleRoom2076661447 = new HotelSingleRoom2076661447(7149);\n            <\/script>\n        \n\n\n\n  \n\n<!--<p>Id: <\/p>-->\n            <div class=\"hotel-rooms-main\">\n                                                <div class=\"hotel-rooms-container\" id=\"hotel-rooms-container-3360\">\n                                    <input type=\"hidden\" id=\"hotel-rooms-images-count-3360\" value=\"3\">\n                                    <div class=\"columns-s hotel-rooms-content\">\n                                        <div class=\"hotel-rooms-images-container\" id=\"hotel-rooms-images-container-3360\">\n                                                                                            <input type=\"hidden\" id=\"hotel-rooms-image-url-3360-0\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_superior_eistailauksia-6-2000px.jpg\"> \n                                                <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-bottom-3360\"><\/div>\n                                                                                                    <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-top-3360\" style=\"background-image: url(https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_superior_eistailauksia-6-2000px.jpg);\" role=\"image\" aria-label=\"Superior\"><\/div>\n                                                                                                                                            <input type=\"hidden\" id=\"hotel-rooms-image-url-3360-1\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_superior_eistailauksia-5_2000px_levea.jpg\"> \n                                                <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-bottom-3360\"><\/div>\n                                                                                                    <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-top-3360\" style=\"background-image: url();\" role=\"image\" aria-label=\"Superior\"><\/div>\n                                                                                                                                            <input type=\"hidden\" id=\"hotel-rooms-image-url-3360-2\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_superior_eistailauksia-3-2000px.jpg\"> \n                                                <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-bottom-3360\"><\/div>\n                                                                                                    <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-top-3360\" style=\"background-image: url();\" role=\"image\" aria-label=\"Superior\"><\/div>\n                                                                                                                                        <div class=\"hotel-rooms-slider-buttons\" style=\"left: calc(50% - 30px);\">\n                                                <input type=\"hidden\" id=\"hotel-rooms-image-url-3360-0\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_superior_eistailauksia-6-2000px.jpg\"><div class=\"hotel-rooms-slider-button hotel-rooms-slider-button-3360\" id=\"hotel-rooms-slider-button-3360-0\" onclick=\"hotelSingleRoom904798617.selectHotelRoomsImage(3360, 0)\" style=\"background: white;\"><\/div><input type=\"hidden\" id=\"hotel-rooms-image-url-3360-1\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_superior_eistailauksia-5_2000px_levea.jpg\"><div class=\"hotel-rooms-slider-button hotel-rooms-slider-button-3360\" id=\"hotel-rooms-slider-button-3360-1\" onclick=\"hotelSingleRoom904798617.selectHotelRoomsImage(3360, 1)\" style=\"background: none;\"><\/div><input type=\"hidden\" id=\"hotel-rooms-image-url-3360-2\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_superior_eistailauksia-3-2000px.jpg\"><div class=\"hotel-rooms-slider-button hotel-rooms-slider-button-3360\" id=\"hotel-rooms-slider-button-3360-2\" onclick=\"hotelSingleRoom904798617.selectHotelRoomsImage(3360, 2)\" style=\"background: none;\"><\/div>                                            <\/div>\n                                        <\/div>\n                                        \n                                        <div class=\"hotel-rooms-text\">\n                                            <h3 class=\"has-x-large-font-size\">Superior <\/h3>\n                                            <div class=\"hotel-rooms-details\">\n                                                 <img decoding=\"async\" class=\"hotel-rooms-person\" src=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/themes\/hotelmatts-theme\/assets\/images\/person_icon.svg\">  <img decoding=\"async\" class=\"hotel-rooms-person\" src=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/themes\/hotelmatts-theme\/assets\/images\/person_icon.svg\">                                                 <div class=\"hotel-rooms-size\">24 m\u00b2<\/div>\n                                            <\/div>\n                                            <p><p>Our Stylish Superior Rooms are Located on the Sixth Floor. The rooms feature a Double Bed and a French balcony with views of the peaceful inner courtyard.<\/p>\n<p><a href=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/contact\/#children\">Find out<\/a> how children stay at our hotel.<\/p>\n<\/p>\n                                            <div style=\"height: 20px;\"><\/div>\n                                                                                            <a class=\"btn-primary\" href=\"https:\/\/app.mews.com\/distributor\/02b1f998-a56e-41b7-a09c-b35d00b06c19?mewsRoute=rates&#038;mewsRoom=c4f4550c-2c09-4f39-80b2-b368007efc0e&#038;language=en-GB\">Book a room<\/a>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                                        <\/div>\n            <script>\n                class HotelSingleRoom904798617 {\n                    constructor(currentPostId) {\n                        this.currentPostId = currentPostId;\n                        this.prevCount = 0;\n                        this.currentCount = 0;\n                        this.maxCount = 0;\n                        this.initSwipeDetection();\n                    }\n\n                    showHotelRoomsTab(post_id) {\n                        this.currentPostId = post_id;\n                        this.currentCount = 0;\n                        this.selectHotelRoomsImage(this.currentPostId, this.currentCount);\n                        \/\/console.log('showHotelRoomsTab', this.currentPostId);\n                        jQuery('.hotel-rooms-container').hide();\n                        jQuery('#hotel-rooms-container-' + this.currentPostId).show();\n                        jQuery('.hotel-rooms-tab').removeClass('active');\n                        jQuery('#hotel-rooms-tab-' + this.currentPostId).addClass('active');\n                    }\n                    \n                    initSwipeDetection() {\n                        \/\/console.log('initSwipeDetection');\n                        \/\/jQuery('.hotel-rooms-images-container')\n                        let xDown;\n                        let xUp;\n                        jQuery('#hotel-rooms-images-container-' + this.currentPostId)\n                            .on('mousedown', (e) => {\n                                xDown = e.pageX; \/\/For mouse\n                            })\n                            .on('mouseup', (e) => {\n                                xUp = e.pageX; \/\/For mouse\n                                let xDiff = xDown - xUp;\n                                if (xDiff > 50) {\n                                    this.swipeHotelRoomsImage(1);\n                                } else if (xDiff < -50) {\n                                    this.swipeHotelRoomsImage(-1);\n                                }\n                            })\n                            .on('touchstart', (e) => {\n                                if (e.changedTouches[0].pageX !== undefined) {\n                                    xDown = e.changedTouches[0].pageX; \/\/For touch\n                                }\n                            })\n                            .on('touchend', (e) => {\n                                if (e.changedTouches[0].pageX !== undefined) {\n                                    xUp = e.changedTouches[0].pageX; \/\/For touch\n                                }\n                                let xDiff = xDown - xUp;\n                                if (xDiff > 50) {\n                                    this.swipeHotelRoomsImage(1);\n                                } else if (xDiff < -50) {\n                                    this.swipeHotelRoomsImage(-1);\n                                }\n                            })\n                        ;\n                    }\n                    \n                    swipeHotelRoomsImage(step) {\n                        \/\/console.log('swipeHotelRoomsImage', this.currentPostId, step);\n                        this.prevCount = this.currentCount;\n                        this.currentCount = Number(this.currentCount) + Number(step);\n                        this.maxCount = Number(jQuery('#hotel-rooms-images-count-' + this.currentPostId).val()) - 1;\n                        \/\/console.log('currentPostId', this.currentPostId);\n                        \/\/console.log('maxCount', this.maxCount);\n                        \/\/console.log('currentCount1', this.currentCount);\n                        if (this.currentCount < 0) this.currentCount = this.maxCount;\n                        if (this.currentCount > this.maxCount) this.currentCount = 0;\n                        \/\/console.log('currentCount2', this.currentCount);\n                        this.changeHotelRoomsImage(step);\n                        this.activateHotelRoomsTab(this.currentCount);\n                    }\n                    \n                    selectHotelRoomsImage(post_id, count) {\n                        this.currentPostId = post_id;\n                        this.prevCount = this.currentCount;\n                        this.currentCount = count;\n                        \/\/console.log('selectHotelRoomsImage', this.currentPostId, this.currentCount);\n                        this.changeHotelRoomsImage(0);\n                        this.activateHotelRoomsTab(this.currentCount);\n                    }\n                    \n                    changeHotelRoomsImage(dir) {\n                        let urlOld = jQuery('#hotel-rooms-image-url-' + this.currentPostId + '-' + this.prevCount).val();\n                        let urlNew = jQuery('#hotel-rooms-image-url-' + this.currentPostId + '-' + this.currentCount).val();\n                        \/\/console.log(urlOld, urlNew);\n                        jQuery('#hotel-rooms-image-bottom-' + this.currentPostId).css('background-image', 'url(' + urlOld + ')');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('background-image', 'url(' + urlNew + ')');\n                        \/\/console.log(this.prevCount, this.currentCount, this.maxCount);\n                        if (this.prevCount != this.currentCount) {\n                            if (dir == 0) {\n                                if (this.prevCount == 0 && this.currentCount == 0) {\n                        \n                                } else if (this.currentCount == 0 && this.prevCount == this.maxCount) {\n                                    this.swipeFromRight();\n                                } else if (this.currentCount == this.maxCount && this.prevCount == 0) {\n                                    this.swipeFromLeft();\n                                } else if (this.prevCount > this.currentCount) {\n                                    this.swipeFromLeft();\n                                } else {\n                                    this.swipeFromRight();\n                                }\n                            } else {\n                                if (dir == 1) {\n                                    this.swipeFromRight();\n                                } else {\n                                    this.swipeFromLeft();\n                                }\n                            }\n                        }\n                    }\n                    \n                    swipeFromLeft() {\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('right', 'auto');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('left', '-100%');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).animate({\n                            left: '0'\n                        }, {\n                            duration: 300\n                        });\n                    }\n                    \n                    swipeFromRight() {\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('left', 'auto');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('right', '-100%');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).animate({\n                            right: '0'\n                        }, {\n                            duration: 300\n                        });\n                    }\n                    \n                    activateHotelRoomsTab(id) {\n                        jQuery('.hotel-rooms-slider-button-' + this.currentPostId).css('background', 'none');\n                        jQuery('#hotel-rooms-slider-button-' + this.currentPostId + '-' + id).css('background', 'white');\n                    }\n                }\n                const hotelSingleRoom904798617 = new HotelSingleRoom904798617(3360);\n            <\/script>\n        \n\n\n\n  \n\n<!--<p>Id: <\/p>-->\n            <div class=\"hotel-rooms-main\">\n                                                <div class=\"hotel-rooms-container\" id=\"hotel-rooms-container-3361\">\n                                    <input type=\"hidden\" id=\"hotel-rooms-images-count-3361\" value=\"3\">\n                                    <div class=\"columns-s hotel-rooms-content\">\n                                        <div class=\"hotel-rooms-images-container\" id=\"hotel-rooms-images-container-3361\">\n                                                                                            <input type=\"hidden\" id=\"hotel-rooms-image-url-3361-0\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/matts-deluxe-huone.jpg\"> \n                                                <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-bottom-3361\"><\/div>\n                                                                                                    <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-top-3361\" style=\"background-image: url(https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/matts-deluxe-huone.jpg);\" role=\"image\" aria-label=\"Deluxe\"><\/div>\n                                                                                                                                            <input type=\"hidden\" id=\"hotel-rooms-image-url-3361-1\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/matts-deluxe-huone-2.jpg\"> \n                                                <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-bottom-3361\"><\/div>\n                                                                                                    <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-top-3361\" style=\"background-image: url();\" role=\"image\" aria-label=\"Deluxe\"><\/div>\n                                                                                                                                            <input type=\"hidden\" id=\"hotel-rooms-image-url-3361-2\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_juniorsviitti_eistailattu-4-2000px.jpg\"> \n                                                <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-bottom-3361\"><\/div>\n                                                                                                    <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-top-3361\" style=\"background-image: url();\" role=\"image\" aria-label=\"Deluxe\"><\/div>\n                                                                                                                                        <div class=\"hotel-rooms-slider-buttons\" style=\"left: calc(50% - 30px);\">\n                                                <input type=\"hidden\" id=\"hotel-rooms-image-url-3361-0\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/matts-deluxe-huone.jpg\"><div class=\"hotel-rooms-slider-button hotel-rooms-slider-button-3361\" id=\"hotel-rooms-slider-button-3361-0\" onclick=\"hotelSingleRoom970675823.selectHotelRoomsImage(3361, 0)\" style=\"background: white;\"><\/div><input type=\"hidden\" id=\"hotel-rooms-image-url-3361-1\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/matts-deluxe-huone-2.jpg\"><div class=\"hotel-rooms-slider-button hotel-rooms-slider-button-3361\" id=\"hotel-rooms-slider-button-3361-1\" onclick=\"hotelSingleRoom970675823.selectHotelRoomsImage(3361, 1)\" style=\"background: none;\"><\/div><input type=\"hidden\" id=\"hotel-rooms-image-url-3361-2\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelmatts_juniorsviitti_eistailattu-4-2000px.jpg\"><div class=\"hotel-rooms-slider-button hotel-rooms-slider-button-3361\" id=\"hotel-rooms-slider-button-3361-2\" onclick=\"hotelSingleRoom970675823.selectHotelRoomsImage(3361, 2)\" style=\"background: none;\"><\/div>                                            <\/div>\n                                        <\/div>\n                                        \n                                        <div class=\"hotel-rooms-text\">\n                                            <h3 class=\"has-x-large-font-size\">Deluxe <\/h3>\n                                            <div class=\"hotel-rooms-details\">\n                                                 <img decoding=\"async\" class=\"hotel-rooms-person\" src=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/themes\/hotelmatts-theme\/assets\/images\/person_icon.svg\">  <img decoding=\"async\" class=\"hotel-rooms-person\" src=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/themes\/hotelmatts-theme\/assets\/images\/person_icon.svg\">                                                 <div class=\"hotel-rooms-size\">34 m\u00b2<\/div>\n                                            <\/div>\n                                            <p><p>Our Deluxe Rooms offer more space for your stay. The rooms feature a King Size bed and a spacious bathroom.<\/p>\n<p><a href=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/contact\/#children\">Find out<\/a> how children stay at our hotel.<\/p>\n<\/p>\n                                            <div style=\"height: 20px;\"><\/div>\n                                                                                            <a class=\"btn-primary\" href=\"https:\/\/app.mews.com\/distributor\/02b1f998-a56e-41b7-a09c-b35d00b06c19?mewsRoute=rates&#038;mewsRoom=452a8505-6bb6-459e-91e8-b368007efc0e&#038;language=en-GB\">Book a room<\/a>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                                        <\/div>\n            <script>\n                class HotelSingleRoom970675823 {\n                    constructor(currentPostId) {\n                        this.currentPostId = currentPostId;\n                        this.prevCount = 0;\n                        this.currentCount = 0;\n                        this.maxCount = 0;\n                        this.initSwipeDetection();\n                    }\n\n                    showHotelRoomsTab(post_id) {\n                        this.currentPostId = post_id;\n                        this.currentCount = 0;\n                        this.selectHotelRoomsImage(this.currentPostId, this.currentCount);\n                        \/\/console.log('showHotelRoomsTab', this.currentPostId);\n                        jQuery('.hotel-rooms-container').hide();\n                        jQuery('#hotel-rooms-container-' + this.currentPostId).show();\n                        jQuery('.hotel-rooms-tab').removeClass('active');\n                        jQuery('#hotel-rooms-tab-' + this.currentPostId).addClass('active');\n                    }\n                    \n                    initSwipeDetection() {\n                        \/\/console.log('initSwipeDetection');\n                        \/\/jQuery('.hotel-rooms-images-container')\n                        let xDown;\n                        let xUp;\n                        jQuery('#hotel-rooms-images-container-' + this.currentPostId)\n                            .on('mousedown', (e) => {\n                                xDown = e.pageX; \/\/For mouse\n                            })\n                            .on('mouseup', (e) => {\n                                xUp = e.pageX; \/\/For mouse\n                                let xDiff = xDown - xUp;\n                                if (xDiff > 50) {\n                                    this.swipeHotelRoomsImage(1);\n                                } else if (xDiff < -50) {\n                                    this.swipeHotelRoomsImage(-1);\n                                }\n                            })\n                            .on('touchstart', (e) => {\n                                if (e.changedTouches[0].pageX !== undefined) {\n                                    xDown = e.changedTouches[0].pageX; \/\/For touch\n                                }\n                            })\n                            .on('touchend', (e) => {\n                                if (e.changedTouches[0].pageX !== undefined) {\n                                    xUp = e.changedTouches[0].pageX; \/\/For touch\n                                }\n                                let xDiff = xDown - xUp;\n                                if (xDiff > 50) {\n                                    this.swipeHotelRoomsImage(1);\n                                } else if (xDiff < -50) {\n                                    this.swipeHotelRoomsImage(-1);\n                                }\n                            })\n                        ;\n                    }\n                    \n                    swipeHotelRoomsImage(step) {\n                        \/\/console.log('swipeHotelRoomsImage', this.currentPostId, step);\n                        this.prevCount = this.currentCount;\n                        this.currentCount = Number(this.currentCount) + Number(step);\n                        this.maxCount = Number(jQuery('#hotel-rooms-images-count-' + this.currentPostId).val()) - 1;\n                        \/\/console.log('currentPostId', this.currentPostId);\n                        \/\/console.log('maxCount', this.maxCount);\n                        \/\/console.log('currentCount1', this.currentCount);\n                        if (this.currentCount < 0) this.currentCount = this.maxCount;\n                        if (this.currentCount > this.maxCount) this.currentCount = 0;\n                        \/\/console.log('currentCount2', this.currentCount);\n                        this.changeHotelRoomsImage(step);\n                        this.activateHotelRoomsTab(this.currentCount);\n                    }\n                    \n                    selectHotelRoomsImage(post_id, count) {\n                        this.currentPostId = post_id;\n                        this.prevCount = this.currentCount;\n                        this.currentCount = count;\n                        \/\/console.log('selectHotelRoomsImage', this.currentPostId, this.currentCount);\n                        this.changeHotelRoomsImage(0);\n                        this.activateHotelRoomsTab(this.currentCount);\n                    }\n                    \n                    changeHotelRoomsImage(dir) {\n                        let urlOld = jQuery('#hotel-rooms-image-url-' + this.currentPostId + '-' + this.prevCount).val();\n                        let urlNew = jQuery('#hotel-rooms-image-url-' + this.currentPostId + '-' + this.currentCount).val();\n                        \/\/console.log(urlOld, urlNew);\n                        jQuery('#hotel-rooms-image-bottom-' + this.currentPostId).css('background-image', 'url(' + urlOld + ')');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('background-image', 'url(' + urlNew + ')');\n                        \/\/console.log(this.prevCount, this.currentCount, this.maxCount);\n                        if (this.prevCount != this.currentCount) {\n                            if (dir == 0) {\n                                if (this.prevCount == 0 && this.currentCount == 0) {\n                        \n                                } else if (this.currentCount == 0 && this.prevCount == this.maxCount) {\n                                    this.swipeFromRight();\n                                } else if (this.currentCount == this.maxCount && this.prevCount == 0) {\n                                    this.swipeFromLeft();\n                                } else if (this.prevCount > this.currentCount) {\n                                    this.swipeFromLeft();\n                                } else {\n                                    this.swipeFromRight();\n                                }\n                            } else {\n                                if (dir == 1) {\n                                    this.swipeFromRight();\n                                } else {\n                                    this.swipeFromLeft();\n                                }\n                            }\n                        }\n                    }\n                    \n                    swipeFromLeft() {\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('right', 'auto');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('left', '-100%');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).animate({\n                            left: '0'\n                        }, {\n                            duration: 300\n                        });\n                    }\n                    \n                    swipeFromRight() {\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('left', 'auto');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('right', '-100%');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).animate({\n                            right: '0'\n                        }, {\n                            duration: 300\n                        });\n                    }\n                    \n                    activateHotelRoomsTab(id) {\n                        jQuery('.hotel-rooms-slider-button-' + this.currentPostId).css('background', 'none');\n                        jQuery('#hotel-rooms-slider-button-' + this.currentPostId + '-' + id).css('background', 'white');\n                    }\n                }\n                const hotelSingleRoom970675823 = new HotelSingleRoom970675823(3361);\n            <\/script>\n        \n\n\n\n  \n\n<!--<p>Id: <\/p>-->\n            <div class=\"hotel-rooms-main\">\n                                                <div class=\"hotel-rooms-container\" id=\"hotel-rooms-container-3362\">\n                                    <input type=\"hidden\" id=\"hotel-rooms-images-count-3362\" value=\"5\">\n                                    <div class=\"columns-s hotel-rooms-content\">\n                                        <div class=\"hotel-rooms-images-container\" id=\"hotel-rooms-images-container-3362\">\n                                                                                            <input type=\"hidden\" id=\"hotel-rooms-image-url-3362-0\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/Sauna-Suite_livingroom_HotelMatts.jpg\"> \n                                                <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-bottom-3362\"><\/div>\n                                                                                                    <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-top-3362\" style=\"background-image: url(https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/Sauna-Suite_livingroom_HotelMatts.jpg);\" role=\"image\" aria-label=\"Sauna Suite\"><\/div>\n                                                                                                                                            <input type=\"hidden\" id=\"hotel-rooms-image-url-3362-1\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/matts-sviitti2.jpg\"> \n                                                <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-bottom-3362\"><\/div>\n                                                                                                    <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-top-3362\" style=\"background-image: url();\" role=\"image\" aria-label=\"Sauna Suite\"><\/div>\n                                                                                                                                            <input type=\"hidden\" id=\"hotel-rooms-image-url-3362-2\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotel-matts-sauna-sviitti-vesipiste-scaled.jpg\"> \n                                                <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-bottom-3362\"><\/div>\n                                                                                                    <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-top-3362\" style=\"background-image: url();\" role=\"image\" aria-label=\"Sauna Suite\"><\/div>\n                                                                                                                                            <input type=\"hidden\" id=\"hotel-rooms-image-url-3362-3\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/matts-sviitti3.jpg\"> \n                                                <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-bottom-3362\"><\/div>\n                                                                                                    <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-top-3362\" style=\"background-image: url();\" role=\"image\" aria-label=\"Sauna Suite\"><\/div>\n                                                                                                                                            <input type=\"hidden\" id=\"hotel-rooms-image-url-3362-4\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/Sauna-Suite_Sauna_HotelMatts.jpg\"> \n                                                <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-bottom-3362\"><\/div>\n                                                                                                    <div class=\"hotel-rooms-image\" id=\"hotel-rooms-image-top-3362\" style=\"background-image: url();\" role=\"image\" aria-label=\"Sauna Suite\"><\/div>\n                                                                                                                                        <div class=\"hotel-rooms-slider-buttons\" style=\"left: calc(50% - 50px);\">\n                                                <input type=\"hidden\" id=\"hotel-rooms-image-url-3362-0\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/Sauna-Suite_livingroom_HotelMatts.jpg\"><div class=\"hotel-rooms-slider-button hotel-rooms-slider-button-3362\" id=\"hotel-rooms-slider-button-3362-0\" onclick=\"hotelSingleRoom154890558.selectHotelRoomsImage(3362, 0)\" style=\"background: white;\"><\/div><input type=\"hidden\" id=\"hotel-rooms-image-url-3362-1\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/matts-sviitti2.jpg\"><div class=\"hotel-rooms-slider-button hotel-rooms-slider-button-3362\" id=\"hotel-rooms-slider-button-3362-1\" onclick=\"hotelSingleRoom154890558.selectHotelRoomsImage(3362, 1)\" style=\"background: none;\"><\/div><input type=\"hidden\" id=\"hotel-rooms-image-url-3362-2\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotel-matts-sauna-sviitti-vesipiste-scaled.jpg\"><div class=\"hotel-rooms-slider-button hotel-rooms-slider-button-3362\" id=\"hotel-rooms-slider-button-3362-2\" onclick=\"hotelSingleRoom154890558.selectHotelRoomsImage(3362, 2)\" style=\"background: none;\"><\/div><input type=\"hidden\" id=\"hotel-rooms-image-url-3362-3\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/matts-sviitti3.jpg\"><div class=\"hotel-rooms-slider-button hotel-rooms-slider-button-3362\" id=\"hotel-rooms-slider-button-3362-3\" onclick=\"hotelSingleRoom154890558.selectHotelRoomsImage(3362, 3)\" style=\"background: none;\"><\/div><input type=\"hidden\" id=\"hotel-rooms-image-url-3362-4\" value=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/Sauna-Suite_Sauna_HotelMatts.jpg\"><div class=\"hotel-rooms-slider-button hotel-rooms-slider-button-3362\" id=\"hotel-rooms-slider-button-3362-4\" onclick=\"hotelSingleRoom154890558.selectHotelRoomsImage(3362, 4)\" style=\"background: none;\"><\/div>                                            <\/div>\n                                        <\/div>\n                                        \n                                        <div class=\"hotel-rooms-text\">\n                                            <h3 class=\"has-x-large-font-size\">Sauna Suite <\/h3>\n                                            <div class=\"hotel-rooms-details\">\n                                                 <img decoding=\"async\" class=\"hotel-rooms-person\" src=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/themes\/hotelmatts-theme\/assets\/images\/person_icon.svg\">  <img decoding=\"async\" class=\"hotel-rooms-person\" src=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/themes\/hotelmatts-theme\/assets\/images\/person_icon.svg\">                                                 <div class=\"hotel-rooms-size\">49,5 m\u00b2<\/div>\n                                            <\/div>\n                                            <p><p>Our Sauna Suites provide space and luxury for your stay. The suite includes a separate bedroom with a King Size bed, a living room, a bright bathroom, and a private sauna.<\/p>\n<p><a href=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/contact\/#children\">Find out<\/a> how children stay at our hotel.<\/p>\n<\/p>\n                                            <div style=\"height: 20px;\"><\/div>\n                                                                                            <a class=\"btn-primary\" href=\"https:\/\/app.mews.com\/distributor\/02b1f998-a56e-41b7-a09c-b35d00b06c19?mewsRoute=rates&#038;mewsRoom=a6eaef18-40ff-482f-910b-b368007efc0e&#038;language=en-EN\">Book a room<\/a>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                                        <\/div>\n            <script>\n                class HotelSingleRoom154890558 {\n                    constructor(currentPostId) {\n                        this.currentPostId = currentPostId;\n                        this.prevCount = 0;\n                        this.currentCount = 0;\n                        this.maxCount = 0;\n                        this.initSwipeDetection();\n                    }\n\n                    showHotelRoomsTab(post_id) {\n                        this.currentPostId = post_id;\n                        this.currentCount = 0;\n                        this.selectHotelRoomsImage(this.currentPostId, this.currentCount);\n                        \/\/console.log('showHotelRoomsTab', this.currentPostId);\n                        jQuery('.hotel-rooms-container').hide();\n                        jQuery('#hotel-rooms-container-' + this.currentPostId).show();\n                        jQuery('.hotel-rooms-tab').removeClass('active');\n                        jQuery('#hotel-rooms-tab-' + this.currentPostId).addClass('active');\n                    }\n                    \n                    initSwipeDetection() {\n                        \/\/console.log('initSwipeDetection');\n                        \/\/jQuery('.hotel-rooms-images-container')\n                        let xDown;\n                        let xUp;\n                        jQuery('#hotel-rooms-images-container-' + this.currentPostId)\n                            .on('mousedown', (e) => {\n                                xDown = e.pageX; \/\/For mouse\n                            })\n                            .on('mouseup', (e) => {\n                                xUp = e.pageX; \/\/For mouse\n                                let xDiff = xDown - xUp;\n                                if (xDiff > 50) {\n                                    this.swipeHotelRoomsImage(1);\n                                } else if (xDiff < -50) {\n                                    this.swipeHotelRoomsImage(-1);\n                                }\n                            })\n                            .on('touchstart', (e) => {\n                                if (e.changedTouches[0].pageX !== undefined) {\n                                    xDown = e.changedTouches[0].pageX; \/\/For touch\n                                }\n                            })\n                            .on('touchend', (e) => {\n                                if (e.changedTouches[0].pageX !== undefined) {\n                                    xUp = e.changedTouches[0].pageX; \/\/For touch\n                                }\n                                let xDiff = xDown - xUp;\n                                if (xDiff > 50) {\n                                    this.swipeHotelRoomsImage(1);\n                                } else if (xDiff < -50) {\n                                    this.swipeHotelRoomsImage(-1);\n                                }\n                            })\n                        ;\n                    }\n                    \n                    swipeHotelRoomsImage(step) {\n                        \/\/console.log('swipeHotelRoomsImage', this.currentPostId, step);\n                        this.prevCount = this.currentCount;\n                        this.currentCount = Number(this.currentCount) + Number(step);\n                        this.maxCount = Number(jQuery('#hotel-rooms-images-count-' + this.currentPostId).val()) - 1;\n                        \/\/console.log('currentPostId', this.currentPostId);\n                        \/\/console.log('maxCount', this.maxCount);\n                        \/\/console.log('currentCount1', this.currentCount);\n                        if (this.currentCount < 0) this.currentCount = this.maxCount;\n                        if (this.currentCount > this.maxCount) this.currentCount = 0;\n                        \/\/console.log('currentCount2', this.currentCount);\n                        this.changeHotelRoomsImage(step);\n                        this.activateHotelRoomsTab(this.currentCount);\n                    }\n                    \n                    selectHotelRoomsImage(post_id, count) {\n                        this.currentPostId = post_id;\n                        this.prevCount = this.currentCount;\n                        this.currentCount = count;\n                        \/\/console.log('selectHotelRoomsImage', this.currentPostId, this.currentCount);\n                        this.changeHotelRoomsImage(0);\n                        this.activateHotelRoomsTab(this.currentCount);\n                    }\n                    \n                    changeHotelRoomsImage(dir) {\n                        let urlOld = jQuery('#hotel-rooms-image-url-' + this.currentPostId + '-' + this.prevCount).val();\n                        let urlNew = jQuery('#hotel-rooms-image-url-' + this.currentPostId + '-' + this.currentCount).val();\n                        \/\/console.log(urlOld, urlNew);\n                        jQuery('#hotel-rooms-image-bottom-' + this.currentPostId).css('background-image', 'url(' + urlOld + ')');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('background-image', 'url(' + urlNew + ')');\n                        \/\/console.log(this.prevCount, this.currentCount, this.maxCount);\n                        if (this.prevCount != this.currentCount) {\n                            if (dir == 0) {\n                                if (this.prevCount == 0 && this.currentCount == 0) {\n                        \n                                } else if (this.currentCount == 0 && this.prevCount == this.maxCount) {\n                                    this.swipeFromRight();\n                                } else if (this.currentCount == this.maxCount && this.prevCount == 0) {\n                                    this.swipeFromLeft();\n                                } else if (this.prevCount > this.currentCount) {\n                                    this.swipeFromLeft();\n                                } else {\n                                    this.swipeFromRight();\n                                }\n                            } else {\n                                if (dir == 1) {\n                                    this.swipeFromRight();\n                                } else {\n                                    this.swipeFromLeft();\n                                }\n                            }\n                        }\n                    }\n                    \n                    swipeFromLeft() {\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('right', 'auto');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('left', '-100%');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).animate({\n                            left: '0'\n                        }, {\n                            duration: 300\n                        });\n                    }\n                    \n                    swipeFromRight() {\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('left', 'auto');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).css('right', '-100%');\n                        jQuery('#hotel-rooms-image-top-' + this.currentPostId).animate({\n                            right: '0'\n                        }, {\n                            duration: 300\n                        });\n                    }\n                    \n                    activateHotelRoomsTab(id) {\n                        jQuery('.hotel-rooms-slider-button-' + this.currentPostId).css('background', 'none');\n                        jQuery('#hotel-rooms-slider-button-' + this.currentPostId + '-' + id).css('background', 'white');\n                    }\n                }\n                const hotelSingleRoom154890558 = new HotelSingleRoom154890558(3362);\n            <\/script>\n        \n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-0c9c989a wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-media-text is-stacked-on-mobile is-image-fill-element\" style=\"padding-top:0;padding-bottom:0\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/Apartment_3-bedroom_HotelMatts-1024x683.jpg\" alt=\"Hotel Matts' 3-bedroom apartment.\" class=\"wp-image-2214 size-full\" style=\"object-position:50% 50%\" srcset=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/Apartment_3-bedroom_HotelMatts-1024x683.jpg 1024w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/Apartment_3-bedroom_HotelMatts-300x200.jpg 300w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/Apartment_3-bedroom_HotelMatts-768x512.jpg 768w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/Apartment_3-bedroom_HotelMatts-1536x1025.jpg 1536w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/Apartment_3-bedroom_HotelMatts-2048x1366.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\" id=\"h-need-more-space\">Need More Space?<\/h3>\n\n\n\n<p>In our modern, well-equipped, and comfortable apartments, you\u2019ll enjoy a home-like stay close to the western metro and Matinkyl\u00e4\u2019s services. Additionally, you can take advantage of all the hotel\u2019s services if you wish.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/apartments\/\">Explore Hotel Matts apartments \u2192<\/a><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile is-image-fill-element\" style=\"padding-top:0;padding-bottom:0\"><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\" id=\"h-an-apartment-for-business-travelers-renovation-stays-or-students\">An Apartment for Business Travelers, Renovation Stays, or Students<\/h3>\n\n\n\n<p>The cozy and well-equipped apartments at Hotel Matts are perfect also as temporary housing or as a substitute home, for example, during a home renovation.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/temporary-housing\/\">Read more about long-term accommodation \u2192<\/a><\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/J28A1576-2-1024x683.jpeg\" alt=\"Couple in Hotel Matts apartment.\" class=\"wp-image-1017 size-full\" style=\"object-position:50% 50%\" srcset=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/J28A1576-2-1024x683.jpeg 1024w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/J28A1576-2-300x200.jpeg 300w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/J28A1576-2-768x512.jpeg 768w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/J28A1576-2-1536x1025.jpeg 1536w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/J28A1576-2.jpeg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile is-image-fill-element\" style=\"padding-top:0;padding-bottom:0\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotel-matts-lemmikit-koira-kaytava-1024x576.jpg\" alt=\"Dog running in Hotel Matt's corridor.\" class=\"wp-image-2798 size-full\" style=\"object-position:50% 50%\" srcset=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotel-matts-lemmikit-koira-kaytava-1024x576.jpg 1024w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotel-matts-lemmikit-koira-kaytava-300x169.jpg 300w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotel-matts-lemmikit-koira-kaytava-768x432.jpg 768w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotel-matts-lemmikit-koira-kaytava-1536x864.jpg 1536w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotel-matts-lemmikit-koira-kaytava.jpg 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\" id=\"h-pet-friendly-accommodation\"><strong>Pet-Friendly Accommodation<\/strong><\/h3>\n\n\n\n<p>We are a pet-friendly hotel and apartment hotel, so your family pets are also welcome!<\/p>\n\n\n\n<p><a href=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/pets\/\">Read more about pet accommodation \u2192<\/a><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-hotel-matts-12-background-color has-background is-layout-constrained wp-container-core-group-is-layout-0c9c989a wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-white-background-color has-background is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4b827052 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"1125\" src=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelli_hotel_matts_espoo_matinkyla_b.jpg\" alt=\"Hotel Matts' reception.\" class=\"wp-image-1142\" style=\"aspect-ratio:16\/9;object-fit:cover\" srcset=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelli_hotel_matts_espoo_matinkyla_b.jpg 2000w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelli_hotel_matts_espoo_matinkyla_b-300x169.jpg 300w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelli_hotel_matts_espoo_matinkyla_b-1024x576.jpg 1024w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelli_hotel_matts_espoo_matinkyla_b-768x432.jpg 768w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotelli_hotel_matts_espoo_matinkyla_b-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-9f0a0b74 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)\">\n<h3 class=\"wp-block-heading\" id=\"h-why-book-directly-through-our-website\">Why Book Directly Through Our Website?<\/h3>\n\n\n\n<p>When you book an accommodation directly with us, either through our website, by phone, or by email, you&#8217;ll enjoy fantastic benefits!<\/p>\n\n\n\n<p><a href=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/why-book-directly\/\">Read more why book directly \u2192<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-white-background-color has-background is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4b827052 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"1125\" src=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotel-matts-espoo-skumppa-2000x1125-1.jpg\" alt=\"Young women having sparkling wine in Hotel Matts\u00e4 room.\" class=\"wp-image-1264\" style=\"aspect-ratio:16\/9;object-fit:cover\" srcset=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotel-matts-espoo-skumppa-2000x1125-1.jpg 2000w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotel-matts-espoo-skumppa-2000x1125-1-300x169.jpg 300w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotel-matts-espoo-skumppa-2000x1125-1-1024x576.jpg 1024w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotel-matts-espoo-skumppa-2000x1125-1-768x432.jpg 768w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/09\/hotel-matts-espoo-skumppa-2000x1125-1-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-9f0a0b74 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)\">\n<h3 class=\"wp-block-heading\" id=\"h-benefits-for-our-hotel-guests\">Benefits for Our Hotel Guests<\/h3>\n\n\n\n<p>Guests staying at Hotel Matts can take advantage of several valuable benefits!<\/p>\n\n\n\n<p><a href=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/benefits\/\">See all the benefits for our guests \u2192<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-white-background-color has-background is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4b827052 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1132\" height=\"693\" src=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/11\/kassiopeia-star-member-kanta-asiakkaita.jpg\" alt=\"Star Member loyalty customers in a restaurant.\" class=\"wp-image-5064\" style=\"aspect-ratio:16\/9;object-fit:cover\" srcset=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/11\/kassiopeia-star-member-kanta-asiakkaita.jpg 1132w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/11\/kassiopeia-star-member-kanta-asiakkaita-300x184.jpg 300w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/11\/kassiopeia-star-member-kanta-asiakkaita-1024x627.jpg 1024w, https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/11\/kassiopeia-star-member-kanta-asiakkaita-768x470.jpg 768w\" sizes=\"auto, (max-width: 1132px) 100vw, 1132px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-9f0a0b74 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)\">\n<h3 class=\"wp-block-heading\" id=\"h-join-star-member-loyalty-program\">Join Star Member Loyalty Program<\/h3>\n\n\n\n<p>As a Kassiopeia Star Member, you can enjoy both permanent and seasonal benefits at our hotels and restaurants.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.kassiopeia.fi\/en\/star-members\/\" target=\"_blank\" rel=\"noreferrer noopener\">Join the loyalty program for free \u2192<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-4955f4ca wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-columns has-border-color has-hotel-matts-4-border-color is-layout-flex wp-container-core-columns-is-layout-07b7b7eb wp-block-columns-is-layout-flex\" style=\"border-width:1px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);flex-basis:100%\">\n<h3 class=\"wp-block-heading has-text-align-left\" id=\"h-hotel-services\">Hotel Services<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9503679e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-92c44e9e wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-bottom:0\">\n<ul style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0\" class=\"wp-block-list styled\">\n<li>Hotel rooms<\/li>\n\n\n\n<li>Suites with private saunas<\/li>\n\n\n\n<li>Apartments for short and long-term stays<\/li>\n\n\n\n<li>Pets are welcome<\/li>\n\n\n\n<li>Accessible rooms available<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column styled is-layout-flow wp-container-core-column-is-layout-63d9dbad wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-bottom:0\">\n<ul class=\"wp-block-list styled\">\n<li>Breakfast included<\/li>\n\n\n\n<li>Restaurant Freja<\/li>\n\n\n\n<li>Meeting facilities<\/li>\n\n\n\n<li>Rooftop saunas daily from 7 PM to 10 PM<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column styled is-layout-flow wp-container-core-column-is-layout-63d9dbad wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-bottom:0\">\n<ul class=\"wp-block-list styled\">\n<li>Parking garage<\/li>\n\n\n\n<li>Excellent transport connections<\/li>\n\n\n\n<li>Free Wi-Fi in all areas<\/li>\n\n\n\n<li>24\/7 reception<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hotellihuoneet Hotel Mattsissa on 192 huonetta. Majoitut huoneissamme laadukkaasti ja mukavasti nauttien hotellimme\u202flaadukkaista\u202fpalveluista. Kun varaat nyt majoituksen Hotel Mattsin omasta verkkokaupasta, saat 1 vrk ilmaiseksi autoparkissamme (1 auto\/varaus). Hotel Rooms Welcome to Hotel Matts, located in Espoo&#8217;s Matinkyl\u00e4 district, close to diverse amenities and Western Metro. With 192 rooms, our hotel offers comfortable accommodation where [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":705,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-pages-hotel-matts","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3394","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.2 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Rooms - Hotel Matts | Espoo, Matinkyl\u00e4<\/title>\n<meta name=\"description\" content=\"We have 192 rooms where you can stay comfortably while enjoying our high-quality services. Explore our rooms!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/rooms\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rooms\" \/>\n<meta property=\"og:description\" content=\"We have 192 rooms where you can stay comfortably while enjoying our high-quality services. Explore our rooms!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/rooms\/\" \/>\n<meta property=\"og:site_name\" content=\"Hotel Matts\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-01T05:59:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotelmatts_standard_stailattu-2-lakanavalkaistu-2000px.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"1403\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/rooms\/\",\"url\":\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/rooms\/\",\"name\":\"Rooms - Hotel Matts | Espoo, Matinkyl\u00e4\",\"isPartOf\":{\"@id\":\"https:\/\/www.kassiopeia.fi\/hotel-matts\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/rooms\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/rooms\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotelmatts_standard_stailattu-2-lakanavalkaistu-2000px.jpg\",\"datePublished\":\"2024-10-15T07:22:37+00:00\",\"dateModified\":\"2026-04-01T05:59:17+00:00\",\"description\":\"We have 192 rooms where you can stay comfortably while enjoying our high-quality services. Explore our rooms!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/rooms\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/rooms\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/rooms\/#primaryimage\",\"url\":\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotelmatts_standard_stailattu-2-lakanavalkaistu-2000px.jpg\",\"contentUrl\":\"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotelmatts_standard_stailattu-2-lakanavalkaistu-2000px.jpg\",\"width\":2000,\"height\":1403,\"caption\":\"Hotel Mattsin Standard-huone, Espoo.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/rooms\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.kassiopeia.fi\/hotel-matts\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accommodation\",\"item\":\"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Rooms\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.kassiopeia.fi\/hotel-matts\/#website\",\"url\":\"https:\/\/www.kassiopeia.fi\/hotel-matts\/\",\"name\":\"Hotel Matts\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.kassiopeia.fi\/hotel-matts\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Rooms - Hotel Matts | Espoo, Matinkyl\u00e4","description":"We have 192 rooms where you can stay comfortably while enjoying our high-quality services. Explore our rooms!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/rooms\/","og_locale":"en_US","og_type":"article","og_title":"Rooms","og_description":"We have 192 rooms where you can stay comfortably while enjoying our high-quality services. Explore our rooms!","og_url":"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/rooms\/","og_site_name":"Hotel Matts","article_modified_time":"2026-04-01T05:59:17+00:00","og_image":[{"width":2000,"height":1403,"url":"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotelmatts_standard_stailattu-2-lakanavalkaistu-2000px.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/rooms\/","url":"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/rooms\/","name":"Rooms - Hotel Matts | Espoo, Matinkyl\u00e4","isPartOf":{"@id":"https:\/\/www.kassiopeia.fi\/hotel-matts\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/rooms\/#primaryimage"},"image":{"@id":"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/rooms\/#primaryimage"},"thumbnailUrl":"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotelmatts_standard_stailattu-2-lakanavalkaistu-2000px.jpg","datePublished":"2024-10-15T07:22:37+00:00","dateModified":"2026-04-01T05:59:17+00:00","description":"We have 192 rooms where you can stay comfortably while enjoying our high-quality services. Explore our rooms!","breadcrumb":{"@id":"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/rooms\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/rooms\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/rooms\/#primaryimage","url":"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotelmatts_standard_stailattu-2-lakanavalkaistu-2000px.jpg","contentUrl":"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-content\/uploads\/sites\/2\/2024\/10\/hotelmatts_standard_stailattu-2-lakanavalkaistu-2000px.jpg","width":2000,"height":1403,"caption":"Hotel Mattsin Standard-huone, Espoo."},{"@type":"BreadcrumbList","@id":"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/rooms\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.kassiopeia.fi\/hotel-matts\/"},{"@type":"ListItem","position":2,"name":"Accommodation","item":"https:\/\/www.kassiopeia.fi\/hotel-matts\/en\/accommodation\/"},{"@type":"ListItem","position":3,"name":"Rooms"}]},{"@type":"WebSite","@id":"https:\/\/www.kassiopeia.fi\/hotel-matts\/#website","url":"https:\/\/www.kassiopeia.fi\/hotel-matts\/","name":"Hotel Matts","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.kassiopeia.fi\/hotel-matts\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"lang":"en","translations":{"en":3394,"fi":89},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-json\/wp\/v2\/pages\/3394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-json\/wp\/v2\/comments?post=3394"}],"version-history":[{"count":34,"href":"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-json\/wp\/v2\/pages\/3394\/revisions"}],"predecessor-version":[{"id":7190,"href":"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-json\/wp\/v2\/pages\/3394\/revisions\/7190"}],"up":[{"embeddable":true,"href":"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-json\/wp\/v2\/pages\/705"}],"wp:attachment":[{"href":"https:\/\/www.kassiopeia.fi\/hotel-matts\/wp-json\/wp\/v2\/media?parent=3394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}