/* jQuery(document).ready(function($) { setTimeout(function() { var $sliderModule = $('#room-feature-slider'); var $slickCanvas = $sliderModule.find('.slick-slider'); var $navLinks = $('.custom-nav a'); // 1. Highlight the first link on load $navLinks.first().addClass('active-link'); // 2. CLICK HANDLER: When a text link is clicked $navLinks.on('click', function(e) { e.preventDefault(); var hrefValue = $(this).attr('href'); var slideNum = hrefValue.slice(-1); var slideIndex = parseInt(slideNum) - 1; if ($slickCanvas.length) { $slickCanvas.slick('slickGoTo', slideIndex); } }); // 3. SLIDE CHANGE LISTENER: Catch arrow clicks and swipes // 'afterChange' fires every time a slide transition completes $slickCanvas.on('afterChange', function(event, slick, currentSlide) { // Remove highlight from all links $navLinks.removeClass('active-link'); // Highlight the link that matches the current slide index // (Assumes Link 1 = Index 0, Link 2 = Index 1, etc.) $navLinks.eq(currentSlide).addClass('active-link'); }); }, 1000); // 1s delay ensures the slick engine is fully bound }); */