/************************************************/
//LIGHT-FRAME 1.0
//Sistema basado en lightbox
//Uso y divulgación libre
//Autor: Julian Somoza "Sommy"
/************************************************/

//Configuraciones:
anchoIframe = 350;
altoIframe = 341;
pagina = "login.php"
//

function lightFrame() {
var strBack = document.getElementById('back');
var strIframe = document.getElementById('iframe');

	strBack.style.display='block';
	strBack.style.height="100%";
	strIframe.style.display='block';
	strIframe.style.width=anchoIframe+'px';
	strIframe.style.height=altoIframe+16+'px';
	
		document.getElementById('iframe').innerHTML="<a href='#' onClick='lightFrameOff();'><img border='0' src='./images/cerrar.jpg'/></a><iframe width='"+anchoIframe+"' height='"+altoIframe+"' src='"+pagina+"' frameborder='0' margin='0' padding='0'></iframe>";
}

function lightFrameOff() {
var strBack = document.getElementById('back');
var strIframe = document.getElementById('iframe');

	strBack.style.display='none';
	strBack.style.height="100%";
	strIframe.style.display='none';
	strIframe.style.width=anchoIframe+'px';
	strIframe.style.height=altoIframe+'px';
	
		document.getElementById('iframe').innerHTML="";
}

OlightframeOptions = Object.extend({
    animate: true,
}, window.OlightframeOptions || {});

var Olightframe = Class.create();

Olightframe.prototype = {
    
    initialize: function() {    

	    this.backDuration = OlightframeOptions.animate ? 0.2 : 0;  // shadow fade in/out duration
        var size = (OlightframeOptions.animate ? 250 : 1) + 'px';
        
		$('back').hide().observe('click', (function() { this.end(); }).bind(this));
		$('iframe').hide().observe('click', (function(event) { if (event.element().id == 'iframe') this.end(); }).bind(this));

        var th = this;
        (function(){
            var ids = 
                'back iframe outerImageContainer imageContainer iframeImage hoverNav prevLink nextLink loading loadingLink ' + 
                'imageDataContainer imageData imageDetails caption numberDisplay bottomNav bottomNavClose';   
            $w(ids).each(function(id){ th[id] = $(id); });
        }).defer();
    },

    disableKeyboardNav: function() {
        document.stopObserving('keydown', this.keyboardAction); 
    },

    end: function() {
        this.disableKeyboardNav();
        this.iframe.hide();
        new Effect.Fade(this.back, { duration: this.backDuration });
        $$('select', 'object', 'embed').each(function(node){ node.style.visibility = 'visible' });
    },   
    
}

document.observe('dom:loaded', function () { new Olightframe(); });