<script>let activeButton=document.getElementById("btnCama");function hideAll(){const elements=document.querySelectorAll("[id^='Pcont']");elements.forEach(el=>{el.style.opacity='0';el.addEventListener('transitionend',function handleTransitionEnd(){el.classList.remove('visible');el.classList.add('hidden');el.removeEventListener('transitionend',handleTransitionEnd)})})}function showElement(elementId){const element=document.getElementById(elementId);element.classList.remove('hidden');element.classList.add('visible');element.style.opacity='1'}function setActiveButton(buttonId,contentId){const button=document.getElementById(buttonId);if (button===activeButton){// If the clicked button is already active,do nothing return}// Remove active class from all buttons const buttons=document.querySelectorAll('button');buttons.forEach(btn=>btn.classList.remove('active'));// Add active class to the clicked button button.classList.add('active');activeButton=button;// Hide all content divs and show the corresponding one hideAll();setTimeout(()=>showElement(contentId),500);// Wait for hide transition to complete}function cama(){setActiveButton("btnCama","Pcont1")}function sala(){setActiveButton("btnSala","Pcont2")}function mesa(){setActiveButton("btnMesa","Pcont3")}function banho(){setActiveButton("btnBanho","Pcont4")}function hotel(){setActiveButton("btnHotel","Pcont5")}function praia(){setActiveButton("btnPraia","Pcont6")}function roupa(){setActiveButton("btnRoupa","Pcont7")}function vest(){setActiveButton("btnVest","Pcont8")}</script>