{"id":2,"date":"2025-12-06T12:19:04","date_gmt":"2025-12-06T12:19:04","guid":{"rendered":"https:\/\/vnewss.co.in\/?page_id=2"},"modified":"2026-02-19T09:02:00","modified_gmt":"2026-02-19T09:02:00","slug":"home","status":"publish","type":"page","link":"https:\/\/epaper.janamgonthu.in\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72398e4b e-flex e-con-boxed e-con e-parent\" data-id=\"72398e4b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3929e55e elementor-widget elementor-widget-text-editor\" data-id=\"3929e55e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<p class=\"wp-block-paragraph\">\u00a0<\/p>\n\n<p class=\"wp-block-paragraph\">\u00a0<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37ecd1a e-con-full e-flex e-con e-parent\" data-id=\"37ecd1a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0432f26 elementor-widget elementor-widget-shortcode\" data-id=\"0432f26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <div id=\"kitekgroup-epaper\" class=\"kitek-epaper-container\">\n        <div class=\"container d-flex flex-column\">\n            <!-- Top Controls: Natural order (first) on all devices -->\n            <div class=\"epaper-top-controls bg-white shadow-sm p-3 mb-4\" style=\"border-radius: 5px;\">\n                <div class=\"row align-items-center\">\n                    <!-- Page Selector -->\n                    <div class=\"col-md-3 col-12 mb-3 mb-md-0\">\n                        <select class=\"form-control form-control-sm\" id=\"pageSelector\">\n                                                        <option value=\"1\">Page 1<\/option>\n                                                        <option value=\"2\">Page 2<\/option>\n                                                    <\/select>\n                    <\/div>\n                    \n                    <!-- Numbered Pagination -->\n                    <div class=\"col-md-6 col-12 mb-3 mb-md-0 d-flex justify-content-center\">\n                        <div class=\"btn-group page-buttons-group\" role=\"group\">\n                                                        <button type=\"button\" class=\"btn btn-sm btn-outline-secondary page-btn active\" data-page=\"1\">\n                                1                            <\/button>\n                                                        <button type=\"button\" class=\"btn btn-sm btn-outline-secondary page-btn \" data-page=\"2\">\n                                2                            <\/button>\n                                                    <\/div>\n                    <\/div>\n                    \n                    <!-- Action Buttons -->\n                    <div class=\"col-md-3 col-12 text-center text-md-right\">\n                        <div class=\"btn-group\" role=\"group\">\n                            <div style=\"position:relative; display:inline-block;\">\n                                <button class=\"btn btn-sm btn-primary date-picker-btn\" id=\"archiveBtn\">\n                                    <i class=\"fas fa-calendar-alt\"><\/i> Archive\n                                <\/button>\n                                <input type=\"text\" class=\"date-picker-input\" style=\"position:absolute; top:100%; left:0; width:0px; height:0px; border:none; padding:0; opacity:0; z-index: 1050;\">\n                            <\/div>\n\n                            <button class=\"btn btn-sm btn-info\" id=\"clipBtn\">\n                                <i class=\"fas fa-cut\"><\/i> Clip\n                            <\/button>\n                            <a href=\"https:\/\/epaper.janamgonthu.in\/wp-content\/uploads\/kitekgroup-epaper\/edition-2026-07-25-6a641f1165c0d.pdf\" class=\"btn btn-sm btn-danger\" target=\"_blank\" id=\"pdfBtn\" download>\n                                <i class=\"fas fa-file-pdf\"><\/i> PDF\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Main Content Row -->\n            <div class=\"row mb-3\">\n                <!-- Sidebar Thumbnails: Order 2 on Mobile (after main image), Order 1 on Desktop (left sidebar) -->\n                <div class=\"col-md-3 col-12 order-2 order-md-1\">\n                    <div class=\"thumbnail-sidebar bg-white p-3 shadow-sm\" style=\"border-radius: 5px; max-height: 800px; overflow-y: auto;\">\n                        <h6 class=\"mb-3 text-center\">Page Thumbnails<\/h6>\n                        <div id=\"thumbnailContainer\">\n                                                        <div class=\"thumbnail-item mb-3 text-center active\" data-page=\"1\">\n                                <div class=\"thumbnail-image-container\" style=\"border: 2px solid #007bff; border-radius: 3px; padding: 2px; cursor: pointer;\">\n                                    <img decoding=\"async\" src=\"https:\/\/epaper.janamgonthu.in\/wp-content\/uploads\/kitekgroup-epaper\/page-1-2026-07-25.jpg\" alt=\"Page 1\" style=\"width: 100%; height: auto; border-radius: 2px;\">\n                                <\/div>\n                                <div class=\"thumbnail-label mt-1\" style=\"font-size: 12px; color: #666;\">Page 1<\/div>\n                            <\/div>\n                                                        <div class=\"thumbnail-item mb-3 text-center \" data-page=\"2\">\n                                <div class=\"thumbnail-image-container\" style=\"border: 2px solid #dee2e6; border-radius: 3px; padding: 2px; cursor: pointer;\">\n                                    <img decoding=\"async\" src=\"https:\/\/epaper.janamgonthu.in\/wp-content\/uploads\/kitekgroup-epaper\/page-2-2026-07-25.jpg\" alt=\"Page 2\" style=\"width: 100%; height: auto; border-radius: 2px;\">\n                                <\/div>\n                                <div class=\"thumbnail-label mt-1\" style=\"font-size: 12px; color: #666;\">Page 2<\/div>\n                            <\/div>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Main Viewer Area: Order 1 on Mobile (first), Order 2 on Desktop (main content) -->\n                <div class=\"col-md-9 col-12 order-1 order-md-2 mb-3 mb-md-0\">\n                    <div class=\"page-viewer-area bg-white p-4 shadow-sm\" style=\"border-radius: 5px;\">\n                        <h4 class=\"text-center mb-4\" id=\"pageTitle\">JANAMGONTHU - Page 1<\/h4>\n                        \n                        <!-- Navigation Arrows -->\n                        <div class=\"page-navigation mb-4\">\n                            <div class=\"d-flex justify-content-center align-items-center\">\n                                <button class=\"btn btn-outline-primary btn-prev mr-3\"><i class=\"fas fa-chevron-left\"><\/i> Previous<\/button>\n                                <span class=\"current-page-info mx-3\">Page <span id=\"currentPageNumber\">1<\/span> of <span id=\"totalPagesCount\">2<\/span><\/span>\n                                <button class=\"btn btn-outline-primary btn-next ml-3\">Next <i class=\"fas fa-chevron-right\"><\/i><\/button>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"page-image-container text-center position-relative\">\n                            <!-- NEW ROBUST WRAPPER: Shrink-wraps the image so the overlay perfectly locks to its bounds natively -->\n                            <div class=\"epaper-image-wrapper position-relative d-inline-block shadow-sm\" style=\"border: 1px solid #ddd; border-radius: 5px; overflow: hidden; max-width: 100%;\">\n                                <div id=\"clippingOverlay\" class=\"position-absolute\" style=\"display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;\">\n                                    <div id=\"clippingSelection\" class=\"ui-resizable ui-draggable\" style=\"position: absolute; border: 2px dashed #007bff; background: rgba(0, 123, 255, 0.1); cursor: move; width: 200px; height: 150px; min-width: 50px; min-height: 50px; left: 50px; top: 50px; box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);\">\n                                    <\/div>\n                                    \n                                    <div id=\"clipControls\" class=\"position-absolute d-flex p-2\" style=\"display: none; background: white; border-radius: 5px; box-shadow: 0 2px 10px rgba(0,0,0,0.3); border: 1px solid #ddd; white-space: nowrap; z-index: 10001;\">\n                                        <button class=\"btn btn-success btn-sm mr-2\" id=\"shareClipBtn\" style=\"min-width: 80px;\"><i class=\"fas fa-share-alt\"><\/i> Share<\/button>\n                                        <button class=\"btn btn-secondary btn-sm\" id=\"cancelClipBtn\" style=\"min-width: 80px;\"><i class=\"fas fa-times\"><\/i> Cancel<\/button>\n                                    <\/div>\n                                <\/div>\n                                <img decoding=\"async\" src=\"https:\/\/epaper.janamgonthu.in\/wp-content\/uploads\/kitekgroup-epaper\/page-1-2026-07-25.jpg\" alt=\"Page 1\" id=\"mainPageImage\" class=\"img-fluid\" style=\"display: block; max-width: 100%; height: auto;\">\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"share-section mt-4\">\n                            <h6 class=\"text-center mb-3\">Share This Page<\/h6>\n                            <div class=\"share-buttons d-flex justify-content-center flex-wrap\">\n                                <a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fepaper.janamgonthu.in%2F\" class=\"share-btn facebook-bg mx-1 mb-2\" target=\"_blank\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n                                <a href=\"https:\/\/twitter.com\/intent\/tweet?text=JANAMGONTHU&url=https%3A%2F%2Fepaper.janamgonthu.in%2F\" class=\"share-btn twitter-bg mx-1 mb-2\" target=\"_blank\"><i class=\"fab fa-twitter\"><\/i><\/a>\n                                <a href=\"whatsapp:\/\/send?text=JANAMGONTHU+https%3A%2F%2Fepaper.janamgonthu.in%2F\" class=\"share-btn whatsapp-bg mx-1 mb-2 d-md-none\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n                                <a href=\"https:\/\/web.whatsapp.com\/send?text=JANAMGONTHU+https%3A%2F%2Fepaper.janamgonthu.in%2F\" class=\"share-btn whatsapp-bg mx-1 mb-2 d-none d-md-inline-block\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n                                <a href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&url=https%3A%2F%2Fepaper.janamgonthu.in%2F&title=JANAMGONTHU\" class=\"share-btn linkedin-bg mx-1 mb-2\" target=\"_blank\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n                                <a href=\"https:\/\/t.me\/share\/url?url=https%3A%2F%2Fepaper.janamgonthu.in%2F&text=JANAMGONTHU\" class=\"share-btn telegram-bg mx-1 mb-2\" target=\"_blank\"><i class=\"fab fa-telegram-plane\"><\/i><\/a>\n                                <a href=\"#\" class=\"share-btn print-bg mx-1 mb-2\" title=\"Print\" onclick=\"window.print(); return false;\"><i class=\"fas fa-print\"><\/i><\/a>\n                                <a href=\"mailto:?subject=JANAMGONTHU&body=https%3A%2F%2Fepaper.janamgonthu.in%2F\" class=\"share-btn email-bg mx-1 mb-2\"><i class=\"fas fa-envelope\"><\/i><\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"d-block d-md-none mt-4 order-3\">\n                <div class=\"mobile-nav bg-white p-3 shadow-sm\" style=\"border-radius: 5px;\">\n                    <div class=\"row align-items-center\">\n                        <div class=\"col-4\"><button class=\"btn btn-outline-primary btn-block btn-prev-mobile\"><i class=\"fas fa-chevron-left\"><\/i><\/button><\/div>\n                        <div class=\"col-4\">\n                            <select class=\"form-control form-control-sm\" id=\"mobilePageSelector\">\n                                                                <option value=\"1\">Page 1<\/option>\n                                                                <option value=\"2\">Page 2<\/option>\n                                                            <\/select>\n                        <\/div>\n                        <div class=\"col-4\"><button class=\"btn btn-outline-primary btn-block btn-next-mobile\"><i class=\"fas fa-chevron-right\"><\/i><\/button><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"modal fade\" id=\"epaper-modal\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n            <div class=\"modal-dialog modal-dialog-centered modal-xl\" role=\"document\">\n                <div class=\"modal-content\">\n                    <div class=\"modal-header d-block p-3\" id=\"epaper-modal-header\">\n                        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\" style=\"position: absolute; top: 10px; right: 15px; z-index: 2000;\"><span aria-hidden=\"true\">&times;<\/span><\/button>\n                    <\/div>\n                    <div class=\"modal-body\" id=\"epaper-modal-body\"><\/div>\n                    <div class=\"modal-footer\" id=\"epaper-modal-footer\">\n                        <button type=\"button\" class=\"btn btn-secondary\" data-dismiss=\"modal\">Close<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <style>\n    .kitek-epaper-container { font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif; }\n    .kitek-epaper-container .fas, .kitek-epaper-container .fab { font-family: 'Font Awesome 5 Free' !important; font-weight: 900 !important; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }\n    .kitek-epaper-container .fab { font-family: 'Font Awesome 5 Brands' !important; font-weight: 400 !important; }\n    .btn i { color: inherit; }\n    .page-buttons-group .btn { margin: 0; border-radius: 0; }\n    .page-buttons-group .btn:first-child { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; }\n    .page-buttons-group .btn:last-child { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; }\n    .btn-group .date-picker-btn, .btn-group #clipBtn, .btn-group a.btn { margin-right: 0 !important; margin-left: 0 !important; }\n    .epaper-top-controls, .thumbnail-sidebar, .page-viewer-area { border: 1px solid #dee2e6; }\n    .thumbnail-item { transition: all 0.2s; }\n    .thumbnail-item:hover .thumbnail-image-container { border-color: #007bff !important; transform: translateY(-2px); }\n    .thumbnail-item.active .thumbnail-image-container { border-color: #007bff !important; box-shadow: 0 0 0 2px rgba(0,123,255,.25); }\n    \n    \/* UPDATED: Removed hover scale to prevent coordinate desync *\/\n    .page-image-container img { transition: none; }\n    .clipping-active { cursor: crosshair; }\n    \n    #clippingOverlay { z-index: 10; cursor: crosshair; }\n    #clippingSelection { box-sizing: border-box; }\n    #clippingSelection .ui-resizable-handle { background: white; border: 1px solid #007bff; width: 10px; height: 10px; z-index: 1000; position: absolute; }\n    #clippingSelection .ui-resizable-nw { left: -5px; top: -5px; cursor: nw-resize; }\n    #clippingSelection .ui-resizable-ne { right: -5px; top: -5px; cursor: ne-resize; }\n    #clippingSelection .ui-resizable-sw { left: -5px; bottom: -5px; cursor: sw-resize; }\n    #clippingSelection .ui-resizable-se { right: -5px; bottom: -5px; cursor: se-resize; }\n    #clippingSelection .ui-resizable-n { top: -5px; left: 0; width: 100%; height: 10px; cursor: n-resize; background: transparent; border: none; }\n    #clippingSelection .ui-resizable-s { bottom: -5px; left: 0; width: 100%; height: 10px; cursor: s-resize; background: transparent; border: none; }\n    #clippingSelection .ui-resizable-e { right: -5px; top: 0; height: 100%; width: 10px; cursor: e-resize; background: transparent; border: none; }\n    #clippingSelection .ui-resizable-w { left: -5px; top: 0; height: 100%; width: 10px; cursor: w-resize; background: transparent; border: none; }\n    #clippingSelection::after, #clippingSelection::before { content: ''; position: absolute; pointer-events: none; }\n    #clipControls { z-index: 1001; }\n    .share-btn { width: 45px; height: 45px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: white; text-decoration: none; transition: all 0.3s; font-size: 1.1rem; }\n    .share-btn:hover { transform: translateY(-3px); box-shadow: 0 4px 8px rgba(0,0,0,0.2); color: white; text-decoration: none; }\n    .facebook-bg { background-color: #3b5998; } .twitter-bg { background-color: #1da1f2; } .whatsapp-bg { background-color: #25d366; } .linkedin-bg { background-color: #0077b5; } .telegram-bg { background-color: #0088cc; } .print-bg { background-color: #6c757d; } .email-bg { background-color: #ea4335; }\n    .btn { padding: 0.375rem 0.75rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; }\n    .btn-sm { padding: 0.25rem 0.5rem; font-size: 0.75rem; line-height: 1.5; }\n    .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; } .shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; } .bg-white { background-color: #fff!important; } .bg-light { background-color: #f8f9fa!important; }\n    @media (max-width: 768px) { .d-md-none { display: none !important; } .d-none { display: none !important; } .d-md-block { display: block !important; } .d-block { display: block !important; } .share-btn { width: 35px; height: 35px; font-size: 14px; } }\n    @media print { .epaper-top-controls, .thumbnail-sidebar, .share-section, .mobile-nav { display: none !important; } .page-image-container img { max-width: 100% !important; box-shadow: none !important; border: none !important; } }\n    .ui-datepicker { background: white; border: 1px solid #ddd; border-radius: 5px; padding: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); z-index: 10000 !important; }\n    <\/style>\n    \n    <script>\n    jQuery(document).ready(function($) {\n        const initialPagesData = {\"1\":{\"image\":\"https:\\\/\\\/epaper.janamgonthu.in\\\/wp-content\\\/uploads\\\/kitekgroup-epaper\\\/page-1-2026-07-25.jpg\",\"title\":\"JANAMGONTHU - Page 1\"},\"2\":{\"image\":\"https:\\\/\\\/epaper.janamgonthu.in\\\/wp-content\\\/uploads\\\/kitekgroup-epaper\\\/page-2-2026-07-25.jpg\",\"title\":\"JANAMGONTHU - Page 2\"}};\n        let localPagesData = initialPagesData;\n        let localTotalPages = 2;\n        let currentEditionDate = '2026-07-25'; \/\/ Store current date\n        const archiveDates = [\"2026-07-25\",\"2026-07-24\",\"2026-07-23\",\"2026-07-22\",\"2026-07-21\",\"2026-07-19\",\"2026-07-18\",\"2026-07-17\",\"2026-07-16\",\"2026-07-15\",\"2026-07-14\",\"2026-07-12\",\"2026-07-11\",\"2026-07-10\",\"2026-07-09\",\"2026-07-08\",\"2026-07-07\",\"2026-07-05\",\"2026-07-04\",\"2026-07-03\",\"2026-07-02\",\"2026-07-01\",\"2026-06-30\",\"2026-06-26\",\"2026-06-25\",\"2026-06-24\",\"2026-06-23\",\"2026-06-20\",\"2026-06-18\",\"2026-06-17\",\"2026-06-16\",\"2026-06-14\",\"2026-06-13\",\"2026-06-12\",\"2026-06-11\",\"2026-06-10\",\"2026-06-09\",\"2026-06-07\",\"2026-06-06\",\"2026-06-05\",\"2026-06-04\",\"2026-06-03\",\"2026-05-30\",\"2026-05-28\",\"2026-05-27\",\"2026-05-26\",\"2026-05-24\",\"2026-05-23\",\"2026-05-22\",\"2026-05-21\"];\n        const currentUrlBase = 'https:\/\/epaper.janamgonthu.in';\n        const editionTitle = 'JANAMGONTHU';\n        const shareLogoUrl = 'https:\/\/epaper.janamgonthu.in\/wp-content\/uploads\/2026\/02\/logo-1.webp';\n        let currentPage = 1;\n\n        function showModalMessage(title, message, isError = false) {\n            const $modal = $('#epaper-modal');\n            const $header = $modal.find('.modal-header');\n            $header.removeClass('bg-danger bg-success text-white bg-primary bg-secondary').addClass('bg-primary text-white');\n            let logoHtml = '';\n            if (shareLogoUrl) { logoHtml = `<img decoding=\"async\" src=\"${shareLogoUrl}\" alt=\"Logo\" style=\"max-width: 100px; height: auto; display: block; margin: 0 auto 5px auto;\">`; }\n            $header.html(`<button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\" style=\"position: absolute; top: 10px; right: 15px; z-index: 2000;\"><span aria-hidden=\"true\">&times;<\/span><\/button>${logoHtml}<h5 class=\"modal-title text-center w-100\" id=\"epaper-modal-title\" style=\"color: white; margin-bottom: 0;\">${title}<\/h5>`);\n            $modal.find('#epaper-modal-body').html(message);\n            $modal.modal('show');\n        }\n        \n        function loadEditionData(data) {\n            localPagesData = data.pages_data;\n            localTotalPages = data.total_pages;\n            \/\/ Update current edition date from AJAX\n            if(data.edition_date) {\n                currentEditionDate = data.edition_date;\n            }\n            $('#pdfBtn').attr('href', data.pdf_url);\n            const pageOptions = Array.from({ length: localTotalPages }, (_, i) => `<option value=\"${i + 1}\">Page ${i + 1}<\/option>`).join('');\n            $('#pageSelector, #mobilePageSelector').html(pageOptions);\n            $('#totalPagesCount').text(localTotalPages);\n            const horizBtns = Array.from({ length: localTotalPages }, (_, i) => `<button type=\"button\" class=\"btn btn-sm btn-outline-secondary page-btn\" data-page=\"${i + 1}\">${i + 1}<\/button>`).join('');\n            $('.page-buttons-group').html(horizBtns);\n            let thumbnailHtml = '';\n            for (let i = 1; i <= localTotalPages; i++) {\n                thumbnailHtml += `<div class=\"thumbnail-item mb-3 text-center\" data-page=\"${i}\"><div class=\"thumbnail-image-container\" style=\"border: 2px solid #dee2e6; border-radius: 3px; padding: 2px; cursor: pointer;\"><img decoding=\"async\" src=\"${localPagesData[i].image}\" alt=\"Page ${i}\" style=\"width: 100%; height: auto; border-radius: 2px;\"><\/div><div class=\"thumbnail-label mt-1\" style=\"font-size: 12px; color: #666;\">Page ${i}<\/div><\/div>`;\n            }\n            $('#thumbnailContainer').html(thumbnailHtml);\n            setupEventListeners(true);\n            loadPage(1);\n        }\n\n        function loadPage(pageNumber) {\n            if (pageNumber < 1 || pageNumber > localTotalPages) return;\n            currentPage = pageNumber;\n            const page = localPagesData[pageNumber];\n            if (!page) return;\n            const mainImage = document.getElementById('mainPageImage');\n            const pageTitle = document.getElementById('pageTitle');\n            const currentPageNumber = document.getElementById('currentPageNumber');\n            mainImage.src = page.image;\n            mainImage.alt = page.title;\n            pageTitle.textContent = page.title;\n            currentPageNumber.textContent = pageNumber;\n            $('#pageSelector').val(pageNumber);\n            $('#mobilePageSelector').val(pageNumber);\n            $('.page-btn').removeClass('active btn-primary').addClass('btn-outline-secondary');\n            $(`.page-btn[data-page=\"${pageNumber}\"]`).removeClass('btn-outline-secondary').addClass('active btn-primary');\n            $('.thumbnail-item').removeClass('active').find('.thumbnail-image-container').css('border-color', '#dee2e6');\n            $(`.thumbnail-item[data-page=\"${pageNumber}\"]`).addClass('active').find('.thumbnail-image-container').css('border-color', '#007bff');\n            updateSocialUrls(page.title, currentUrlBase);\n        }\n        \n        function updateSocialUrls(title, url) {\n            const encodedTitle = encodeURIComponent(title);\n            $('.share-btn').each(function() {\n                const btn = $(this);\n                let href = '';\n                if (btn.hasClass('facebook-bg')) { href = `https:\/\/www.facebook.com\/sharer\/sharer.php?u=${encodeURIComponent(url)}`; } \n                else if (btn.hasClass('twitter-bg')) { href = `https:\/\/twitter.com\/intent\/tweet?text=${encodedTitle}&url=${encodeURIComponent(url)}`; } \n                else if (btn.hasClass('linkedin-bg')) { href = `https:\/\/www.linkedin.com\/shareArticle?mini=true&url=${encodeURIComponent(url)}&title=${encodedTitle}`; } \n                else if (btn.hasClass('telegram-bg')) { href = `https:\/\/t.me\/share\/url?url=${encodeURIComponent(url)}&text=${encodedTitle}`; } \n                else if (btn.hasClass('email-bg')) { href = `mailto:?subject=${encodedTitle}&body=${encodeURIComponent(url)}`; } \n                else if (btn.hasClass('whatsapp-bg')) { const shareText = encodedTitle + ' ' + encodeURIComponent(url); if (window.innerWidth <= 768) { href = `whatsapp:\/\/send?text=${shareText}`; } else { href = `https:\/\/web.whatsapp.com\/send?text=${shareText}`; } }\n                btn.attr('href', href);\n            });\n        }\n        \n        const $clippingOverlay = $('#clippingOverlay');\n        const $clippingSelection = $('#clippingSelection');\n        const $mainPageImage = $('#mainPageImage');\n        const $clipBtn = $('#clipBtn');\n        const $clipControls = $('#clipControls');\n        let clipModeActive = false;\n        \n        function hideClipControls() { $clipControls.hide(); }\n        function showClipControls() { $clipControls.show(); updateClipControlsPosition(); }\n\n        function initClippingMode() {\n            if (typeof $.fn.draggable === 'undefined') {\n                alert('Clipping tool is loading libraries. Please try again in 5 seconds.');\n                return;\n            }\n            clipModeActive = true;\n            $('.epaper-image-wrapper').addClass('clipping-active');\n            \n            \/\/ The overlay is now perfectly and automatically bound to the image wrapper\n            $clippingOverlay.show();\n            \n            $clippingSelection.show();\n            $clippingSelection.draggable({ \n                containment: \"parent\", \/\/ Contain perfectly inside the wrapper\n                cursor: 'move', \n                start: hideClipControls, \n                stop: showClipControls \n            }).resizable({ \n                containment: \"parent\", \n                handles: 'all', \n                minWidth: 50, \n                minHeight: 50, \n                start: hideClipControls, \n                stop: showClipControls \n            });\n            $clipBtn.removeClass('btn-info').addClass('btn-secondary');\n            showClipControls();\n        }\n\n        function exitClippingMode() {\n            clipModeActive = false;\n            $('.epaper-image-wrapper').removeClass('clipping-active');\n            $clippingOverlay.hide();\n            $clippingSelection.hide();\n            hideClipControls();\n            $clipBtn.removeClass('btn-secondary').addClass('btn-info');\n        }\n\n        function updateClipControlsPosition() {\n            const selPos = $clippingSelection.position();\n            const selHeight = $clippingSelection.outerHeight();\n            const selWidth = $clippingSelection.outerWidth();\n            const controlsHeight = $clipControls.outerHeight() || 50;\n            const controlsWidth = $clipControls.outerWidth() || 180;\n            const overlayHeight = $clippingOverlay.height();\n\n            \/\/ Default: Bottom position\n            let top = selPos.top + selHeight + 10;\n            let left = selPos.left + (selWidth \/ 2) - (controlsWidth \/ 2);\n\n            \/\/ Flip to top if no space at bottom\n            if (top + controlsHeight > overlayHeight) {\n                top = selPos.top - controlsHeight - 10;\n                \/\/ If no space at top either, put it inside at the bottom\n                if (top < 0) {\n                     top = selPos.top + selHeight - controlsHeight - 10;\n                }\n            }\n            \n            \/\/ Keep horizontal within bounds\n            if (left < 0) left = 0;\n            if (left + controlsWidth > $clippingOverlay.width()) left = $clippingOverlay.width() - controlsWidth;\n\n            $clipControls.css({\n                'top': top + 'px',\n                'left': left + 'px',\n                'display': 'flex'\n            });\n        }\n\n        $clipBtn.on('click', function() { if (clipModeActive) { exitClippingMode(); } else { initClippingMode(); } });\n        $('#cancelClipBtn').on('click', exitClippingMode);\n\n        \/\/ BULLETPROOF COORDINATE MATH: Replaced .position() with .getBoundingClientRect()\n        $('#shareClipBtn').on('click', function() {\n            const btn = $(this);\n            const originalText = btn.html();\n            btn.prop('disabled', true).html('<i class=\"fas fa-spinner fa-spin\"><\/i>');\n\n            const imageElement = $mainPageImage[0];\n            const selectionElement = $clippingSelection[0];\n            const imageSrc = $mainPageImage.attr('src');\n            \n            \/\/ 1. Get the absolute pixel boundaries relative to your browser screen.\n            \/\/ This is immune to scroll offsets, strange DOM nesting, and margins.\n            const imgRect = imageElement.getBoundingClientRect();\n            const selRect = selectionElement.getBoundingClientRect();\n            \n            \/\/ 2. Subtract the image's top\/left from the selection's top\/left \n            \/\/ to find exactly where the selection is visually inside the image.\n            const visualX = selRect.left - imgRect.left;\n            const visualY = selRect.top - imgRect.top;\n            \n            \/\/ 3. Find the actual physical dimensions of the high-res JPG file\n            const naturalWidth = imageElement.naturalWidth || imgRect.width;\n            const naturalHeight = imageElement.naturalHeight || imgRect.height;\n            \n            \/\/ 4. Calculate the scaling factor (e.g., if a 3000px image is squished into 1000px, factor is 3)\n            const scaleX = naturalWidth \/ imgRect.width;\n            const scaleY = naturalHeight \/ imgRect.height;\n            \n            \/\/ 5. Multiply our visual screen coordinates by the scale factor to get PHP crop pixels\n            let x = visualX * scaleX;\n            let y = visualY * scaleY;\n            let w = selRect.width * scaleX;\n            let h = selRect.height * scaleY;\n            \n            \/\/ 6. Final safety clamp: strictly prevent values from going outside image bounds\n            x = Math.max(0, Math.round(x));\n            y = Math.max(0, Math.round(y));\n            w = Math.min(Math.round(w), naturalWidth - x);\n            h = Math.min(Math.round(h), naturalHeight - y);\n\n            const clipData = { \n                page: currentPage, \n                img: imageSrc, \n                x: x, \n                y: y, \n                w: w, \n                h: h, \n                nw: naturalWidth, \n                nh: naturalHeight,\n                date: currentEditionDate \n            };\n            \n            \/\/ Send data to server\n            $.ajax({\n                url: kitek_ajax.url,\n                type: 'POST',\n                data: {\n                    action: 'kitek_save_clip',\n                    clip_data: btoa(JSON.stringify(clipData))\n                },\n                success: function(response) {\n                    if (response.success) {\n                        const clipId = response.data.clip_id;\n                        \/\/ URL without long data parameter\n                        const clipUrl = `${currentUrlBase}\/view\/${currentPage}\/clip-${clipId}`;\n                        window.open(clipUrl, '_blank');\n                        exitClippingMode();\n                    } else {\n                        alert('Failed to generate clip link. Please try again.');\n                    }\n                },\n                error: function() {\n                    alert('Server error occurred.');\n                },\n                complete: function() {\n                    btn.prop('disabled', false).html(originalText);\n                }\n            });\n        });\n        \n        function initDatePicker() {\n            const dateInput = document.querySelector('.date-picker-input');\n            const archiveBtn = document.querySelector('#archiveBtn');\n            \n            if (dateInput && typeof jQuery !== 'undefined' && jQuery.ui && jQuery.ui.datepicker) {\n                $(dateInput).datepicker({\n                    dateFormat: 'yy-mm-dd',\n                    changeMonth: true,\n                    changeYear: true,\n                    yearRange: '2010:2030',\n                    showOn: \"focus\", \/\/ Ensure it shows when focused\n                    beforeShowDay: function(date) {\n                        const dateStr = $.datepicker.formatDate('yy-mm-dd', date);\n                        const hasEdition = archiveDates.includes(dateStr);\n                        return [true, hasEdition ? 'has-edition' : '', hasEdition ? 'Available' : ''];\n                    },\n                    onSelect: function(dateText) {\n                        $(archiveBtn).prop('disabled', true).html('<i class=\"fas fa-spinner fa-spin\"><\/i> Loading...');\n                        $.ajax({\n                            url: 'https:\/\/epaper.janamgonthu.in\/wp-admin\/admin-ajax.php',\n                            type: 'POST',\n                            data: { action: 'kitek_load_epaper_by_date', edition_date: dateText },\n                            success: function(response) {\n                                if (response.success && response.data.total_pages > 0) {\n                                    loadEditionData(response.data);\n                                } else {\n                                    showModalMessage('Edition Not Found', `No e-paper edition found for <strong>${dateText}<\/strong>.`, true);\n                                }\n                            },\n                            error: function() { showModalMessage('Error', 'An unexpected error occurred while fetching the edition.', true); },\n                            complete: function() { $(archiveBtn).prop('disabled', false).html('<i class=\"fas fa-calendar-alt\"><\/i> Archive'); }\n                        });\n                    }\n                });\n                \n                \/\/ Bind click on archive button to show datepicker\n                if (archiveBtn) {\n                    $(archiveBtn).on('click', function(e) {\n                        e.preventDefault();\n                        if ($.ui && $.ui.datepicker) {\n                            $(dateInput).datepicker('show');\n                        } else {\n                            setTimeout(function(){\n                                if ($.ui && $.ui.datepicker) $(dateInput).datepicker('show');\n                            }, 500);\n                        }\n                    });\n                }\n            }\n        }\n        \n        function setupEventListeners(rebind = false) {\n            if (rebind) {\n                $('.page-btn, .thumbnail-item').off('click');\n                $('#pageSelector, #mobilePageSelector').off('change');\n            }\n            const $prevBtn = $('.btn-prev, .btn-prev-mobile');\n            const $nextBtn = $('.btn-next, .btn-next-mobile');\n            const $pageSelector = $('#pageSelector, #mobilePageSelector');\n            const $pageBtns = $('.page-btn');\n            const $thumbnailItems = $('.thumbnail-item');\n            \n            $prevBtn.on('click', () => loadPage(currentPage - 1));\n            $nextBtn.on('click', () => loadPage(currentPage + 1));\n            $pageSelector.on('change', function() { loadPage(parseInt(this.value)); });\n            $pageBtns.on('click', function() { loadPage(parseInt($(this).data('page'))); });\n            $thumbnailItems.on('click', function() { loadPage(parseInt($(this).data('page'))); });\n            $mainPageImage.on('click', function() {\n                if (clipModeActive) return;\n                const imageSrc = $(this).attr('src');\n                showModalMessage($(this).attr('alt'), `<img decoding=\"async\" src=\"${imageSrc}\" style=\"max-width: 100%; height: auto; display: block; margin: auto;\">`);\n            });\n            $(document).on('keydown', function(e) {\n                if (e.key === 'ArrowLeft' || e.keyCode === 37) { loadPage(currentPage - 1); } \n                else if (e.key === 'ArrowRight' || e.keyCode === 39) { loadPage(currentPage + 1); }\n            });\n            $('#epaper-modal').on('click', '.close, [data-dismiss=\"modal\"]', function() { $('#epaper-modal').modal('hide'); });\n            if (!rebind) { loadPage(1); }\n        }\n        \n        setTimeout(function() {\n            setupEventListeners();\n            initDatePicker();\n        }, 100);\n    });\n    <\/script>\n    \n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e088a37 e-flex e-con-boxed e-con e-parent\" data-id=\"e088a37\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56837fa elementor-widget elementor-widget-heading\" data-id=\"56837fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Ads Banner<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-468d4c0 e-flex e-con-boxed e-con e-parent\" data-id=\"468d4c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b92d64f e-con-full e-flex e-con e-child\" data-id=\"b92d64f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58d0e59 elementor-widget elementor-widget-shortcode\" data-id=\"58d0e59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div id=\"cnh_custom_banner_1_108\" class=\"carousel slide carousel-fade\" data-bs-ride=\"carousel\" data-bs-interval=\"20000\" style=\"width:100%;\">\r\n        <div class=\"carousel-inner\">\r\n                            <div class=\"carousel-item active\">\r\n                    <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/epaper.janamgonthu.in\/wp-content\/uploads\/2025\/12\/1-1.jpeg\" class=\"d-block w-100\" style=\"height: auto;\"><\/a>\r\n                <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa86faa e-con-full e-flex e-con e-child\" data-id=\"aa86faa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-660876e e-con-full e-flex e-con e-child\" data-id=\"660876e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-307713a elementor-widget elementor-widget-shortcode\" data-id=\"307713a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div id=\"cnh_custom_banner_2_697\" class=\"carousel slide carousel-fade\" data-bs-ride=\"carousel\" data-bs-interval=\"20000\" style=\"width:100%;\">\r\n        <div class=\"carousel-inner\">\r\n                            <div class=\"carousel-item active\">\r\n                    <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/epaper.janamgonthu.in\/wp-content\/uploads\/2025\/12\/1-1.jpeg\" class=\"d-block w-100\" style=\"height: auto;\"><\/a>\r\n                <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23a82fd e-con-full e-flex e-con e-child\" data-id=\"23a82fd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92f9dc1 elementor-widget elementor-widget-shortcode\" data-id=\"92f9dc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div id=\"cnh_custom_banner_3_631\" class=\"carousel slide carousel-fade\" data-bs-ride=\"carousel\" data-bs-interval=\"20000\" style=\"width:100%;\">\r\n        <div class=\"carousel-inner\">\r\n                            <div class=\"carousel-item active\">\r\n                    <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/epaper.janamgonthu.in\/wp-content\/uploads\/2025\/12\/1-1.jpeg\" class=\"d-block w-100\" style=\"height: auto;\"><\/a>\r\n                <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00a0 \u00a0 Our Ads Banner<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/epaper.janamgonthu.in\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/epaper.janamgonthu.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/epaper.janamgonthu.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/epaper.janamgonthu.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/epaper.janamgonthu.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":3,"href":"https:\/\/epaper.janamgonthu.in\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":111,"href":"https:\/\/epaper.janamgonthu.in\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/111"}],"wp:attachment":[{"href":"https:\/\/epaper.janamgonthu.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}