<script type="text/javascript">
$(document).ready(function(){
$('#dialog').click(function() {
//Ширина и высота всего документа
var HeightDocument = $(document).height();
var WidthDocument = $(document).width();
//Ширина и высота окна браузера
var HeightScreen = $(window).height();
//Плавное анимационное наложение на страницу серого фона
$('.modal_bg').css({'width':WidthDocument,'height':HeightDocument});
$('.modal_bg').fadeIn(1000);
$('.modal_bg').fadeTo("slow",0.8);
//Расположение модального окна с содержимым по высоте учитывая скроллинг документа
var Top_modal_window=$(document).scrollTop()+HeightScreen/2-$('.modal_window').height()/2;
$('.modal_window').css({'top':Top_modal_window+'px','display':'block'});
//Запрет на сколлинг страницы
$("body").css({"overflow":"hidden"});
return false;
});
//При клике на кнопке "Close Window", модальное окно и фон скрываются
$('.modal_window button').click(function () {
$('.modal_bg, .modal_window').hide();
$("body").css({"overflow":"auto"});
});
//При клике вне области модального окна, фон и модальное окно скрываются
$('.modal_bg').click(function () {
$('.modal_bg, .modal_window').hide();
$("body").css({"overflow":"auto"});
});
});
</script>