﻿


function showBox(url) {

    //alert(url);
   
    var width = document.documentElement.clientWidth + document.documentElement.scrollLeft;
    var iframeloc = "<iframe src=" + "'" + url + "'" + "frameborder=" + "'" + "0" + "'" + "name=" + "'" + "panelleft" + "'" + "width=" + "'" + "600" + "'" + "height=" + "'" + "380" + "'" + "></iframe>"
    //alert(iframeloc);

    var layer = document.createElement('div');
    layer.style.zIndex = 8000;
    layer.id = 'layer';
    layer.style.position = 'absolute';
    layer.style.top = '0px';
    layer.style.left = '0px';
    layer.style.height = document.documentElement.scrollHeight + 'px';
    layer.style.width = width + 'px';
    layer.style.backgroundColor = 'black';
    layer.style.opacity = '.6';
    layer.style.filter += ("progid:DXImageTransform.Microsoft.Alpha(opacity=60)");
    document.body.appendChild(layer);

    var div = document.createElement('div');
    div.style.zIndex = 10000;
    div.id = 'box';
    div.style.position = (navigator.userAgent.indexOf('MSIE 6') > -1) ? 'absolute' : 'fixed';
    div.style.top = '100px';
    div.style.left = (width / 2) - (600 / 2) + 'px';
    div.style.height = '430px';
    div.style.width = '600px';
    div.style.backgroundColor = 'white';
    div.style.border = '2px solid silver';
    div.style.padding = '20px';
    document.body.appendChild(div);

    var a = document.createElement('a');
    a.innerHTML = 'Close window';
    a.href = 'javascript:void(0)';
    a.onclick = function() {
        document.body.removeChild(document.getElementById('layer'));
        document.body.removeChild(document.getElementById('box'));
    };

    div.appendChild(a);
    
    var p = document.createElement('p');
    p.innerHTML = iframeloc;
    div.appendChild(p);

  
}


function showBox1(url) {

    //alert(url);

    var width = document.documentElement.clientWidth + document.documentElement.scrollLeft;
    var iframeloc = "<iframe src=" + "'" + url + "'" + "frameborder=" + "'" + "0" + "'" + "name=" + "'" + "panelleft" + "'" + "width=" + "'" + "730" + "'" + "height=" + "'" + "560" + "'" + "></iframe>"
    //alert(iframeloc);

    var layer = document.createElement('div');
    layer.style.zIndex = 8000;
    layer.id = 'layer';
    layer.style.position = 'absolute';
    layer.style.top = '0px';
    layer.style.left = '0px';
    layer.style.height = document.documentElement.scrollHeight + 'px';
    layer.style.width = width + 'px';
    layer.style.backgroundColor = 'black';
    layer.style.opacity = '.6';
    layer.style.filter += ("progid:DXImageTransform.Microsoft.Alpha(opacity=60)");
    document.body.appendChild(layer);

    var div = document.createElement('div');
    div.style.zIndex = 10000;
    div.id = 'box';
    div.style.position = (navigator.userAgent.indexOf('MSIE 6') > -1) ? 'absolute' : 'fixed';
    div.style.top = '15px';
    div.style.left = (width / 2) - (730 / 2) + 'px';
    div.style.height = '580px';
    div.style.width = '730px';
    div.style.backgroundColor = 'white';
    div.style.border = '2px solid silver';
    div.style.padding = '5px';
    document.body.appendChild(div);

    var a = document.createElement('a');
    a.innerHTML = 'Close window';
    a.href = 'javascript:void(0)';
    a.onclick = function() {
        document.body.removeChild(document.getElementById('layer'));
        document.body.removeChild(document.getElementById('box'));
    };

    div.appendChild(a);
    
    
    var p = document.createElement('div');
    p.innerHTML = iframeloc;
    div.appendChild(p);

   
        }