var eAdlayer = {
    
    layer : null,
    overlay : null,

    init : function(image, width, height) {
        layer = document.createElement('DIV');
        layer.id = 'eAdLayerDIV';
        layer.style.position = 'absolute';
        layer.style.zIndex = '99';
        layer.style.height = height + 'px';
        layer.style.width = width + 'px';
        layer.style.backgroundImage = 'url(\''+image+'\')';
        
        var close = document.createElement('A');
        close.innerHTML = 'X';
        close.style.background = 'black';
        close.style.border = '1px solid black';
        close.style.borderRadius = '10px';
        close.style.display = 'block';
        close.style.position = 'absolute';
        close.style.top = '10px';
        close.style.right = '10px';
        close.style.font = 'bold 12px Tahoma';
        close.style.color = 'white';
        close.style.padding = '0px 3px';
        close.style.textDecoration = 'none';
        close.href = '#';
        
        if(close.attachEvent) {
            close.attachEvent('onclick', function() { eAdlayer.hide()});
        }
        else {            
            close.addEventListener('click', function() { eAdlayer.hide()}, false);
        }
        layer.appendChild(close);
    },
    
    addPoint : function(x, y, width, height, url) {
        var point = document.createElement('A');
        point.style.display = 'block';
        point.style.position = 'absolute';
        point.style.top = y + 'px';
        point.style.left = x + 'px';
        point.style.width = width + 'px';
        point.style.height = height + 'px';
        point.href = url;
        layer.appendChild(point);    
    },
    
    show : function(top, left) {
        if(top == undefined) {
            var h = window.innerHeight;
            if(h == NaN || h == undefined) {
                if (document.body && document.body.offsetWidth) {
                    h = document.body.offsetHeight;
                }
                if (document.compatMode=='CSS1Compat' &&
                    document.documentElement &&
                    document.documentElement.offsetWidth ) {
                    h = document.documentElement.offsetHeight;
                }
            }
            
            top = Math.round((h - parseInt(layer.style.height)) / 2);
        }
        if(left == undefined) {
            left = Math.round((document.body.scrollWidth - parseInt(layer.style.width)) / 2);
        }
        
        
        layer.style.top = top + 'px';
        layer.style.left = left + 'px';
        
        overlay = document.createElement('DIV');
        overlay.style.top = '0px';
        overlay.style.left = '0px';
        overlay.style.width = '100%';
        overlay.style.height = document.body.scrollHeight + 'px';
        overlay.style.position = 'absolute';
        overlay.style.background = '#000000';
        overlay.style.opacity = 0.7;
        overlay.style.zIndex = '98';
        
        document.body.appendChild(layer);
        document.body.appendChild(overlay);
    },
    
    hide : function() {
        layer.parentNode.removeChild(layer);
        overlay.parentNode.removeChild(overlay);
    }
}

function adshow() {
    eAdlayer.init('/templates/main/images/banner-endermologia.jpg', 582, 293);
    eAdlayer.addPoint(0, 0, 555, 293, '/sklep');
    eAdlayer.show();
}