/*
$(document).ready(function() {
    $('.medicalvisioniframe').nyroModal({
        showLoading: function(elts, settings, callback)
        {
             elts.loading.hide();
             callback();
        },
        width: 990,
        height: 442,
        minHeight: 442,
        modal: true,
        endShowContent: function() {
            $('#nyroModalIframe', parent.document).css({overflow: 'hidden'});
            $('#nyroModalContent', parent.document).css({overflow: 'hidden'});
        },
        endResize: function() {
            $('#nyroModalIframe', parent.document).css({overflow: 'hidden'});
            $('#nyroModalContent', parent.document).css({overflow: 'hidden'});
        }
    });
});*/

//document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
document.getElementById("medicalvision_connect").onclick = showModal;
function showModal(e)
{
    var modalWrap = document.createElement("div");
    var modalBg = document.createElement("div");

    /*modalBg.setAttribute("style","background-color: #000000;opacity:0.5;filter: alpha(opacity=50);z-index:10000;position:absolute;width:100%;top:0px;left: 0;height: 1000px;");*/
    modalBg.style.position = 'absolute';
    modalBg.style.top = '0px';
    modalBg.style.width = '100%';
    modalBg.style.zIndex = '10000000';
    modalBg.style.backgroundColor = '#000000';
    modalBg.style.left = '0';
    modalBg.style.height = '1000px';
    modalBg.style.filter = 'alpha(opacity=50)';
    modalBg.style.opacity = '0.5';

    /*modalWrap.setAttribute("style","position:absolute;width:100%;top:0px;z-index:10001;padding-top:30px;left: 0;text-align: center;");*/
    modalWrap.style.position = 'absolute';
    modalWrap.style.top = '0px';
    modalWrap.style.width = '100%';
    modalWrap.style.zIndex = '10000001';
    modalWrap.style.paddingTop = '30px';
    modalWrap.style.left = '0';
    modalWrap.style.textAlign = 'center';


    modalWrap.innerHTML = '<link rel="stylesheet" type="text/css" href="http://www.medicalvision.fr/iframe/iframe.css" media="all" />'
                            +'<div id="mainWrap" style="height:442px;position:relative;width:990px;margin: 0 auto;">'
                                +'<div id="mainContent" style="background-color:#FFFFFF;margin:0 22px;position:relative;top:24px;width:946px;">'
                                +'</div>'
                                    +'<div class="corner1" style="position:absolute;top: 0;    left: 0;    width: 22px;    height: 24px;    background: url(http://www.medicalvision.fr/iframe/corner1.png);"></div>'
                                    +'<div class="corner2" style="position:absolute;    top: 0;    right: 0;    width: 48px;    height: 48px;    cursor: pointer;    background: url(http://www.medicalvision.fr/iframe/close.png);" onclick="window.location=window.location;"></div>'
                                    +'<div class="corner3" style="position:absolute;    left: 0;    bottom: 0;    width: 23px;    height: 22px;    background: url(http://www.medicalvision.fr/iframe/corner3.png);"></div>'
                                    +'<div class="corner4" style="position:absolute;    bottom: 0;    right: 0;    width: 22px;    height: 22px;    background: url(http://www.medicalvision.fr/iframe/corner4.png);"></div>'
                                    +'<div class="shadow1" style="position:absolute;    top: 0;    left: 22px;    width: 920px;    height: 24px;    background: url(http://www.medicalvision.fr/iframe/shadow1.png);"></div>'
                                    +'<div class="shadow2" style="position:absolute;    right: 0;    top: 48px;    width: 23px;    height: 372px;    background: url(http://www.medicalvision.fr/iframe/shadow2.png);"></div>'
                                    +'<div class="shadow3" style="position:absolute;    bottom: 0;    left: 22px;    width: 946px;    height: 22px;    background: url(http://www.medicalvision.fr/iframe/shadow3.png);"></div>'
                                    +'<div class="shadow4" style="position:absolute;    top: 24px;    left: 0;    width: 22px;    height: 396px;    background: url(http://www.medicalvision.fr/iframe/shadow4.png);"></div>'
                            +'</div>';

    document.body.appendChild(modalBg);
    document.body.appendChild(modalWrap);

    var ifrm = document.createElement("iframe");
    ifrm.setAttribute("src", 'http://www.medicalvision.fr/distantAccess2.php?idHosp='+idHosp+'');
    ifrm.setAttribute("width", '926');
    ifrm.setAttribute("height", '396');
    ifrm.frameBorder = 0;
    ifrm.setAttribute("border", '0');
    ifrm.setAttribute("scrolling", 'yes');
    ifrm.setAttribute("id", 'visioframe');
    ifrm.style.overflowX = 'hidden';
    ifrm.style.overflowY = 'scroll';
    
    /*<iframe width="926" height="396" frameborder="0" scrolling="yes" src="" id="visioframe" style="overflow-x:hidden;overflow-y:scroll;"></iframe>*/
    document.getElementById('mainContent').appendChild(ifrm);

    window.scrollTo(0, 0);
}