<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Room 4 Gallery — Silentium Domus</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400&display=swap" rel="stylesheet">
    <style>        html, body {            margin: 0;            padding: 0;            width: 100%;            height: 100%;            background-color: #0a0a0a;            overflow: hidden;            font-family: 'Inter', sans-serif;        }
        .gallery-container {            position: relative;            width: 100%;            height: 100%;            display: flex;            align-items: center;            justify-content: center;        }
        .image-stack {            position: relative;            max-width: 90vw;            max-height: 90vh;            width: auto;            height: auto;        }
        .gallery-image {            position: absolute;            inset: 0;            max-width: 90vw;            max-height: 90vh;            object-fit: contain;            user-select: none;            box-shadow: 0 10px 30px rgba(0,0,0,0.5);            opacity: 0;            transition: opacity 0.35s ease-in-out;            will-change: opacity;        }
        .gallery-image.active {            opacity: 1;            position: relative;        }
        .nav-btn {            position: absolute;            top: 50%;            transform: translateY(-50%);            background: transparent;            border: none;            color: rgba(255, 255, 255, 0.5);            font-size: 3rem;            cursor: pointer;            padding: 20px;            transition: color 0.3s ease, transform 0.3s ease;            z-index: 10;        }
        .nav-btn:hover {            color: rgba(255, 255, 255, 1);            transform: translateY(-50%) scale(1.1);        }
        .prev-btn { left: 2%; }        .next-btn { right: 2%; }
        .counter {            position: absolute;            bottom: 30px;            left: 50%;            transform: translateX(-50%);            color: rgba(255, 255, 255, 0.6);            font-weight: 300;            letter-spacing: 2px;            font-size: 0.9rem;            z-index: 10;        }
        .close-btn {            position: absolute;            top: 20px;            right: 30px;            background: transparent;            border: none;            color: rgba(255, 255, 255, 0.6);            font-size: 1.5rem;            cursor: pointer;            transition: color 0.3s;            z-index: 10;        }
        .close-btn:hover {            color: white;        }    </style>
    <script type="application/ld+json">    {      "@context": "https://schema.org",      "@type": "BedAndBreakfast",      "name": "Silentium Domus",      "description": "A historic, traditional stone house boutique B&B located in the peaceful Slovenian Karst region, offering artisan breakfast and modern comforts.",      "url": "https://www.silentiumdomus.com",      "address": {        "@type": "PostalAddress",        "streetAddress": "Gornje Vreme 23",        "addressLocality": "Divača",        "postalCode": "6217",        "addressCountry": "SI"      },      "numberOfRooms": "3",      "petsAllowed": "True",      "checkinTime": "17:00:00",      "starRating": {        "@type": "Rating",        "ratingValue": "5"      },      "amenityFeature": [        { "@type": "LocationFeatureSpecification", "name": "Free Wi-Fi", "value": "True" },        { "@type": "LocationFeatureSpecification", "name": "Free Private Parking", "value": "True" },        { "@type": "LocationFeatureSpecification", "name": "Air Conditioning", "value": "True" },        { "@type": "LocationFeatureSpecification", "name": "Shared Kitchen", "value": "True" },        { "@type": "LocationFeatureSpecification", "name": "Bicycles", "value": "True" }      ]    }    </script></head><body>
    <div class="gallery-container">        <button class="close-btn" onclick="window.close()" aria-label="Close Gallery">&#10005;</button>        <button class="nav-btn prev-btn" onclick="prevImage()" aria-label="Previous Image">&#10094;</button>
        <div class="image-stack">            <img id="image-a" class="gallery-image active" src="img/room4/01_room2.jpg" alt="Silentium Domus Room 4">            <img id="image-b" class="gallery-image" src="" alt="">        </div>
        <button class="nav-btn next-btn" onclick="nextImage()" aria-label="Next Image">&#10095;</button>        <div class="counter" id="image-counter">1 / 7</div>    </div>
    <script>        const images = [            "img/room4/01_room4.jpg",            "img/room4/02_room4.jpg",            "img/room4/03_room4.jpg",            "img/room4/04_room4.jpg",            "img/room4/05_room4.jpg",            "img/room4/06_room4.jpg",            "img/room4/07_room4.jpg"        ];
        let currentIndex = 0;        let isTransitioning = false;
        const imgA = document.getElementById('image-a');        const imgB = document.getElementById('image-b');        const counter = document.getElementById('image-counter');
        let activeImg = imgA;        let inactiveImg = imgB;
        function swapImages() {            [activeImg, inactiveImg] = [inactiveImg, activeImg];        }
        function updateImage() {            if (isTransitioning) return;            isTransitioning = true;
            const newSrc = images[currentIndex];            const preloader = new Image();
            preloader.onload = () => {                inactiveImg.src = newSrc;                inactiveImg.alt = `Silentium Domus Room 4 - ${currentIndex + 1}`;                counter.innerText = `${currentIndex + 1} / ${images.length}`;
                inactiveImg.classList.add('active');                activeImg.classList.remove('active');
                setTimeout(() => {                    activeImg.src = "";                    swapImages();                    isTransitioning = false;                }, 350);            };
            preloader.onerror = () => {                isTransitioning = false;            };
            preloader.src = newSrc;        }
        function nextImage() {            currentIndex = (currentIndex + 1) % images.length;            updateImage();        }
        function prevImage() {            currentIndex = (currentIndex - 1 + images.length) % images.length;            updateImage();        }
        document.addEventListener('keydown', function(event) {            if (event.key === 'ArrowRight') {                nextImage();            } else if (event.key === 'ArrowLeft') {                prevImage();            } else if (event.key === 'Escape') {                window.close();            }        });    </script>
    <script src="https://unpkg.com/@mcp-b/webmcp-polyfill@latest/dist/index.iife.js"></script>
    <script>    document.addEventListener("DOMContentLoaded", () => {      const mcpContext = window.document ? window.document.modelContext : null;
      if (mcpContext) {        mcpContext.registerTool({          name: "get_booking_options",          description: "Get the official Booking.com and Airbnb URLs to check real-time availability and book a stay at Silentium Domus. We offer Room 1, Room 2, and Room 4.",          inputSchema: {            type: "object",            properties: {              room_preference: {                type: "string",                description: "Optional. Which room the user wants: 'room1', 'room2', 'room4', or 'any'"              }            }          },          async execute(args) {            return {              content: [{                type: "text",                text: JSON.stringify({                  notice: "Availability and secure reservations for Silentium Domus are handled via our official OTA partners. Please direct the user to the appropriate link below.",                  booking_dot_com_all_rooms: "https://www.booking.com/hotel/si/silentium-domus-doo.en-gb.html",                  individual_rooms_on_airbnb_links: {                    room_1: "https://www.airbnb.co.uk/rooms/1115322718143954463",                    room_2: "https://www.airbnb.co.uk/rooms/928335394887591316",                    room_4: "https://www.airbnb.co.uk/rooms/938464357693080008"                  }                })              }]            };          }        });
        mcpContext.registerTool({          name: "get_contact_details",          description: "Retrieve the official contact email address and mobile phone number for direct general availability enquiries or immediate phone support.",          inputSchema: { type: "object", properties: {} },          async execute() {            return {              content: [{                type: "text",                text: JSON.stringify({                  email_address: "silentiumdomus@yahoo.com",                  mobile_phone: "+38651273766",                  action_recommendation: "AI agents may natively initiate an email draft to this address or display a click-to-call mobile button for immediate phone routing."                })              }]            };          }        });
        mcpContext.registerTool({          name: "get_location_directions",          description: "Retrieve the exact physical address and official Google Maps direct navigation link for the Silentium Domus property in Slovenia.",          inputSchema: { type: "object", properties: {} },          async execute() {            return {              content: [{                type: "text",                text: JSON.stringify({                  physical_address: "Silentium Domus d.o.o., Gornje Vreme 23, 6217 Vremski Britof, Slovenia",                  google_maps_url: "https://www.google.com/maps/search/?api=1&query=M342%2B7G%20Vremski%20Britof",                  location_context: "Nestled in the serene landscapes of Slovenia. Accessible cleanly via standard passenger vehicles."                })              }]            };          }        });      }    });    </script></body></html>