{"id":2737,"date":"2026-08-29T09:06:35","date_gmt":"2026-08-29T09:06:35","guid":{"rendered":"https:\/\/radio-dks.nl\/?page_id=2737"},"modified":"2026-09-18T11:49:56","modified_gmt":"2026-09-18T11:49:56","slug":"radio-dks-2-0","status":"publish","type":"page","link":"https:\/\/radio-dks.nl\/","title":{"rendered":"Radio DKS 2.0"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2737\" class=\"elementor elementor-2737\">\n\t\t\t\t<div class=\"elementor-element elementor-element-449a144 e-con e-atomic-element e-flexbox-base e-78e94d1 \" data-id=\"449a144\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"449a144\">\n    \t\t<div class=\"elementor-element elementor-element-f23e321 elementor-widget elementor-widget-html\" data-id=\"f23e321\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* ==============================\r\n   RADIO DKS - MOBIELE WEERGAVE\r\n   ============================== *\/\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n    \r\n\r\n    \/* Live programma + knoppen onder elkaar *\/\r\n    .dks-live-klok-wrap {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        align-items: stretch !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        gap: 12px !important;\r\n        padding: 15px !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    \/* Programma informatie *\/\r\n    #dks-live-klok {\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        box-sizing: border-box !important;\r\n        text-align: center !important;\r\n        line-height: 1.5 !important;\r\n        white-space: normal !important;\r\n        word-break: normal !important;\r\n    }\r\n\r\n    \/* WhatsApp *\/\r\n    .dks-whatsapp-live {\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .dks-whatsapp-live img {\r\n        max-width: 32px !important;\r\n        height: auto !important;\r\n    }\r\n\r\n    \/* Audiospeler *\/\r\n    audio {\r\n        width: calc(100% - 30px) !important;\r\n        max-width: 100% !important;\r\n        margin-left: 15px !important;\r\n        margin-right: 15px !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n}\r\n.dks-menu a{\r\n    display:inline-block;\r\n    padding:10px 14px;\r\n\r\n    color:#fff !important;\r\n    text-decoration:none !important;\r\n\r\n    border-radius:6px;\r\n\r\n    transition:\r\n        background .2s ease,\r\n        transform .2s ease,\r\n        box-shadow .2s ease;\r\n}\r\n\r\n.dks-menu a:hover{\r\n    background:#111;\r\n    box-shadow:0 3px 8px rgba(0,0,0,.35);\r\n    transform:translateY(-1px);\r\n}\r\n.dks-menu-tunein{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:0 8px;\r\n    text-decoration:none !important;\r\n}\r\n\r\n.dks-menu-tunein img{\r\n    display:block;\r\n\r\n    width:115px;\r\n    height:auto;\r\n\r\n    transition:transform .2s ease;\r\n}\r\n\r\n.dks-menu-tunein:hover img{\r\n    transform:scale(1.06);\r\n}\r\n.dks-whatsapp-live{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n\r\n    flex-shrink:0;\r\n\r\n    color:#fff !important;\r\n    text-decoration:none !important;\r\n\r\n    font-size:15px;\r\n    font-weight:bold;\r\n}\r\n\r\n.dks-whatsapp-live img{\r\n    display:block;\r\n\r\n    width:170px !important;\r\n    height:auto !important;\r\n    max-width:none !important;\r\n\r\n    object-fit:contain;\r\n\r\n    transition:transform .2s ease;\r\n}\r\n\r\n.dks-whatsapp-live:hover img{\r\n    transform:scale(1.05);\r\n}\r\n\r\n.dks-whatsapp-live span{\r\n    white-space:nowrap;\r\n}\r\n\/* =========================================\r\n   LIVE INFO + WHATSAPP\r\n========================================= *\/\r\n\r\n.dks-live-klok-wrap{\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    gap:12px;\r\n\r\n    max-width:850px;\r\n    margin:12px auto;\r\n}\r\n\r\n.dks-live-klok-wrap #dks-live-klok{\r\n    flex:1;\r\n    margin:0;\r\n}\r\n\r\n.dks-whatsapp-live{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    flex-shrink:0;\r\n}\r\n\r\n.dks-whatsapp-live img{\r\n    display:block;\r\n\r\n    width:170px !important;\r\n    height:auto !important;\r\n    max-width:none !important;\r\n\r\n    object-fit:contain;\r\n\r\n    transition:transform .2s ease;\r\n}\r\n\r\n.dks-whatsapp-live:hover img{\r\n    transform:scale(1.08);\r\n}\r\n\r\n\r\n\/* MOBIEL *\/\r\n\r\n@media(max-width:850px){\r\n\r\n    .dks-live-klok-wrap{\r\n        width:96%;\r\n        gap:8px;\r\n    }\r\n\r\n    @media(max-width:850px){\r\n\r\n    .dks-whatsapp-live img{\r\n        width:130px !important;\r\n        height:auto !important;\r\n    }\r\n\r\n}\r\n\r\n}\r\n\/* =========================================\r\n   RADIO DKS MOBIEL SCHERMVULLEND\r\n========================================= *\/\r\n\r\n@media (max-width:850px){\r\n\r\n    #dks2{\r\n        width:100vw !important;\r\n        max-width:100vw !important;\r\n\r\n        position:relative;\r\n        left:50%;\r\n        margin-left:-50vw !important;\r\n        margin-right:0 !important;\r\n    }\r\n\r\n    #dks2 .dks-header,\r\n    #dks2 .dks-menu,\r\n    #dks2 #dks-live-klok,\r\n    #dks2 #dks-home-content,\r\n    #dks2 #dks-dynamic-page{\r\n        width:100% !important;\r\n        max-width:none !important;\r\n    }\r\n\r\n}\r\n\/* HOMEPAGE COMPACTER BOVEN STREAMINFO *\/\r\n\r\n#dks-home-content .dks-hero{\r\n    min-height:0 !important;\r\n    height:auto !important;\r\n    padding-bottom:10px !important;\r\n    margin-bottom:0 !important;\r\n}\r\n\r\n#dks-home-content .dks-welcome-text{\r\n    margin-bottom:0 !important;\r\n    padding-bottom:0 !important;\r\n}\r\n\r\n#dks-home-content .dks-welcome-last{\r\n    margin-bottom:0 !important;\r\n    padding-bottom:0 !important;\r\n}\r\n\r\n#dks-home-content .dks-info{\r\n    margin-top:5px !important;\r\n}\r\n\/* =========================================\r\n   DKS LIVE KLOK\r\n========================================= *\/\r\n\r\n#dks-live-klok{\r\n    max-width:700px;\r\n    margin:12px auto;\r\n    padding:10px 18px;\r\n    text-align:center;\r\n\r\n    background:rgba(10,10,10,.80);\r\n    border:1px solid rgba(255,255,255,.18);\r\n    border-left:4px solid #e60000;\r\n    border-radius:8px;\r\n\r\n    color:#fff;\r\n    font-size:14px;\r\n    font-weight:bold;\r\n}\r\n\r\n#dks-live-klok.dks-nu-live{\r\n    background:rgba(120,0,0,.85);\r\n    border-color:#ff2020;\r\n}\r\n\/* WHATSAPP CONTACT KNOP *\/\r\n\r\n.dks-whatsapp-contact{\r\n    display:inline-block;\r\n    margin-top:15px;\r\n    padding:14px 24px;\r\n\r\n    background:#25D366;\r\n    color:#fff !important;\r\n\r\n    font-size:16px;\r\n    font-weight:bold;\r\n\r\n    text-decoration:none !important;\r\n\r\n    border-radius:25px;\r\n\r\n    box-shadow:0 4px 15px rgba(0,0,0,.35);\r\n\r\n    transition:.2s;\r\n}\r\n\r\n.dks-whatsapp-contact:hover{\r\n    transform:scale(1.05);\r\n    background:#20bd5a;\r\n}\r\n.dks-programma{\r\n    max-width:850px;\r\n    margin:0 auto;\r\n    text-align:center;\r\n}\r\n\r\n.dks-programma h2{\r\n    color:#fff;\r\n    margin-bottom:25px;\r\n}\r\n\r\n.dks-programma-blok{\r\n    background:rgba(10,10,10,.75);\r\n    border:1px solid rgba(255,255,255,.15);\r\n    border-left:5px solid #e60000;\r\n    border-radius:10px;\r\n    padding:20px;\r\n    margin-bottom:18px;\r\n    box-shadow:0 5px 18px rgba(0,0,0,.35);\r\n}\r\n\r\n.dks-programma-blok h3{\r\n    color:#fff;\r\n    margin:0 0 6px;\r\n    font-size:21px;\r\n}\r\n\r\n.dks-programma-tijd{\r\n    display:inline-block;\r\n    background:#e60000;\r\n    color:#fff;\r\n    font-weight:bold;\r\n    padding:6px 14px;\r\n    border-radius:20px;\r\n    margin:5px 0 12px;\r\n}\r\n\r\n.dks-programma-blok p{\r\n    color:#eee;\r\n    line-height:1.6;\r\n    margin:0;\r\n}\r\n\r\n.dks-programma-extra{\r\n    margin-top:25px;\r\n    font-size:16px;\r\n    font-weight:bold;\r\n    color:#fff;\r\n}\r\n.dks-chat-lp{\r\n    margin-top:18px;\r\n    text-align:center;\r\n}\r\n\r\n.dks-chat-lp img{\r\n    display:block;\r\n    width:220px !important;\r\n    max-width:100% !important;\r\n    height:auto !important;\r\n    margin:0 auto;\r\n    border-radius:8px;\r\n    box-shadow:0 4px 15px rgba(0,0,0,.55);\r\n}\r\n\/* =========================================\r\n   CHATBOX MOBIEL BREDER\r\n========================================= *\/\r\n\r\n@media (max-width:850px){\r\n\r\n    #dks-dynamic-page{\r\n        padding-left:5px !important;\r\n        padding-right:5px !important;\r\n    }\r\n\r\n    #dks-dynamic-content{\r\n        width:100% !important;\r\n        max-width:none !important;\r\n    }\r\n\r\n    .dks-chat-layout{\r\n        display:block !important;\r\n        width:100% !important;\r\n        max-width:none !important;\r\n        margin:0 auto !important;\r\n    }\r\n\r\n    .dks-chat-wrap{\r\n        width:100% !important;\r\n        max-width:none !important;\r\n        margin:0 auto !important;\r\n    }\r\n\r\n    .dks-chat-wrap iframe{\r\n        display:block !important;\r\n        width:100% !important;\r\n        max-width:none !important;\r\n        height:500px !important;\r\n        margin:0 auto !important;\r\n    }\r\n\r\n    .dks-chat-dj{\r\n        width:260px !important;\r\n        max-width:90% !important;\r\n        margin:25px auto 0 !important;\r\n    }\r\n}\r\n\/* =========================================\r\n   KNOP CHAT UITLEG\r\n========================================= *\/\r\n\r\n.dks-chat-help-button{\r\n    display:inline-block;\r\n    background:#e60000;\r\n    color:#fff !important;\r\n    text-decoration:none !important;\r\n    font-size:13px;\r\n    font-weight:bold;\r\n    padding:10px 14px;\r\n    border-radius:7px;\r\n    transition:.2s;\r\n}\r\n\r\n.dks-chat-help-button:hover{\r\n    background:#ff2020;\r\n    transform:scale(1.05);\r\n}\r\n\/* =========================================\r\n   CHAT UITLEG\r\n========================================= *\/\r\n\r\n.dks-chat-help{\r\n    margin-top:20px;\r\n    padding-top:15px;\r\n    border-top:1px solid rgba(255,255,255,.20);\r\n}\r\n\r\n.dks-chat-help-title{\r\n    color:#fff;\r\n    font-size:15px;\r\n    font-weight:bold;\r\n    margin-bottom:10px;\r\n}\r\n\r\n.dks-chat-help img{\r\n    display:block;\r\n    width:100%;\r\n    max-width:175px;\r\n    height:auto;\r\n    margin:0 auto;\r\n    border-radius:6px;\r\n}\r\n\/* =========================================\r\n   RADIO DKS VASTE ACHTERGROND MOBIEL\r\n========================================= *\/\r\n\r\n@media (max-width:850px){\r\n\r\n    html{\r\n        background:#111 !important;\r\n    }\r\n\r\n    body{\r\n        background:none !important;\r\n        position:relative;\r\n    }\r\n\r\n    body::before{\r\n        content:\"\";\r\n        position:fixed;\r\n\r\n        top:0;\r\n        left:0;\r\n\r\n        width:100vw;\r\n        height:100vh;\r\n        height:100dvh;\r\n\r\n        background-image:url(\"https:\/\/radio-dks.nl\/wp-content\/uploads\/2025\/10\/background-radio-dks-2025.png\");\r\n        background-repeat:no-repeat;\r\n        background-position:center center;\r\n        background-size:cover;\r\n\r\n        z-index:-1;\r\n        pointer-events:none;\r\n    }\r\n\r\n    #tp-page,\r\n    #tp-content,\r\n    .tp-site-content,\r\n    .site-content,\r\n    .content-area,\r\n    main,\r\n    article,\r\n    .entry-content,\r\n    .elementor,\r\n    .elementor-section,\r\n    .elementor-container,\r\n    .elementor-widget-wrap,\r\n    .e-con,\r\n    .e-con-inner{\r\n        background:transparent !important;\r\n        background-color:transparent !important;\r\n        background-image:none !important;\r\n    }\r\n}\r\n\/* =========================================\r\n   CHATBOX + LIVE DJ\r\n========================================= *\/\r\n\r\n.dks-chat-layout{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1fr) 210px;\r\n    gap:25px;\r\n    align-items:start;\r\n    max-width:1150px;\r\n    margin:0 auto;\r\n}\r\n\r\n.dks-chat-dj{\r\n    text-align:center;\r\n    padding:18px 12px;\r\n    background:rgba(10,10,10,.65);\r\n    border:1px solid rgba(255,255,255,.18);\r\n    border-radius:12px;\r\n    width:260px;\r\n}\r\n}\r\n\r\n.dks-chat-dj-title{\r\n    color:#fff;\r\n    font-size:16px;\r\n    font-weight:bold;\r\n    margin-bottom:12px;\r\n}\r\n\r\n.dks-chat-dj iframe{\r\n    display:block;\r\n    width:175px;\r\n    height:175px;\r\n    margin:0 auto;\r\n    border:0;\r\n}\r\n\r\n@media(max-width:850px){\r\n\r\n    .dks-chat-layout{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .dks-chat-dj{\r\n        max-width:220px;\r\n        margin:0 auto;\r\n    }\r\n\r\n}\r\n\/* =========================================\r\n   LOGO'S LUISTER LIVE\r\n========================================= *\/\r\n\r\n.dks-player-logos{\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    flex-wrap:wrap;\r\n    gap:30px;\r\n    margin-top:15px;\r\n}\r\n\r\n.dks-player-logos a{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    width:120px;\r\n    height:100px;\r\n}\r\n\r\n.dks-player-logos img{\r\n    display:block;\r\n    max-width:100px !important;\r\n    max-height:80px !important;\r\n    width:auto !important;\r\n    height:auto !important;\r\n\r\n    object-fit:contain;\r\n    transition:transform .2s ease;\r\n}\r\n\r\n.dks-player-logos a:hover img{\r\n    transform:scale(1.10);\r\n}\r\n\/* =========================================\r\n   WIE DRAAIT ER\r\n========================================= *\/\r\n\r\n.dks-dj-status{\r\n    width:100%;\r\n    text-align:center;\r\n    padding:25px 15px;\r\n    background:rgba(10,10,10,.55);\r\n    border-bottom:1px solid rgba(255,255,255,.12);\r\n}\r\n\r\n.dks-dj-status-title{\r\n    color:#fff;\r\n    font-size:20px;\r\n    font-weight:bold;\r\n    margin-bottom:15px;\r\n}\r\n\r\n.dks-dj-status iframe{\r\n    display:block;\r\n    width:200px;\r\n    height:175px;\r\n    margin:0 auto;\r\n    border:0;\r\n}\r\n\/* =========================================\r\n   RADIO DKS 2.0\r\n========================================= *\/\r\n\r\n#dks2{\r\n    font-family:Arial,Helvetica,sans-serif;\r\n    color:#fff;\r\n    max-width:1400px;\r\n    margin:0 auto;\r\n}\r\n\r\n#dks2 *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HEADER\r\n========================================= *\/\r\n\r\n.dks-header{\r\n    background:linear-gradient(135deg,#111,#272727);\r\n    border-bottom:4px solid #d50000;\r\n    border-radius:14px 14px 0 0;\r\n    padding:22px 25px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:30px;\r\n\r\n    box-shadow:0 5px 25px rgba(0,0,0,.5);\r\n}\r\n\r\n\r\n\/* LOGO *\/\r\n\r\n.dks-logo{\r\n    width:28%;\r\n    min-width:220px;\r\n}\r\n\r\n.dks-logo-main{\r\n    font-size:38px;\r\n    font-weight:900;\r\n    letter-spacing:2px;\r\n}\r\n\r\n.dks-logo-main span{\r\n    color:#ff1a1a;\r\n}\r\n\r\n.dks-slogan{\r\n    font-size:14px;\r\n    color:#ccc;\r\n    margin-top:5px;\r\n}\r\n\r\n\r\n\/* NU LIVE *\/\r\n\r\n.dks-live{\r\n    width:40%;\r\n    text-align:center;\r\n}\r\n\r\n.dks-live-label{\r\n    display:inline-block;\r\n    background:#d50000;\r\n    padding:6px 15px;\r\n    border-radius:20px;\r\n\r\n    font-size:13px;\r\n    font-weight:bold;\r\n    margin-bottom:8px;\r\n}\r\n\r\n.dks-song{\r\n    font-size:20px;\r\n    font-weight:bold;\r\n    min-height:26px;\r\n}\r\n\/* =========================================\r\n   RDS EFFECT - NU LIVE\r\n========================================= *\/\r\n\r\n.dks-live{\r\n    overflow:hidden;\r\n}\r\n\r\n.dks-song{\r\n    position:relative;\r\n    overflow:hidden;\r\n    white-space:nowrap;\r\n    width:100%;\r\n}\r\n\r\n.dks-song::after{\r\n    content:attr(data-rds);\r\n}\r\n\r\n.dks-rds-text{\r\n    display:inline-block;\r\n    white-space:nowrap;\r\n    padding-left:100%;\r\n    animation:dks-rds-scroll 20s linear infinite;\r\n}\r\n\r\n@keyframes dks-rds-scroll{\r\n\r\n    0%{\r\n        transform:translateX(0);\r\n    }\r\n\r\n    100%{\r\n        transform:translateX(-100%);\r\n    }\r\n}\r\n\r\n\/* PLAYER *\/\r\n\r\n.dks-player{\r\n    width:32%;\r\n    min-width:300px;\r\n}\r\n\r\n.dks-player audio{\r\n    display:block;\r\n    width:100%;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MENU\r\n========================================= *\/\r\n\r\n.dks-menu{\r\n    position:sticky;\r\n    top:0;\r\n    z-index:999;\r\n\r\n    display:flex;\r\n    justify-content:center;\r\n    flex-wrap:wrap;\r\n\r\n    gap:6px;\r\n\r\n    background:#d50000;\r\n    padding:10px;\r\n\r\n    box-shadow:0 4px 15px rgba(0,0,0,.5);\r\n}\r\n\r\n.dks-menu a{\r\n    color:#fff !important;\r\n    text-decoration:none !important;\r\n\r\n    padding:10px 16px;\r\n\r\n    border-radius:7px;\r\n\r\n    font-weight:bold;\r\n    font-size:14px;\r\n\r\n    cursor:pointer;\r\n}\r\n\r\n.dks-menu{\r\n    background:#8b0000 !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   WELKOM\r\n========================================= *\/\r\n\r\n.dks-hero{\r\n    text-align:center;\r\n\r\n    padding:65px 25px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at center,\r\n            rgba(180,0,0,.18),\r\n            transparent 55%\r\n        ),\r\n        rgba(0,0,0,.30);\r\n}\r\n\r\n.dks-hero h1{\r\n    font-size:42px;\r\n    margin:0 0 20px;\r\n}\r\n\r\n.dks-hero h1 span{\r\n    color:#ff1b1b;\r\n}\r\n\r\n\r\n\/* Welkomsttekst *\/\r\n\r\n.dks-welcome-text{\r\n    max-width:700px;\r\n    margin:0 auto;\r\n\r\n    text-align:center;\r\n\r\n    font-size:16px;\r\n    line-height:1.6;\r\n}\r\n\r\n.dks-welcome-text p{\r\n    margin:0 0 15px 0;\r\n}\r\n\r\n.dks-welcome-last{\r\n    margin-top:22px !important;\r\n    font-size:18px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   KNOPPEN\r\n========================================= *\/\r\n\r\n.dks-button{\r\n    display:inline-block;\r\n\r\n    background:#d50000;\r\n\r\n    color:#fff !important;\r\n    text-decoration:none !important;\r\n\r\n    padding:14px 25px;\r\n\r\n    border-radius:9px;\r\n\r\n    font-weight:bold;\r\n\r\n    margin:5px;\r\n\r\n    border:0;\r\n\r\n    cursor:pointer;\r\n}\r\n\r\n.dks-button:hover{\r\n    background:#ff2020;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   STREAMINFO\r\n========================================= *\/\r\n\r\n.dks-info{\r\n    display:flex;\r\n\r\n    justify-content:center;\r\n    flex-wrap:wrap;\r\n\r\n    gap:25px;\r\n\r\n    background:rgba(20,20,20,.75);\r\n\r\n    padding:20px;\r\n\r\n    border-top:1px solid #333;\r\n    border-bottom:1px solid #333;\r\n}\r\n\r\n.dks-info-box{\r\n    text-align:center;\r\n    min-width:150px;\r\n}\r\n\r\n.dks-info-title{\r\n    color:#aaa;\r\n    font-size:12px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.dks-info-value{\r\n    font-size:18px;\r\n    font-weight:bold;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BLOKKEN\r\n========================================= *\/\r\n\r\n\r\n.dks-section{\r\n    padding:55px 25px;\r\n\r\n    background:rgba(12,12,12,.55);\r\n}\r\n\r\n.dks-section h2{\r\n    text-align:center;\r\n\r\n    font-size:32px;\r\n\r\n    margin:0 0 35px;\r\n}\r\n\r\n.dks-grid{\r\n    display:grid;\r\n\r\n    grid-template-columns:repeat(3,1fr);\r\n\r\n    gap:20px;\r\n}\r\n\r\n.dks-card{\r\n    background:rgba(15,15,15,.60);\r\n\r\n    border:1px solid rgba(255,255,255,.20);\r\n\r\n    border-radius:13px;\r\n\r\n    padding:28px 22px;\r\n\r\n    text-align:center;\r\n\r\n    box-shadow:0 8px 20px rgba(0,0,0,.25);\r\n}\r\n\r\n.dks-card h3{\r\n    color:#ff2424;\r\n    font-size:21px;\r\n}\r\n\r\n.dks-card p{\r\n    line-height:1.6;\r\n    color:#ddd;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DYNAMISCHE PAGINA\r\n========================================= *\/\r\n\r\n#dks-dynamic-page{\r\n    display:none;\r\n\r\n    padding:5px 20px 25px;\r\n\r\n    min-height:500px;\r\n\r\n    background:transparent !important;\r\n}\r\n\r\n#dks-dynamic-content{\r\n    background:transparent !important;\r\n}\r\n\r\n.dks-dynamic-title:empty{\r\n    display:none !important;\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n}\r\n\r\n.dks-back{\r\n    text-align:right;\r\n    margin-bottom:20px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LIVE MEEKIJKEN\r\n========================================= *\/\r\n\r\n.dks-frame{\r\n    max-width:1100px;\r\n\r\n    margin:0 auto;\r\n\r\n    background:transparent;\r\n\r\n    border-radius:12px;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n.dks-frame iframe{\r\n    display:block;\r\n\r\n    width:100%;\r\n\r\n    height:700px;\r\n\r\n    border:0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CHATBOX\r\n========================================= *\/\r\n\r\n.dks-chat-wrap{\r\n    width:100%;\r\n    max-width:1100px;\r\n\r\n    margin:0 auto;\r\n\r\n    padding:0;\r\n\r\n    background:transparent !important;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n.dks-chat-wrap iframe{\r\n    display:block;\r\n\r\n    width:100%;\r\n\r\n    height:500px;\r\n\r\n    border:0;\r\n\r\n    margin:0;\r\n    padding:0;\r\n}\r\n\r\n\r\n\/* CHATREGELS TICKER *\/\r\n\r\n.dks-chat-ticker{\r\n    position:relative;\r\n\r\n    width:100%;\r\n    height:42px;\r\n\r\n    overflow:hidden;\r\n\r\n    white-space:nowrap;\r\n\r\n    background:transparent !important;\r\n\r\n    border-top:2px solid #e60000;\r\n    border-bottom:2px solid #e60000;\r\n\r\n    margin-top:10px;\r\n\r\n    box-sizing:border-box;\r\n}\r\n\r\n.dks-chat-ticker-text{\r\n    position:absolute;\r\n\r\n    top:50%;\r\n    left:100%;\r\n\r\n    white-space:nowrap;\r\n\r\n    color:#fff;\r\n\r\n    font-size:14px;\r\n    font-weight:bold;\r\n\r\n    animation:dks-chat-loop 90s linear infinite;\r\n}\r\n\r\n@keyframes dks-chat-loop{\r\n\r\n    from{\r\n        transform:translate(0,-50%);\r\n    }\r\n\r\n    to{\r\n        transform:translate(-200%,-50%);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   FOOTER\r\n========================================= *\/\r\n\r\n.dks-footer{\r\n    background:rgba(0,0,0,.75);\r\n\r\n    text-align:center;\r\n\r\n    padding:25px;\r\n\r\n    color:#aaa;\r\n\r\n    border-top:3px solid #d50000;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBIEL\r\n========================================= *\/\r\n\r\n@media(max-width:850px){\r\n\r\n    .dks-header{\r\n        flex-direction:column;\r\n        text-align:center;\r\n    }\r\n\r\n    .dks-logo,\r\n    .dks-live,\r\n    .dks-player{\r\n        width:100%;\r\n        min-width:0;\r\n    }\r\n\r\n    .dks-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .dks-hero h1{\r\n        font-size:32px;\r\n    }\r\n\r\n    .dks-frame iframe{\r\n        height:500px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div id=\"dks2\">\r\n\r\n\r\n<!-- =========================================\r\n     HEADER\r\n========================================= -->\r\n\r\n<div class=\"dks-header\" id=\"home\">\r\n\r\n    <div class=\"dks-logo\">\r\n\r\n        <div class=\"dks-logo-main\">\r\n            RADIO <span>DKS<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"dks-slogan\">\r\n            Non Stop de Beste Hits\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"dks-live\">\r\n\r\n        <div class=\"dks-live-label\">\r\n            \ud83d\udd34 NU LIVE\r\n        <\/div>\r\n\r\n        <div class=\"dks-song\">\r\n\r\n    <span\r\n        class=\"dks-rds-text\"\r\n        id=\"dks-now-playing\">\r\n        Laden...\r\n    <\/span>\r\n\r\n<\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"dks-player\">\r\n\r\n        <audio controls preload=\"none\">\r\n\r\n            <source\r\n                src=\"https:\/\/caster04.streampakket.com\/proxy\/8302\/stream\"\r\n                type=\"audio\/mpeg\">\r\n\r\n        <\/audio>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n<div class=\"dks-live-klok-wrap\">\r\n\r\n    <div id=\"dks-live-klok\">\r\n        \ud83d\udcfb Live programma laden...\r\n    <\/div>\r\n\r\n    <a\r\n        class=\"dks-whatsapp-live\"\r\n        href=\"https:\/\/wa.me\/31653841470\"\r\n        target=\"_blank\"\r\n        rel=\"noopener\"\r\n        title=\"WhatsApp Radio DKS\"\r\n    >\r\n        <img decoding=\"async\"\r\n            src=\"https:\/\/radio-dks.nl\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-2-2026-06_53_59-PM.png\"\r\n            alt=\"WhatsApp Radio DKS\"\r\n        >\r\n        \r\n        <span>App de studio<\/span>\r\n    <\/a>\r\n\r\n<\/div>\r\n\r\n<!-- =========================================\r\n     MENU\r\n========================================= -->\r\n\r\n<nav class=\"dks-menu\">\r\n\r\n    <a onclick=\"dksPagina('home')\">\r\n        Home\r\n    <\/a>\r\n\r\n    <a onclick=\"dksPagina('luisteren')\">\r\n        Luister Live\r\n    <\/a>\r\n\r\n    <a onclick=\"dksPagina('live')\">\r\n        Live meekijken\r\n    <\/a>\r\n\r\n    <a href=\"#\"\r\n   onclick=\"dksOpenVerzoek(); return false;\">\r\n    Verzoekplaat\r\n   <\/a>\r\n\r\n    <a onclick=\"dksPagina('chat')\">\r\n        Chatbox\r\n    <\/a>\r\n<a href=\"javascript:void(0)\" onclick=\"dksPagina('programma')\">\r\n    Programma\r\n<a\r\n    href=\"https:\/\/wa.me\/31653841470\"\r\n    target=\"_blank\"\r\n    rel=\"noopener\"\r\n>\r\n    \ud83d\udcf1 WhatsApp\r\n<\/a>\r\n<a href=\"https:\/\/tunein.com\/radio\/RADIO-DKS-s360854\/\"\r\n   target=\"_blank\"\r\n   rel=\"noopener\"\r\n   class=\"dks-menu-tunein\">\r\n\r\n    <img decoding=\"async\" src=\"https:\/\/radio-dks.nl\/wp-content\/uploads\/2026\/09\/tunein-button-3.png\"\r\n         alt=\"Luister naar Radio DKS via TuneIn\">\r\n\r\n<\/a>\r\n<\/nav>\r\n\r\n\r\n<!-- =========================================\r\n     HOMEPAGE\r\n========================================= -->\r\n\r\n<div id=\"dks-home-content\">\r\n\r\n\r\n<section class=\"dks-hero\">\r\n\r\n    <h1>\r\n        \ud83c\udfb6 Welkom bij \ud83c\udfb6 <span>Radio DKS<\/span>\r\n    <\/h1>\r\n\r\n\r\n    <div class=\"dks-welcome-text\">\r\n\r\n        <p>\r\n            Leuk dat je er bent!\r\n            Bij <strong>Radio DKS<\/strong> hoor je de\r\n            <strong>meeste non-stop hits<\/strong>\r\n            in een gezellige sfeer.\r\n        <\/p>\r\n\r\n        <p>\r\n            Vanuit onze studio's draaien we muziek\r\n            zo vaak we kunnen \u2014\r\n            <strong>live of non-stop<\/strong> \u2014\r\n            met een afwisselend programma.\r\n        <\/p>\r\n\r\n        <p>\r\n            Van de grootste hits uit de\r\n            <strong>jaren '60 tot nu<\/strong>,\r\n            tot foute muziek, soul, disco en funk.\r\n            <br>\r\n            Niets is te gek:\r\n            <strong>als het swingt, draaien wij het!<\/strong>\r\n        <\/p>\r\n\r\n        <p>\r\n            \ud83d\udcac <strong>Doe mee in de chat!<\/strong>\r\n            <br>\r\n            Klets gezellig mee met onze DJ's\r\n            en andere luisteraars.\r\n        <\/p>\r\n\r\n        <p>\r\n            \ud83d\udcfb <strong>Verzoekje? Altijd welkom!<\/strong>\r\n            <br>\r\n            Heb je een favoriet nummer?\r\n            Laat het ons weten.\r\n            <br>\r\n            Als we hem hebben,\r\n            zetten we hem graag voor je aan.\r\n        <\/p>\r\n\r\n        <p class=\"dks-welcome-last\">\r\n            \ud83c\udfa7\r\n            <strong>\r\n                Radio DKS \u2014 Non Stop de Beste Hits!\r\n            <\/strong>\r\n        <\/p>\r\n<!-- RADIO DKS - CD VAN DE WEEK -->\r\n\r\n<div id=\"dks-cd-week\" style=\"\r\n    display:none;\r\n    width:100%;\r\n    text-align:center;\r\n    padding:25px 10px;\r\n    box-sizing:border-box;\r\n\">\r\n\r\n    <div style=\"\r\n        max-width:250px;\r\n        margin:0 auto;\r\n        padding:8px;\r\n        background:rgba(15,15,15,0.85);\r\n        border:1px solid #333;\r\n        border-radius:12px;\r\n        box-shadow:\r\n            0 8px 22px rgba(0,0,0,0.75),\r\n            0 0 12px rgba(230,0,0,0.18);\r\n    \">\r\n\r\n        <img decoding=\"async\"\r\n            id=\"dks-weekschijf-afbeelding\"\r\n            src=\"https:\/\/radio-dks.nl\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-11-at-08.45.46.jpeg\"\r\n            alt=\"Radio DKS - Weekschijf\"\r\n            style=\"\r\n                width:100%;\r\n                height:auto;\r\n                display:block;\r\n                border-radius:8px;\r\n            \"\r\n        >\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n\r\n    const cdBlok = document.getElementById(\"dks-cd-week\");\r\n    const afbeelding = document.getElementById(\"dks-weekschijf-afbeelding\");\r\n\r\n    \/\/ Vanaf deze datum mag de weekschijf zichtbaar zijn\r\n    const startTijd = new Date(\"2026-09-04T00:00:00+02:00\");\r\n\r\n    \/\/ Wisselmoment nieuwe weekschijf\r\n    const wisselTijd = new Date(\"2026-09-18T18:58:00+02:00\");\r\n\r\n    \/\/ Oude weekschijf\r\n    const oudeWeekschijf =\r\n        \"https:\/\/radio-dks.nl\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-11-at-08.45.46.jpeg\";\r\n\r\n    \/\/ Nieuwe weekschijf\r\n    const nieuweWeekschijf =\r\n        \"https:\/\/radio-dks.nl\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-18-sep-2026-13_32_41.png\";\r\n\r\n    function controleerWeekschijf() {\r\n\r\n        const nu = new Date();\r\n\r\n        \/\/ Blok zichtbaar maken\r\n        if (nu >= startTijd) {\r\n            cdBlok.style.display = \"block\";\r\n        } else {\r\n            cdBlok.style.display = \"none\";\r\n        }\r\n\r\n        \/\/ Afbeelding automatisch wisselen\r\n        if (nu >= wisselTijd) {\r\n            afbeelding.src = nieuweWeekschijf;\r\n        } else {\r\n            afbeelding.src = oudeWeekschijf;\r\n        }\r\n    }\r\n\r\n    controleerWeekschijf();\r\n\r\n    \/\/ Iedere 5 seconden controleren\r\n    setInterval(controleerWeekschijf, 5000);\r\n\r\n})();\r\n<\/script>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- STREAMINFO -->\r\n\r\n<div class=\"dks-info\">\r\n\r\n    <div class=\"dks-info-box\">\r\n\r\n        <div class=\"dks-info-title\">\r\n            Stream titel\r\n        <\/div>\r\n\r\n        <div\r\n            class=\"dks-info-value\"\r\n            id=\"dks-stream-title\">\r\n\r\n            Radio DKS\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"dks-info-box\">\r\n\r\n        <div class=\"dks-info-title\">\r\n            Bitrate\r\n        <\/div>\r\n\r\n        <div\r\n            class=\"dks-info-value\"\r\n            id=\"dks-bitrate\">\r\n\r\n            --\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"dks-info-box\">\r\n\r\n        <div class=\"dks-info-title\">\r\n            Luisteraars\r\n        <\/div>\r\n\r\n        <div\r\n            class=\"dks-info-value\"\r\n            id=\"dks-listeners\">\r\n\r\n            --\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- RADIO DKS BLOKKEN -->\r\n\r\n<section class=\"dks-section\">\r\n\r\n<h2>\r\n\ud83d\udcfb Radio DKS\r\n<\/h2>\r\n\r\n\r\n<div class=\"dks-grid\">\r\n\r\n\r\n<!-- LIVE MEEKIJKEN -->\r\n\r\n<div class=\"dks-card\">\r\n\r\n    <h3>\r\n        \ud83d\udcf9 Live meekijken\r\n    <\/h3>\r\n\r\n    <p>\r\n        Kijk live mee in de studio van Radio DKS.\r\n    <\/p>\r\n\r\n    <button\r\n        class=\"dks-button\"\r\n        onclick=\"dksPagina('live')\">\r\n\r\n        Live meekijken\r\n\r\n    <\/button>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- VERZOEKPLAAT -->\r\n\r\n<div class=\"dks-card\">\r\n\r\n    <h3>\r\n        \ud83c\udfb5 Verzoekplaat\r\n    <\/h3>\r\n\r\n    <p>\r\n        Een favoriet nummer dat je graag wilt horen?\r\n        Stuur je verzoek naar de studio.\r\n    <\/p>\r\n\r\n    <a\r\n        class=\"dks-button\"\r\n        href=\"https:\/\/serv4.verzoeksysteem.nl\/verzoek\/?rs=9922\"\r\n        target=\"_blank\">\r\n\r\n        Verzoek aanvragen\r\n\r\n    <\/a>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- CHATBOX -->\r\n\r\n<div class=\"dks-card\">\r\n\r\n    <h3>\r\n        \ud83d\udcac Chatbox\r\n    <\/h3>\r\n\r\n    <p>\r\n        Praat gezellig mee met de DJ's\r\n        en andere luisteraars.\r\n    <\/p>\r\n\r\n    <button\r\n        class=\"dks-button\"\r\n        onclick=\"dksPagina('chat')\">\r\n\r\n        Naar de chat\r\n\r\n    <\/button>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n<!-- CONTACT -->\r\n\r\n<section class=\"dks-section\">\r\n\r\n<h2>\r\n\ud83d\udce8 Contact met Radio DKS\r\n<\/h2>\r\n\r\n<div class=\"dks-card\">\r\n\r\n    <p>\r\n        Heb je een vraag,<br> verzoek, tip\r\n        of wil je<br> misschien zelf DJ worden\r\n        bij Radio DKS?\r\n    <\/p>\r\n\r\n    <a\r\n        class=\"dks-button\"\r\n        href=\"mailto:dksradio95@gmail.com\">\r\n\r\n        \u2709\ufe0f Mail Ons<\/a>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =========================================\r\n     DYNAMISCHE PAGINA\r\n========================================= -->\r\n\r\n<section id=\"dks-dynamic-page\">\r\n\r\n    <div class=\"dks-back\">\r\n\r\n        \r\n\r\n    <\/div>\r\n\r\n\r\n    <div id=\"dks-dynamic-content\">\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================\r\n     FOOTER\r\n========================================= -->\r\n\r\n<div class=\"dks-footer\">\r\n\r\n    <strong>\r\n        Radio DKS\r\n    <\/strong>\r\n\r\n    <br>\r\n\r\n   \ud83c\udfb5 Non Stop de Beste Hits \ud83c\udfb5\r\n\r\n    <br><br>\r\n\r\n    <div class=\"dks-license\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"https:\/\/radio-dks.nl\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-30-aug-2026-20_05_29.png\"\r\n            alt=\"BumaStemra licentie Radio DKS\">\r\n\r\n        <div>\r\n            Radio DKS is gelicentieerd bij BumaStemra\r\n            <br>\r\n            Licentiecode: <strong>81588055<\/strong>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <br>\r\n\r\n    \u00a9 Radio DKS\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================\r\n   STREAMINFO UIT XML\r\n========================================= *\/\r\n\r\n(function(){\r\n\r\n    const streamInfoUrl =\r\n        'https:\/\/caster04.streampakket.com:2199\/rpc\/radiodk2\/streaminfo.get?x=1';\r\n\r\n\r\n    function laadStreamInfo(){\r\n\r\n        fetch(\r\n            streamInfoUrl +\r\n            '&_=' +\r\n            Date.now()\r\n        )\r\n\r\n        .then(function(response){\r\n\r\n            return response.text();\r\n\r\n        })\r\n\r\n        .then(function(xmlText){\r\n\r\n            const parser =\r\n                new DOMParser();\r\n\r\n\r\n            const xml =\r\n                parser.parseFromString(\r\n                    xmlText,\r\n                    'text\/xml'\r\n                );\r\n\r\n\r\n            const item =\r\n                xml.querySelector('item');\r\n\r\n\r\n            if(!item){\r\n                return;\r\n            }\r\n\r\n\r\n            const song =\r\n                item.querySelector('song')?.textContent\r\n                || 'Radio DKS';\r\n\r\n\r\n            const title =\r\n                item.querySelector(':scope > title')?.textContent\r\n                || 'Radio DKS';\r\n\r\n\r\n            const bitrate =\r\n                item.querySelector('bitrate')?.textContent\r\n                || '--';\r\n\r\n\r\n            const listeners =\r\n                item.querySelector('listeners')?.textContent\r\n                || '--';\r\n\r\n\r\n            const nowPlaying =\r\n                document.getElementById(\r\n                    'dks-now-playing'\r\n                );\r\n\r\n\r\n            if(nowPlaying){\r\n                nowPlaying.textContent = song;\r\n            }\r\n\r\n\r\n            const streamTitle =\r\n                document.getElementById(\r\n                    'dks-stream-title'\r\n                );\r\n\r\n\r\n            if(streamTitle){\r\n                streamTitle.textContent = title;\r\n            }\r\n\r\n\r\n            const bitrateBox =\r\n                document.getElementById(\r\n                    'dks-bitrate'\r\n                );\r\n\r\n\r\n            if(bitrateBox){\r\n                bitrateBox.textContent = bitrate;\r\n            }\r\n\r\n\r\n            const listenersBox =\r\n                document.getElementById(\r\n                    'dks-listeners'\r\n                );\r\n\r\n\r\n            if(listenersBox){\r\n                listenersBox.textContent = listeners;\r\n            }\r\n\r\n        })\r\n\r\n        .catch(function(error){\r\n\r\n            console.log(\r\n                'Radio DKS streaminfo fout:',\r\n                error\r\n            );\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    laadStreamInfo();\r\n\r\n\r\n    setInterval(\r\n        laadStreamInfo,\r\n        30000\r\n    );\r\n\r\n})();\r\n\r\n\r\n\r\n\/* =========================================\r\n   PAGINAWISSELAAR\r\n========================================= *\/\r\n\r\nfunction dksPagina(pagina){\r\n\r\n    const home =\r\n        document.getElementById(\r\n            'dks-home-content'\r\n        );\r\n\r\n\r\n    const dynamic =\r\n        document.getElementById(\r\n            'dks-dynamic-page'\r\n        );\r\n\r\n\r\n    const content =\r\n        document.getElementById(\r\n            'dks-dynamic-content'\r\n        );\r\n\r\n\r\n    \/* HOME *\/\r\n\r\n    if(pagina === 'home'){\r\n\r\n        home.style.display = 'block';\r\n\r\n        dynamic.style.display = 'none';\r\n\r\n        content.innerHTML = '';\r\n\r\n\r\n        window.scrollTo({\r\n            top:0,\r\n            behavior:'smooth'\r\n        });\r\n\r\n\r\n        return;\r\n    }\r\n\r\n\r\n    home.style.display = 'none';\r\n\r\n    dynamic.style.display = 'block';\r\n\r\n\r\n\r\n    \/* =====================================\r\n       LIVE MEEKIJKEN\r\n    ===================================== *\/\r\n\r\n    if(pagina === 'live'){\r\n\r\n        content.innerHTML = `\r\n\r\n            <h2 class=\"dks-dynamic-title\">\r\n\r\n                \ud83d\udcf9 Live meekijken bij Radio DKS\r\n\r\n            <\/h2>\r\n\r\n\r\n            <div class=\"dks-frame\">\r\n\r\n                <iframe\r\n\r\n                    src=\"https:\/\/www.myearthcam.com\/danny240184?embed\"\r\n\r\n                    scrolling=\"no\"\r\n\r\n                    allowfullscreen>\r\n\r\n                <\/iframe>\r\n\r\n            <\/div>\r\n\r\n        `;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================\r\n       LUISTER LIVE\r\n    ===================================== *\/\r\n\r\n    if(pagina === 'luisteren'){\r\n\r\n        content.innerHTML = `\r\n\r\n            <h2 class=\"dks-dynamic-title\">\r\n\r\n                \ud83c\udfa7 Luister Live\r\n\r\n            <\/h2>\r\n\r\n\r\n            <div class=\"dks-card\">\r\n\r\n                <h3>\r\n                    Radio DKS is nu live\r\n                <\/h3>\r\n\r\n                <p>\r\n\r\n                    De speler bovenaan blijft actief\r\n                    terwijl je door de website bladert.\r\n\r\n                <\/p>\r\n\r\n\r\n                <p style=\"font-size:18px;\">\r\n\r\n                    \ud83d\udd34 Nu draait:\r\n\r\n                    <br><br>\r\n\r\n                    <strong>\r\n\r\n                        ${\r\n                            document.getElementById(\r\n                                'dks-now-playing'\r\n                            ).textContent\r\n                        }\r\n\r\n                    <\/strong>\r\n\r\n                <\/p>\r\n                \r\n                <div class=\"dks-player-choice\">\r\n\r\n    <p style=\"font-size:16px; font-weight:bold; margin-bottom:20px;\">\r\n        \ud83c\udfa7 Kies je favoriete mediaspeler\r\n    <\/p>\r\n\r\n    <div class=\"dks-player-logos\">\r\n\r\n        <a\r\n            href=\"https:\/\/caster04.streampakket.com:2199\/tunein\/radiodk2.pls\"\r\n            target=\"_blank\"\r\n            title=\"Luister met Winamp\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/radio-dks.nl\/wp-content\/uploads\/2017\/10\/WinampLogo.png\"\r\n                alt=\"Winamp\">\r\n\r\n        <\/a>\r\n\r\n        <a\r\n            href=\"https:\/\/caster04.streampakket.com:2199\/tunein\/radiodk2.asx\"\r\n            target=\"_blank\"\r\n            title=\"Luister met Windows Media Player\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/radio-dks.nl\/wp-content\/uploads\/2017\/10\/wmp_logo.png\"\r\n                alt=\"Windows Media Player\">\r\n\r\n        <\/a>\r\n\r\n        <a\r\n            href=\"https:\/\/caster04.streampakket.com:2199\/tunein\/radiodk2.ram\"\r\n            target=\"_blank\"\r\n            title=\"Luister met RealPlayer\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/radio-dks.nl\/wp-content\/uploads\/2017\/10\/realplayer.png\"\r\n                alt=\"RealPlayer\">\r\n\r\n        <\/a>\r\n\r\n        <a\r\n            href=\"https:\/\/caster04.streampakket.com:2199\/tunein\/radiodk2.qtl\"\r\n            target=\"_blank\"\r\n            title=\"Luister met QuickTime\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/radio-dks.nl\/wp-content\/uploads\/2017\/10\/quicktime_logo.png\"\r\n                alt=\"QuickTime\">\r\n\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n            <\/div>\r\n\r\n        `;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================\r\n       CHATBOX\r\n    ===================================== *\/\r\n\r\n    if(pagina === 'chat'){\r\n\r\n        content.innerHTML = `\r\n\r\n            <h2 class=\"dks-dynamic-title\">\r\n\r\n            <\/h2>\r\n\r\n\r\n           <div class=\"dks-chat-layout\">\r\n\r\n    <!-- CHATBOX LINKS -->\r\n    <div class=\"dks-chat-wrap\">\r\n\r\n        <iframe\r\n            src=\"https:\/\/xat.com\/embed\/chat.php#id=220525687&gn=radiomusicdks2401\"\r\n            width=\"100%\"\r\n            height=\"500\"\r\n            frameborder=\"0\"\r\n            scrolling=\"no\">\r\n        <\/iframe>\r\n\r\n        <div class=\"dks-chat-ticker\">\r\n\r\n            <div class=\"dks-chat-ticker-text\">\r\n\r\n                \ud83d\udce2 Welkom op de Radio DKS chatroom\r\n\r\n                &nbsp; \u2022 &nbsp;\r\n\r\n                Niet schelden in de chat\r\n\r\n                &nbsp; \u2022 &nbsp;\r\n\r\n                Heb respect voor elkaar en de DJ's die draaien\r\n\r\n                &nbsp; \u2022 &nbsp;\r\n\r\n                Reclame is niet toegestaan\r\n\r\n                &nbsp; \u2022 &nbsp;\r\n\r\n                Geen handel of verkoopwaren aanbieden\r\n\r\n                &nbsp; \u2022 &nbsp;\r\n\r\n                Houd het netjes in de chat\r\n\r\n                &nbsp; \u2022 &nbsp;\r\n\r\n                Veel chatplezier! \ud83d\ude0a\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n   <!-- LIVE DJ + CHAT UITLEG RECHTS -->\r\n<div class=\"dks-chat-dj\">\r\n\r\n    <div class=\"dks-chat-dj-title\">\r\n        \ud83c\udf99\ufe0f Wie draait er?\r\n    <\/div>\r\n\r\n    <iframe\r\n        id=\"dks-chat-dj-frame\"\r\n        src=\"https:\/\/serv4.verzoeksysteem.nl\/djdisplay\/?rs=9922\"\r\n        width=\"175\"\r\n        height=\"175\"\r\n        scrolling=\"no\"\r\n        frameborder=\"0\">\r\n    <\/iframe>\r\n\r\n    <div class=\"dks-chat-help\">\r\n\r\n    <div class=\"dks-chat-help-title\">\r\n        \ud83d\udcac Chat uitleg\r\n    <\/div>\r\n    <a\r\n    class=\"dks-chat-help-button\"\r\n    href=\"https:\/\/radio-dks.nl\/wp-content\/uploads\/2017\/10\/uitleg-chatbox.jpg\"\r\n    target=\"_blank\"\r\n    rel=\"noopener\">\r\n    Bekijk chat uitleg\r\n<\/a>\r\n\r\n<br><br>\r\n<iframe\r\n    id=\"dks-earthcam\"\r\n    width=\"620\"\r\n    height=\"379\"\r\n    src=\"https:\/\/www.myearthcam.com\/danny240184?embed\"\r\n    frameborder=\"0\"\r\n    scrolling=\"no\"\r\n    allowfullscreen>\r\n<\/iframe>\r\n        `;\r\n\r\n    }\r\n\r\nif(pagina === 'programma'){\r\n\r\n    \/* =====================================\r\n       BASISPROGRAMMA\r\n    ===================================== *\/\r\n\r\n    const basisProgramma = [\r\n        {\r\n            icoon: \"\ud83c\udf19\",\r\n            titel: \"Non-Stop\",\r\n            tijd: \"00:00 - 08:00\",\r\n            tekst: \"De nacht door met nonstop muziek op Radio DKS.\"\r\n        },\r\n        {\r\n            icoon: \"\ud83c\udf05\",\r\n            titel: \"Opstaan met DKS\",\r\n            tijd: \"08:00 - 12:00\",\r\n            tekst: \"Lekker wakker worden met de muziek van Radio DKS.\"\r\n        },\r\n        {\r\n            icoon: \"\ud83e\udd6a\",\r\n            titel: \"Lunchtime\",\r\n            tijd: \"12:00 - 13:00\",\r\n            tekst: \"Een uur lekkere muziek tijdens de lunch.\"\r\n        },\r\n        {\r\n            icoon: \"\ud83c\udfb5\",\r\n            titel: \"Non-stop de lekkerste\",\r\n            tijd: \"13:00 - 19:00\",\r\n            tekst: \"De hele middag nonstop de lekkerste muziek.\"\r\n        },\r\n        {\r\n            icoon: \"\ud83c\udf19\",\r\n            titel: \"Non-Stop de beste\",\r\n            tijd: \"22:00 - 00:00\",\r\n            tekst: \"We sluiten de dag af met nonstop de beste muziek.\"\r\n        }\r\n    ];\r\n\r\n\r\n    \/* =====================================\r\n       AVONDPROGRAMMA PER DAG\r\n    ===================================== *\/\r\n\r\n    const avondProgramma = {\r\n\r\n        \"Maandag\": {\r\n            icoon: \"\ud83c\udfa7\",\r\n            titel: \"Blender in de Mix!\",\r\n            tijd: \"19:00 - 22:00\",\r\n            tekst: \"Alles gaat in de blender!<br> Verschillende muziekstijlen lekker door elkaar.\"\r\n        },\r\n\r\n        \"Dinsdag\": {\r\n            icoon: \"\ud83c\udfa7\",\r\n            titel: \"Blender in de Mix!\",\r\n            tijd: \"19:00 - 22:00\",\r\n            tekst: \"Alles gaat in de blender!<br> Verschillende muziekstijlen lekker door elkaar.\"\r\n        },\r\n\r\n        \"Woensdag\": {\r\n            icoon: \"\ud83c\udfa7\",\r\n            titel: \"De Muziek Carrousel!\",\r\n            tijd: \"19:00 - 21:00\",\r\n            tekst: \"Verschillende muziekstijlen lekker door elkaar.\"\r\n        },\r\n\r\n        \"Donderdag\": {\r\n            icoon: \"\ud83c\udfa7\",\r\n            titel: \"Marco Draait Door!\",\r\n            tijd: \"19:00 - 22:00\",\r\n            tekst: \"\ud83c\udf99\ud83c\udf99\ufe0f Marco Draait Door <br> de knop gaat om en de muziek gaat aan! \ud83c\udfb6  \"\r\n        },\r\n\r\n        \"Vrijdag\": {\r\n            icoon: \"\ud83c\udf99\ufe0f\",\r\n            titel: \"Vrijdag Live\",\r\n            tijd: \"19:00 - 22:00\",\r\n            tekst: \"Vrijdagavond live op Radio DKS.<br> Vrije invulling door de DJ,<br> lekkere muziek en verzoekjes.\"\r\n        },\r\n\r\n        \"Zaterdag\": {\r\n            icoon: \"\ud83c\uddf3\ud83c\uddf1\",\r\n            titel: \"Hollandse Avond\",\r\n            tijd: \"19:00 - 22:00\",\r\n            tekst: \"Drie uur lang Nederlandstalige muziek,<br> levenslied,<br> feestmuziek en piratenhits.\"\r\n        },\r\n\r\n        \"Zondag\": { \r\n    icoon:'\ud83c\uddf3\ud83c\uddf1 \ud83c\udde9\ud83c\uddea \ud83c\uddec\ud83c\udde7', \r\n    titel: \"Zondag Live\", \r\n    tijd: \"19:00 - 22:00\", \r\n    tekst: \"Zondag Avond live op Radio DKS.<br>Vrije invulling door de DJ.<br>Lekkere muziek en verzoekjes.\" \r\n}\r\n\r\n    };\r\n\r\n\r\n    \/* =====================================\r\n       DAGEN\r\n    ===================================== *\/\r\n\r\n    const dagen = [\r\n        \"Maandag\",\r\n        \"Dinsdag\",\r\n        \"Woensdag\",\r\n        \"Donderdag\",\r\n        \"Vrijdag\",\r\n        \"Zaterdag\",\r\n        \"Zondag\"\r\n    ];\r\n\r\n\r\n    \/* =====================================\r\n       VANDAAG BEPALEN\r\n       NEDERLANDSE TIJD\r\n    ===================================== *\/\r\n\r\n    const vandaagKlein = new Intl.DateTimeFormat(\r\n        \"nl-NL\",\r\n        {\r\n            weekday: \"long\",\r\n            timeZone: \"Europe\/Amsterdam\"\r\n        }\r\n    ).format(new Date());\r\n\r\n    const vandaag =\r\n        vandaagKlein.charAt(0).toUpperCase() +\r\n        vandaagKlein.slice(1);\r\n\r\n\r\n    \/* =====================================\r\n       PAGINA MAKEN\r\n    ===================================== *\/\r\n\r\n    content.innerHTML = `\r\n\r\n        <style>\r\n\r\n            .dks-dagknoppen{\r\n                display:flex;\r\n                flex-wrap:wrap;\r\n                justify-content:center;\r\n                gap:8px;\r\n                margin:20px 0 25px 0;\r\n            }\r\n\r\n            .dks-dagknop{\r\n                background:#222;\r\n                color:#fff;\r\n                border:1px solid #555;\r\n                border-radius:8px;\r\n                padding:10px 14px;\r\n                cursor:pointer;\r\n                font-weight:bold;\r\n            }\r\n\r\n            .dks-dagknop:hover{\r\n                background:#444;\r\n            }\r\n\r\n            .dks-dagknop.actief{\r\n                background:#e60000;\r\n                border-color:#e60000;\r\n            }\r\n\r\n            .dks-dag-titel{\r\n                text-align:center;\r\n                color:#ffcc00;\r\n                margin:15px 0 20px 0;\r\n            }\r\n\r\n        <\/style>\r\n\r\n\r\n        <div class=\"dks-programma\">\r\n\r\n            \r\n\r\n\r\n            <div class=\"dks-dagknoppen\">\r\n\r\n                ${dagen.map(dag => `\r\n\r\n                    <button\r\n                        class=\"dks-dagknop\"\r\n                        data-dag=\"${dag}\"\r\n                    >\r\n                        ${dag === vandaag ? \"\ud83d\udccd \" : \"\"}\r\n                        ${dag}\r\n                    <\/button>\r\n\r\n                `).join('')}\r\n\r\n            <\/div>\r\n\r\n\r\n            <div id=\"dks-programma-dag\"><\/div>\r\n\r\n\r\n            <p class=\"dks-programma-extra\">\r\n                \ud83d\udcac Luister mee, kom gezellig in de chat en vraag je favoriete plaat aan!\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    `;\r\n\r\n\r\n    \/* =====================================\r\n       PROGRAMMA VAN GEKOZEN DAG TONEN\r\n    ===================================== *\/\r\n\r\n    function toonDag(dag){\r\n\r\n    const avond = avondProgramma[dag];\r\n\r\n    let programma;\r\n\r\n\r\n    \/* =====================================\r\n       WOENSDAG IS ANDERS\r\n    ===================================== *\/\r\n\r\n    if(dag === \"Woensdag\"){\r\n\r\n        programma = [\r\n\r\n            {\r\n                icoon: \"\ud83c\udf19\",\r\n                titel: \"Non-Stop\",\r\n                tijd: \"00:00 - 08:00\",\r\n                tekst: \"De nacht door met nonstop muziek op Radio DKS.\"\r\n            },\r\n\r\n            {\r\n                icoon: \"\ud83c\udf05\",\r\n                titel: \"Opstaan met DKS\",\r\n                tijd: \"08:00 - 12:00\",\r\n                tekst: \"Lekker wakker worden met de muziek van Radio DKS.\"\r\n            },\r\n\r\n            {\r\n                icoon: \"\ud83e\udd6a\",\r\n                titel: \"Lunchtime\",\r\n                tijd: \"12:00 - 13:00\",\r\n                tekst: \"Een uur lekkere muziek tijdens de lunch.\"\r\n            },\r\n\r\n            {\r\n                icoon: \"\ud83c\udf99\ufe0f\",\r\n                titel: \"DJ Johan Uut Slagharen\",\r\n                tijd: \"13:00 - 18:00\",\r\n                tekst: \"DJ Johan Uut Slagharen<br> draait vijf uur lang de lekkerste muziek op Radio DKS.\"\r\n            },\r\n\r\n            {\r\n                icoon: \"\ud83c\udfb5\",\r\n                titel: \"Non-stop de lekkerste\",\r\n                tijd: \"18:00 - 19:00\",\r\n                tekst: \"Een uur lang nonstop de lekkerste muziek.\"\r\n            },\r\n\r\n            avond,\r\n\r\n            {\r\n                icoon: \"\ud83c\udf19\",\r\n                titel: \"Non-Stop de beste\",\r\n                tijd: \"22:00 - 00:00\",\r\n                tekst: \"We sluiten de dag af met nonstop de beste muziek.\"\r\n            }\r\n\r\n        ];\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================\r\n       ALLE ANDERE DAGEN\r\n    ===================================== *\/\r\n\r\n    else{\r\n\r\n        programma = [\r\n\r\n            basisProgramma[0],\r\n            basisProgramma[1],\r\n            basisProgramma[2],\r\n            basisProgramma[3],\r\n\r\n            avond,\r\n\r\n            basisProgramma[4]\r\n\r\n        ];\r\n\r\n    }\r\n\r\n\r\n    const vak = document.getElementById(\"dks-programma-dag\");\r\n\r\n    vak.innerHTML = `\r\n\r\n        <h3 class=\"dks-dag-titel\">\r\n            \ud83d\udcc5 ${dag}\r\n            ${dag === vandaag ? \" - Vandaag\" : \"\"}\r\n        <\/h3>\r\n\r\n\r\n        ${programma.map(item => `\r\n\r\n            <div class=\"dks-programma-blok\">\r\n\r\n                <h3>\r\n                    ${item.icoon} ${item.titel}\r\n                <\/h3>\r\n\r\n                <div class=\"dks-programma-tijd\">\r\n                    ${item.tijd}\r\n                <\/div>\r\n\r\n                <p>\r\n                    ${item.tekst}\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        `).join('')}\r\n\r\n    `;\r\n\r\n\r\n    document.querySelectorAll(\".dks-dagknop\").forEach(knop => {\r\n\r\n        knop.classList.remove(\"actief\");\r\n\r\n        if(knop.dataset.dag === dag){\r\n            knop.classList.add(\"actief\");\r\n        }\r\n\r\n    });\r\n\r\n}\r\n\r\n\r\n    \/* =====================================\r\n       KLIKKEN OP EEN DAG\r\n    ===================================== *\/\r\n\r\n    document.querySelectorAll(\".dks-dagknop\").forEach(knop => {\r\n\r\n        knop.addEventListener(\"click\", function(){\r\n\r\n            toonDag(this.dataset.dag);\r\n\r\n        });\r\n\r\n    });\r\n\r\n\r\n    \/* =====================================\r\n       AUTOMATISCH VANDAAG OPENEN\r\n    ===================================== *\/\r\n\r\n    toonDag(vandaag);\r\n\r\n}\r\n\r\n    dynamic.scrollIntoView({\r\n\r\n        behavior:'smooth',\r\n\r\n        block:'start'\r\n\r\n    });\r\n\r\n}\r\n\/* DJ DISPLAY ELKE 30 SECONDEN VERVERSEN *\/\r\n\r\nsetInterval(function(){\r\n\r\n    const djFrame =\r\n        document.getElementById('dks-chat-dj-frame');\r\n\r\n    if(djFrame){\r\n\r\n        djFrame.src =\r\n            'https:\/\/serv4.verzoeksysteem.nl\/djdisplay\/?rs=9922&_='\r\n            + Date.now();\r\n\r\n    }\r\n\r\n}, 30000);\r\n\/* =========================================\r\n   RADIO DKS AUTOMATISCHE LIVE KLOK\r\n========================================= *\/\r\n\r\nfunction dksLiveKlok(){\r\n\r\n    const vak = document.getElementById('dks-live-klok');\r\n\r\n    if(!vak){\r\n        return;\r\n    }\r\n\r\n    \/* Nederlandse tijd ophalen *\/\r\n    const nu = new Date();\r\n\r\n    const delen = new Intl.DateTimeFormat('en-GB', {\r\n        timeZone:'Europe\/Amsterdam',\r\n        weekday:'short',\r\n        hour:'2-digit',\r\n        minute:'2-digit',\r\n        hour12:false\r\n    }).formatToParts(nu);\r\n\r\n    let dagNaam = '';\r\n    let uur = 0;\r\n    let minuut = 0;\r\n\r\n    delen.forEach(deel => {\r\n\r\n        if(deel.type === 'weekday'){\r\n            dagNaam = deel.value;\r\n        }\r\n\r\n        if(deel.type === 'hour'){\r\n            uur = parseInt(deel.value);\r\n        }\r\n\r\n        if(deel.type === 'minute'){\r\n            minuut = parseInt(deel.value);\r\n        }\r\n\r\n    });\r\n\r\n    const dagen = {\r\n        Sun:0,\r\n        Mon:1,\r\n        Tue:2,\r\n        Wed:3,\r\n        Thu:4,\r\n        Fri:5,\r\n        Sat:6\r\n    };\r\n\r\n    const dag = dagen[dagNaam];\r\n\r\n    const tijdNu = uur * 60 + minuut;\r\n\r\n\r\n    \/* PROGRAMMA *\/\r\n\r\n    \/* PROGRAMMA *\/\r\n\r\nconst uitzendingen = [\r\n\r\n    {\r\n        dag:1,\r\n        naam:'Blender in de Mix',\r\n        icoon:'\ud83c\udf99\ufe0f',\r\n        start:19 * 60,\r\n        einde:22 * 60\r\n    },\r\n\r\n    {\r\n        dag:2,\r\n        naam:'Blender in de Mix',\r\n        icoon:'\ud83c\udf99\ufe0f',\r\n        start:19 * 60,\r\n        einde:22 * 60\r\n    },\r\n\r\n    \/* WOENSDAG MIDDAG *\/\r\n    {\r\n        dag:3,\r\n        naam:'DJ Johan Uut Slagharen',\r\n        icoon:'\ud83c\udf99\ufe0f',\r\n        start:13 * 60,\r\n        einde:18 * 60\r\n    },\r\n\r\n    \/* WOENSDAG AVOND *\/\r\n    {\r\n        dag:3,\r\n        naam:'De Muziek Carrousel',\r\n        icoon:'\ud83c\udf99\ufe0f',\r\n        start:19 * 60,\r\n        einde:21 * 60\r\n    },\r\n\r\n    {\r\n        dag:4,\r\n        naam:'Marco Draait Door',\r\n        icoon:'\ud83c\udf99\ufe0f',\r\n        start:19 * 60,\r\n        einde:22 * 60\r\n    },\r\n\r\n    {\r\n        dag:5,\r\n        naam:'Live DJ Vrije invulling',\r\n        icoon:'\ud83c\udf99\ufe0f',\r\n        start:19 * 60,\r\n        einde:22 * 60\r\n    },\r\n\r\n    {\r\n        dag:6,\r\n        naam:'Hollandse Avond',\r\n        icoon:'\ud83c\uddf3\ud83c\uddf1',\r\n        start:19 * 60,\r\n        einde:22 * 60\r\n    },\r\n\r\n   {\r\n    dag:0,\r\n    naam:'Live DJ Vrije invulling',\r\n    icoon:'\ud83c\uddf3\ud83c\uddf1 \ud83c\udde9\ud83c\uddea \ud83c\uddec\ud83c\udde7',\r\n    start:19 * 60,\r\n    einde:22 * 60\r\n}\r\n\r\n];\r\n\r\n    \/* =========================================\r\n   TIJD NETJES WEERGEVEN\r\n========================================= *\/\r\n\r\nfunction dksTijd(minuten){\r\n\r\n    const uur = Math.floor(minuten \/ 60);\r\n    const min = minuten % 60;\r\n\r\n    return String(uur).padStart(2,'0') +\r\n           ':' +\r\n           String(min).padStart(2,'0');\r\n}\r\n\r\n\r\n\/* =========================================\r\n   EERST KIJKEN OF WE NU LIVE ZIJN\r\n========================================= *\/\r\n\r\nconst live = uitzendingen.find(show =>\r\n    show.dag === dag &&\r\n    tijdNu >= show.start &&\r\n    tijdNu < show.einde\r\n);\r\n\r\nif(live){\r\n\r\n    vak.classList.add('dks-nu-live');\r\n\r\n    vak.innerHTML =\r\n        '\ud83d\udd34 NU LIVE &nbsp; \u2022 &nbsp; ' +\r\n        live.icoon + ' ' +\r\n        live.naam +\r\n        ' &nbsp; \u2022 &nbsp; tot ' +\r\n        dksTijd(live.einde);\r\n\r\n    return;\r\n}\r\n\r\n\r\nvak.classList.remove('dks-nu-live');\r\n\r\n\r\n\/* =========================================\r\n   KIJKEN OF ER VANDAAG NOG EEN LIVE\r\n   UITZENDING KOMT\r\n========================================= *\/\r\n\r\nconst vandaag = uitzendingen.find(show =>\r\n    show.dag === dag &&\r\n    tijdNu < show.start\r\n);\r\n\r\nif(vandaag){\r\n\r\n    const resterend = vandaag.start - tijdNu;\r\n\r\n    const uren = Math.floor(resterend \/ 60);\r\n    const minuten = resterend % 60;\r\n\r\n    let aftellen = '';\r\n\r\n    if(uren > 0){\r\n        aftellen += uren + ' uur ';\r\n    }\r\n\r\n    if(minuten > 0){\r\n        aftellen += minuten + ' min';\r\n    }\r\n\r\n    vak.innerHTML =\r\n        vandaag.icoon +\r\n        ' Vandaag om <strong>' +\r\n        dksTijd(vandaag.start) +\r\n        '<\/strong> \u2013 ' +\r\n        vandaag.naam +\r\n        ' &nbsp; \u2022 &nbsp; nog ' +\r\n        aftellen;\r\n\r\n    return;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   VOLGENDE LIVE UITZENDING ZOEKEN\r\n========================================= *\/\r\n\r\nconst dagNamen = [\r\n    'zondag',\r\n    'maandag',\r\n    'dinsdag',\r\n    'woensdag',\r\n    'donderdag',\r\n    'vrijdag',\r\n    'zaterdag'\r\n];\r\n\r\nlet volgende = null;\r\nlet minsteDagen = 8;\r\n\r\n\r\n\/* Door alle uitzendingen lopen *\/\r\n\r\nuitzendingen.forEach(show => {\r\n\r\n    let verschil = show.dag - dag;\r\n\r\n    if(verschil <= 0){\r\n        verschil += 7;\r\n    }\r\n\r\n\r\n    \/*\r\n       Dichterbij dan huidige gevonden uitzending\r\n    *\/\r\n\r\n    if(verschil < minsteDagen){\r\n\r\n        minsteDagen = verschil;\r\n        volgende = show;\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n       Als er meerdere uitzendingen op dezelfde dag zijn,\r\n       pak dan de vroegste.\r\n       Dit is belangrijk voor woensdag:\r\n       13:00 Johan en 19:00 Blender.\r\n    *\/\r\n\r\n    else if(\r\n        verschil === minsteDagen &&\r\n        volgende &&\r\n        show.start < volgende.start\r\n    ){\r\n\r\n        volgende = show;\r\n\r\n    }\r\n\r\n});\r\n\r\n\r\nif(volgende){\r\n\r\n    vak.innerHTML =\r\n        '\ud83d\udcfb Volgende live DJ: ' +\r\n        '<strong>' +\r\n        dagNamen[volgende.dag] +\r\n        ' om ' +\r\n        dksTijd(volgende.start) +\r\n        '<\/strong>' +\r\n        ' \u2013 ' +\r\n        volgende.icoon + ' ' +\r\n        volgende.naam;\r\n\r\n}\r\n\r\n    if(volgende){\r\n\r\n        vak.innerHTML =\r\n    '\ud83d\udcfb Volgende live DJ: ' +\r\n    '<strong>' +\r\n    dagNamen[volgende.dag] +\r\n    ' om ' +\r\n    String(Math.floor(volgende.start \/ 60)).padStart(2,'0') +\r\n    ':' +\r\n    String(volgende.start % 60).padStart(2,'0') +\r\n    '<\/strong>' +\r\n    ' \u2013 ' +\r\n    volgende.icoon + ' ' +\r\n    volgende.naam;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LIVE KLOK STARTEN\r\n   OUDE TIMER EERST STOPPEN\r\n========================================= *\/\r\n\r\nif(window.dksLiveKlokTimer){\r\n    clearInterval(window.dksLiveKlokTimer);\r\n}\r\n\r\ndksLiveKlok();\r\n\r\nwindow.dksLiveKlokTimer =\r\n    setInterval(dksLiveKlok, 30000);\r\nfunction dksOpenVerzoek(){\r\n\r\n    const breedte = 700;\r\n    const hoogte = 750;\r\n\r\n    const links = (window.screen.width - breedte) \/ 2;\r\n    const boven = (window.screen.height - hoogte) \/ 2;\r\n\r\n    window.open(\r\n        'https:\/\/serv4.verzoeksysteem.nl\/verzoek\/?rs=9922',\r\n        'RadioDKS_Verzoekplaat',\r\n        'width=' + breedte +\r\n        ',height=' + hoogte +\r\n        ',left=' + links +\r\n        ',top=' + boven +\r\n        ',resizable=yes,scrollbars=yes'\r\n    );\r\n\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>RADIO DKS Non Stop de Beste Hits \ud83d\udd34 NU LIVE Laden&#8230; \ud83d\udcfb Live programma laden&#8230; App de studio Home Luister Live Live meekijken Verzoekplaat Chatbox Programma \ud83d\udcf1 WhatsApp \ud83c\udfb6 Welkom bij \ud83c\udfb6 Radio DKS Leuk dat je er bent! Bij Radio DKS hoor je de meeste non-stop hits in een gezellige sfeer. Vanuit onze studio&#8217;s [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2737","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/radio-dks.nl\/index.php\/wp-json\/wp\/v2\/pages\/2737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/radio-dks.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/radio-dks.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/radio-dks.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/radio-dks.nl\/index.php\/wp-json\/wp\/v2\/comments?post=2737"}],"version-history":[{"count":670,"href":"https:\/\/radio-dks.nl\/index.php\/wp-json\/wp\/v2\/pages\/2737\/revisions"}],"predecessor-version":[{"id":3524,"href":"https:\/\/radio-dks.nl\/index.php\/wp-json\/wp\/v2\/pages\/2737\/revisions\/3524"}],"wp:attachment":[{"href":"https:\/\/radio-dks.nl\/index.php\/wp-json\/wp\/v2\/media?parent=2737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}