define([
    'jquery',
    'slick',
    'domReady'
], function ($, slick, domReady) {
    'use strict';

    domReady(function() {
        const newsTitleDiv = $('.news-bar-title');
        const newsContentDiv = $('.news-bar-content');
        const h3Elements = $('#news-bar-content').find('h3');
        const newsClose = $('.news-bar-close');
        
        h3Elements.each(function(index, element) {
            const div = $('<div>').text($(element).text()).addClass('news-bar-title');
            newsTitleDiv.append(div);
        });

        newsTitleDiv.on('click', function() {
            newsContentDiv.slideToggle();
            $(this).toggleClass('show');

            if ($('.navmenu_active').length === 0) {
                $('.page-wrapper').prepend('<div class="navmenu_active"></div>');
            }

            if ($('.page-wrapper').find('.navmenu_active')) {
                $('.page-wrapper .navmenu_active').click(function () {
                    newsContentDiv.slideUp();
                    newsTitleDiv.removeClass('show');
                    $('.navmenu_active').remove();
                });
            }
        });

        newsClose.on('click', function() {
            newsContentDiv.slideUp();
            newsTitleDiv.removeClass('show');
            $('.navmenu_active').remove();
        });

        newsTitleDiv.slick({
            // centerMode: true,
            arrows: false,
            autoplay: true,
            autoplaySpeed: 5000,
            dots: false,
            infinite: true,
            slidesToShow: 1,
            slidesToScroll: 1,
            swipeToSlide: true,
            dragEndSpeed: 0,
        });
    });
});