(function() {
   
var outer = document.createElement('div');
    outer.style.margin = '5% 10%';
    outer.style.width = '80%';
    outer.style.height = '540px';
    outer.style.backgroundColor = '#000';
    outer.style.overflow = 'hidden';
    outer.style.border = '2px solid #000';
    outer.style.left = '0';
    outer.style.top = '0';
    outer.style.cssFloat = 'left';
    outer.style.position = 'fixed';
    var body = document.getElementsByTagName('body')[0];
    outer.id = 'outerwrapper';
    body.insertBefore(outer, body.firstChild);
    var iframe = document.createElement('iframe');
    iframe.src = 'http://wicon.better2web.com/popup';
    iframe.width = '100%';
    iframe.height = '530px';
    iframe.style.marginTop = '0px';
    iframe.style.display = 'block';
    iframe.style.border = '0';
    iframe.style.zIndex = 9999;
    outer.style.zIndex = 9999;
    outer.backgroundColor = '#FFF';
    
    outer.style.display = 'none';
    outer.style.opacity = '0';

    
    var darkener = document.createElement('div');
    darkener.style.width = '100%';
    darkener.style.height = '100%';
    darkener.style.position = 'fixed';
    darkener.style.left = '0';
    darkener.style.top = '0';
    darkener.style.backgroundColor = '#000';
    darkener.style.opacity = '0.70';
    darkener.style.filter = 'alpha(opacity = 70.0)';
    darkener.style.cssFloat = 'left';
    darkener.style.zIndex = 9998;
    darkener.style.display = 'none';
    body.insertBefore(darkener, outer);
    
document.write('<a id="wproject-ab97834"><img src="http://wicon.better2web.com/popup/static/logo.png" alt="W Project" /></a>');

    document.getElementById('wproject-ab97834').onclick = function() {
       darkener.style.display = 'block';
       var opacity = 0.0;
       function fadeIn() {
            opacity += 0.2;
            if (opacity < 1.0) {
                setTimeout(fadeIn, 50);
                outer.style.opacity = opacity;
                outer.style.filter = 'alpha(opacity = ' + (opacity*100.0) + ')'; 
            } else {
                opacity = 1.0;
                outer.style.opacity = '';
                outer.style.filter = '';
            }
            
        outer.style.display = 'block';
       }
       
        setTimeout(fadeIn, 50);

    };
    
    window.closeWProject = function() {
        darkener.style.display = 'none';
        outer.style.opacity = 0;
        //outer.style.filter = 'alpha(opacity=0)';
        outer.style.display = 'none';
    };
    
    darkener.onclick = window.closeWProject;  
    
    var closer = document.createElement('a');
    closer.href = '#';
    closer.innerHTML = 'X';
    closer.style.color = '#fff';
    closer.style.fontWeight = 'bold';
    closer.style.cssFloat = 'right';
    closer.style.marginRight = '8px';
    outer.appendChild(closer);
    closer.onclick = window.closeWProject;
    outer.appendChild(iframe);

   
})();