var $overlay_wrapper;
var $overlay_panel;

function show_overlay(me) {
    if ( !$overlay_wrapper ) append_overlay(me);
    $overlay_wrapper.fadeIn(700);
}

function show_overlay_small(me) {
    if ( !$overlay_wrapper ) append_overlay_small(me);
    $overlay_wrapper.fadeIn(700);
}
function hide_overlay() {
    $overlay_wrapper.fadeOut(500);
    $overlay_wrapper = null; //gør at den ikke huske på den sidste side der bliver vist
}

function append_overlay(me) {

	var html = '';

	$overlay_wrapper = $('<div id="overlay"></div>').appendTo( $('BODY') );
	    
	$overlay_panel = $('<div id="overlay-panel"></div>').appendTo( $overlay_wrapper );

	if(me.attr('rel') != ''){
		$.ajax({
		  url: me.attr('rel'),
		  success: function(data) {
		  
			html += '<div class="lightboxbg">';
			html += '  <div class="lightboxcontent">'+ data +'</div>';
			html += '</div>';
			
			$overlay_panel.html( html );

		  }
		});
	
	} else {
		  
		html += '<div class="lightboxbg">';
		html += '  <div class="lightboxcontent">';
		html += '    <div onclick="hide_overlay()" class="close right">LUK</div>';
		html += '    <iframe style="z-index: 1; position: absolute; width: 465px; height: 360px" frameborder=0 src="'+ me.attr('href') +'" />';
		html += '  </div>';
		html += '</div>';
			
		$overlay_panel.html( html );
			
	}

    attach_overlay_events();
}

function append_overlay_small(me) {
	var html = '';

	$overlay_wrapper = $('<div id="overlay"></div>').appendTo( $('BODY') );
	    
	$overlay_panel = $('<div id="overlay-panel"></div>').appendTo( $overlay_wrapper );

	if(me.attr('rel') != ''){
		$.ajax({
		  url: me.attr('rel'),
		  success: function(data) {
		  
			html += '<div class="lightboxbg">';
			html += '  <div class="lightboxcontent">'+ data +'</div>';
			html += '</div>';
			
			$overlay_panel.html( html );

		  }
		});
	
	} else {
		  
		html += '<div class="lightboxbgsmall">';
		html += '  <div class="lightboxcontent">';
		html += '    <div onclick="hide_overlay()" class="close right">LUK</div>';
		html += '    <iframe style="z-index: 1; position: absolute; width: 390px; height: 170px" frameborder=0 src="'+ me.attr('href') +'" />';
		html += '  </div>';
		html += '</div>';
			
		$overlay_panel.html( html );
			
	}

    attach_overlay_events();
}
function attach_overlay_events() {
    $('#hideoverlay', $overlay_wrapper).click( function(ev) {
        ev.preventDefault();
        hide_overlay();
    });
}

$(function() {
    $('.show-overlay').click( function(ev) {
        ev.preventDefault();
        show_overlay($(this));
    });
    $('.show-overlay-small').click( function(ev) {
        ev.preventDefault();
        show_overlay_small($(this));
    });    
});

function showforgotpwoverlay(pageurl){

    if ( !$overlay_wrapper ) append_forgotpwoverlay(pageurl);
    $overlay_wrapper.fadeIn(700);

}

function append_forgotpwoverlay(pageurl) {

	var html = '';

	$overlay_wrapper = $('<div id="overlay"></div>').appendTo( $('BODY') );
	    
	$overlay_panel = $('<div id="overlay-panel"></div>').appendTo( $overlay_wrapper );

	html += '<div class="lightboxbg">';
	html += '  <div class="lightboxcontent">';
	html += '    <div onclick="hide_overlay()" class="cursor right" style="position: relative; top: -8px; z-index: 2; ">LUK</div>';
	html += '    <iframe style="z-index: 1; position: absolute; width: 460px; height: 360px" frameborder=0 src="'+ pageurl +'" />';
	html += '  </div>';
	html += '</div>';
			
	$overlay_panel.html( html );

    attach_overlay_events();
}