/* -------------------------------------------------------------
 *	@Project: GeldKarte
 *	@Author: Patricia Ross (triplesense.de)
 *	@Created: 2009-05-13
 *	@Last edited: Patricia Ross, 2010-01-14
 * ------------------------------------------------------------- 
 * 
 * Usage:
 * 
 * <a class="lightbox-link" href="#"></a>
 * ...
 * <div class="lightbox-details">
 * lightbox content ...
 * </div>
 **/
jQuery.fn.lightbox = function(settings) 
{
	
	function showDetailPanel(trigger)
	{
		$('#lightbox-layer').remove();
		$('#overlay').remove();
		$('.lightbox-link').removeClass('active');
		
		var triggerElement = trigger;
	    var parentElement = triggerElement.parent();
	    
		var detailContent  = triggerElement.nextAll('.lightbox-details').html();
		if (detailContent == null)
		{
		var detailContent  = parentElement.nextAll('.lightbox-details').html();
		}
  
  
	    triggerElement.addClass('active');
	    
	    var html = '<div id="overlay"></div><div id="lightbox-layer">';
	    html +='<!-- start lightbox -->';
	    html +='<div class="lightbox clearfix">';
	    html +='<a href="#" title="schlie&szlig;en" class="icon-close lightbox-closebutton"><span>schlie&szlig;en</span></a>';
	    html +=detailContent;
	    html +='</div><!-- end .lightbox -->';
	    html +='<!-- end lightbox -->';
	   
		triggerElement.after(html);            

		 var arrPageSizes = DLC.getPageSize();
		 

		    $('#overlay').css({
				width:		arrPageSizes[0],
				height:		arrPageSizes[1]				         
		    }).fadeIn();
		    
		    
		    // If window was resized, calculate the new overlay dimensions
			$(window).resize(function() {
				// Get page sizes
				var arrPageSizes = DLC.getPageSize();
				// Style overlay and show it
				$('#overlay').css({
					width:		arrPageSizes[0],
					height:		arrPageSizes[1]
				});
			});

			var arrPageScroll = DLC.getPageScroll();
		
			var w =  $('#lightbox-layer').width( );
			
			var o = $('#content-container').offset();
		    $('#lightbox-layer').hide();
		    $('#lightbox-layer').css({
		    	'position': 'absolute',
		        'top': arrPageScroll[1] + (arrPageSizes[3] / 5),
		        'left': 244,
		        'z-index': 5000
		    });
		    
		 if (trigger.attr('rel')=="top")
		 {
			 $('#lightbox-layer').css({
		        'top': 70,
				'left': 184
		    });
			 $('#lightbox-layer').addClass('wide');
		 }

	    if (trigger.hasClass('small-lb')) 
	    {
			 $('#lightbox-layer').css({
				'left': 314
		    });
		  $('#lightbox-layer').addClass('small-lb');
	    }

		    $('.lightbox-closebutton').unbind('click');
		    $('.lightbox-closebutton,#overlay').click(function(e)
		    {
		    	$('#overlay').hide().remove();
		    	e.preventDefault();
		    	hideDetailPanel(triggerElement);
		    });
		    
			$('#lightbox-layer').fadeIn(300);
	
	}
	
	function hideDetailPanel(trigger){
	
		trigger.removeClass('active')	
	    $('#lightbox-layer').fadeOut('fast').remove();
	}
	

	// Init
	
	$('.lightbox-link').unbind('click');
    $('.lightbox-link').click(function()
    {
	    var trigger = $(this);
	    if (trigger.hasClass('active')) 
	    {
		  hideDetailPanel(trigger);
	    }
	    else 
	    {
	      showDetailPanel(trigger);
	    }
	    return false;
    });

}
