var $overlay_wrapper;
var $overlay_panel;
var UID;
var url;

function show_overlay(userId) {
	//alert('overlay');
	UID = userId;
	/*url = redirectUrl;*/
    if ( !$overlay_wrapper ) append_overlay();
    $overlay_wrapper.fadeIn(700);
}

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

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

    $overlay_panel.html( '<span class="copy"><span class="title">Change Password</span><br /><br />You are required to change your password. Please enter your temporary/current password and a new password twice.</span><br /><span id="passMsg" class="copy"></span><form name="changePasswordForm" id="changePasswordForm"><input type="hidden" class="UID" name="UID" value="' + UID + '" readonly="readonly"><br /><center><table><tr><td class="copyR passwordTd"><label for="currentPassword">Current Password</label>:<br /><br /><label for="newPassword">New Password</label>:<br /><br /><label for="confirmNewPassword">Confirm New Password</label>:</td><td><input type="password" class="medField field" id="currentPassword" name="currentPassword"><br /><input type="password" class="medField field" id="newPassword" name="newPassword"><br /><input type="password" class="medField field" id="confirmNewPassword" name="confirmNewPassword"></td></tr><tr><td colspan="2" align="center"><input type="submit" value="Submit" name="changePassword" id="changePassword"></td></tr></table></center></form>' );
	$('.passwordTd').attr('valign', 'top').width(165).css({'padding-top':'8px', 'padding-bottom':'5px'});
	$('#changePasswordForm :input').width(100);

    attach_overlay_events();
}

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

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