// Modal Popup for Thank You message

$(document).ready(function() {

function popOpen(popID, popWidth) {

if ($('#' popID).length > 0) {


    //Fade in the Popup and add close button
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>');
//Define margin for center alignment (vertical horizontal) – we add 80px to the height/width to accomodate for the padding and border width defined in the css
var popMargTop = ($('#' popID).height() 80) / 2;
var popMargLeft = ($('#' popID).width() 80) / 2;

//Apply Margin to Popup
$('#' popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});

//Fade in Background
$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer – .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies

}

};

popOpen('popup_thanks', '500');

//Close Popups and Fade Layer
$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer…
$('#fade , .popup_chunk').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});

});
