var $overlay_wrapper;
var $overlay_panel;
var $close_btn;

function show_overlay() {
    if ( !$overlay_wrapper ) append_overlay();
    $overlay_wrapper.fadeTo(700,0.7);
    $close_btn.fadeIn(700);
}

function hide_overlay() {
    $overlay_wrapper.fadeOut(500);
    $close_btn.fadeOut(500);
}

function attach_overlay_events() {
    /*$('A.hide-overlay', $overlay_wrapper).click( function(ev) {
        ev.preventDefault();
        hide_overlay();
    });*/
    
    $close_btn.click( function(ev) {
        ev.preventDefault();
        hide_overlay();
        //$(this).hide();
    });    
    
	$('#overlay').click( function(ev) {
        ev.preventDefault();
        hide_overlay();
       // $close_btn.hide();
    });    
}

function append_overlay() {
    $overlay_wrapper = $('<div id="overlay" title="Close"></div>').appendTo( $('BODY') );
    //$overlay_panel = $('<div id="overlay-panel"></div>').appendTo( $overlay_wrapper );
    
    $('div.aboveOverlay').append('<div class="close-btn" title="Close">CLOSE</div>');
    $close_btn = $('div.close-btn');
    //$overlay_panel.html( '<p>This is the overlay content</p><a href="#" class="hide-overlay">Close Overlay</a>' );

    attach_overlay_events();
}