var lb = {
    abrir: function(url, ancho, alto){
        //Verificamos si ya existe y lo borramos
        this.cerrar();
		
		//Creamos un overlay
		var overlay = document.createElement('div');
		overlay.id = 'recomendador_overlay';
		overlay.style.position = 'absolute';
		overlay.style.width = '100%';
		if(document.all) {
			overlay.style.height = document.body.clientHeight+20+'px';
		} else {
			overlay.style.height = '110%';
		}
		overlay.style.background = '#000000';
		overlay.style.opacity = 0.5;
		overlay.style.filter = 'Alpha(Opacity=50)';
		overlay.style.top = 0;
		overlay.style.left = 0;
        
        //Creamos un DIV
        var lb = document.createElement('div');
        lb.id = 'recomendador_lightbox';
        lb.style.position = 'relative';
        lb.style.width = ancho + "px";
        lb.style.height = alto + "px";
        
        //Se incluye el iframe dentro del DIV
        var lbContenido = '';
        //lbContenido += '<div id="recomendador_lbCerrar"></div>';
        lbContenido += '<iframe src="' + url + '" allowtransparency="yes" width="' + ancho + '" height="' + alto + '" frameborder="0" scrolling="no"></iframe>';
        lb.innerHTML = lbContenido;
        
        //Se incluye el DIV en la pagina.
		 document.body.appendChild(overlay);
        document.body.appendChild(lb);
        
        //Centramos el lightbox
        this.centrar(lb, ancho, alto);
    },
    
    cerrar: function(){
		if (document.getElementById('recomendador_overlay')) {
            var elLB = document.getElementById('recomendador_overlay');
            elLB.parentNode.removeChild(elLB);
        }
        if (document.getElementById('recomendador_lightbox')) {
            var elLB = document.getElementById('recomendador_lightbox');
            elLB.parentNode.removeChild(elLB);
        }
        return false;
    },
    
    centrar: function(el, ancho, alto){
        if (ancho) 
            el.style.width = ancho + 'px';
        if (alto) 
            el.style.hright = alto + 'px';
        
        var winW = (document.all) ? document.body.offsetWidth : window.innerWidth; //window.parent.screen.width;
        var winH = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight; //window.parent.screen.height;	
        var lbW = (!ancho) ? el.offsetWidth : ancho;
        var lbH = (!alto) ? el.offsetHeight : alto;
        
        if (lbW != winW) 
            var x = winW / 2 - lbW / 2;
        else 
            var x = winW / 4 - 180;
        
        //if(lbH < 200 && !alto)	lbH += 400;
        
        var y = winH / 2 - lbH / 2;
        y = (y < 0) ? 0 : y;
        
        var scrollLeft = (document.all) ? window.parent.document.body.scrollLeft : window.parent.pageXOffset;
        var scrollTop = (document.all) ? window.parent.document.documentElement.scrollTop : window.parent.pageYOffset;
        
        el.style.position = 'absolute';
        el.style.zIndex = 99999;
        el.style.left = (x + scrollLeft) + 'px';
        el.style.top = (y + scrollTop) + 'px';
    }
}

