jQuery(document).ready(function() {
    // initialisiert die Layer für die lightbox
    initLightboxLayer();

    // findet alle links die eine lightbox öffnen und erweitert sie auf click mit der benötigten funktionalität
    $("a[rel='lightbox']").click(function() {
    	lightboxLayerOpen(this.href);
    	return false;
    });
    
    // schliesst auf click auf den curtain die lightbox  
    $('#layer_curtain').click(function() {
    	lightboxLayerClose();
    });    
});

/**
 * Höhe und Breite des inneren Seitencontents wird ermittelt. 
 * Daraus werden die Maße für die Lightbox Elemente berechnet.  
 * 
 * @return
 */
function initLightboxLayer(){
    // zoom layer initalization
	overlay_width = $('#inner-wrapper').outerWidth()-10; // get outerWidth without 10px for left/right margin 
    overlay_height = $('#inner-wrapper').outerHeight()-10;// get outerHeight without 10px for top/bottom margin
    $('#layer_curtain').width(overlay_width);// init curtain with current dims
    $('#layer_curtain').height(overlay_height);
    $('#layer_gallery_zoom').width(overlay_width);// init zoom content box with current dims 
    $('#layer_gallery_zoom').height(overlay_height);
}

/**
 * Leert die aktuelle src aus dem IFrame und blendet die Lightbox Elemente aus.
 * 
 * @return
 */
function lightboxLayerClose(){
	// bind load action in load event
	$('#lightbox_content').load(function(){
		$('#layer_curtain').hide();// display both
	    $('#layer_gallery_zoom').hide();
	});    
	
	$('#lightbox_content').attr('src', 'about:blank');

}

/**
 * Lädt die aktuelle src ins IFrame und blendet die Lightbox Elemente ein. 
 * 
 * @param src
 * @return
 */
function lightboxLayerOpen(src){
	// bind load action in load event
	$('#lightbox_content').load(function(){
		$('#layer_curtain').show();// display both
		$('#layer_gallery_zoom').show();
	});    
	
	$('#lightbox_content').attr('src', src);
};