var $overlay_wrapper;
var $overlay_panel;
var $textareaobject;
function show_overlay(textarea,id) {

	$textareaobject = $('#'+textarea) //laver vores id om til at jquery object
	if ( !$overlay_wrapper ) append_overlay(id);
	$overlay_wrapper.fadeIn(700);

}

function show_termsoverlay(id) {
    if ( !$overlay_wrapper ) append_overlay(id);
    $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(id) {

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

	html += '<div class="overlaybox">';
	html += '<img id="hideoverlay" src="ajrgfx/jquery/img/close.png">';
	html += '<div class="overlaycontent">' + document.getElementById(id).innerHTML + '</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 select_vareklassetext(textid) {
    
    $textareaobject.html( $('#'+textid).html() );
    
    hide_overlay();
    
}