    
<!DOCTYPE html>
<html>
<head>
    <title>Collection Viva Case Series</title>
        <style type="text/css">
            body, html
            {
                margin: 0; padding: 0; height: 100%; overflow: hidden;
            }

            #viewer
            {
                position:absolute; left: 0; right: 0; bottom: 0; top: 0px; 
            }
        </style>
</head>
<body>
    <iframe id="viewer" style="width: 100%; height: 100%; border: none; padding: 0px;" src="/ohif/viewer/dicomjson?url=https://www.penracourses.org.uk{% url 'atlas:series_dicom_json' current_series.pk %}"></iframe>

    <script type="text/javascript">
        var win2 = false;

        document.addEventListener("DOMContentLoaded", function() {
            console.log('ready');
            const bc = new BroadcastChannel("viva_load");
            bc.onmessage = (event) => {
                console.log(event);
                bc.postMessage({"type": "open-completed", "url" : url});
            };
        });
    </script>

</body>
</html>
