var $overlay_wrapper;
var $overlay_panel;
var $domain = 'http://www.terraboost.com';
function show_overlay() {
    if ( !$overlay_wrapper ) append_overlay();
    $overlay_wrapper.fadeIn(700);
}

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

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

    $overlay_panel.html('<div id="lightbox1" class="suoverlay"><div class="lbtop"><img src="'+$domain+'/images/signuppop_top.gif" /></div><div class="lbmid"><div class="loginheader"><p class="closebtn"><a href="#" class="hide-overlay"><img src="'+$domain+'/images/signuppop_close.gif" /></a></p><h2>Log In</h2></div><div class="loginform"><form method="post" action="/cgi-bin/commerce.cgi"><div class="lgformrow"><label>USER NAME</label><input type="text" id="email" name="username" /></div><div class="lgformrow"><label>PASSWORD</label><input type="password" name="password" id="psswd" /> <input type="image" src="'+$domain+'/images/signuppop_ctn.gif" id="cont" name="login" value="Login" /></div></form></div><p class="lgdisclaimer">The client portal is a password protected area reserved for our clients. Trouble logging in, please contact us for assistance.</p></div><div class="lbtop"><img src="'+$domain+'/images/signuppop_btm.gif" /></div></div>');
   
    // $overlay_panel.html('<div id="lightbox1"><p>This is the overlay content</p><a href="#" class="hide-overlay">Close Overlay</a></div>');

    attach_overlay_events();
}

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

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