(function ($) {
    'use strict';

    function initHoverPostEffect(selector) {
        let postItems = $(selector);

        if ($(window).width() >= 1024) {
            postItems.each(function () {
                let postItem = $(this);
                let postContent = postItem.find('.post-content');
                let entryImage = postItem.find('.entry-image');

                // Hover postContent
                postContent.on('mousemove', function (event) {
                    let relativeX = event.pageX - postItem.offset().left;
                    let relativeY = event.pageY - postItem.offset().top;

                    let imageWidth = entryImage.outerWidth();
                    let imageHeight = entryImage.outerHeight();

                    let translateX = relativeX - imageWidth / 2;
                    let translateY = relativeY - imageHeight / 2;

                    entryImage.css({
                        transform: `translate(${translateX}px, calc(${translateY}px - 50%))`,
                        'transform-style': 'preserve-3d',
                        'will-change': 'transform',
                    });
                });

            });
        }
    }

    $(document).ready(function () {
        initHoverPostEffect('.post-style-modern');
    });
})(jQuery);