$(document).ready(function() {
$('#callback-button').click(function () {
 $('#form-callback').show();
$('#gl').append('<div id="fon-r"></div><div id="form-callback"><div id="close-cb"></div><p class="frt"><strong>Запрос обратного звонка</strong> Оставьте номер, и мы позвоним Вам в рабочее время!</p><div id="otvet-cb"></div><form id="call-back" action="/callback.php" method="post"><ul><li><label for="telefon-cb">Телефон:</label><input type="text" name="telefon-cb" id="telefon-cb" /></li><li><label for="name-cb">Имя:</label><input type="text" name="name-cb" id="name-cb" /></li><li><a href="#form-callback" id="go-cb">Отправить</a></li></ul><p>Все поля обязательны для заполнения.</p></form></div>');
var hd = $(document);
var we = $(window);

$('#close-cb').click(function () {
 //$('#form-callback').hide();
$('#gl').empty();
 })

$('#fon-r').css({'height': hd.height(), 'width': '100%', 'display': 'block'}).animate({ opacity: "0.7" }, "slow");

$('#form-callback').css({height: 'auto'});
var hb = (we.height()-$('#form-callback').height())/2+we.scrollTop()-20;
var wb = (we.width()-$('#form-callback').width())/2+we.scrollLeft();
$('#form-callback').css({'top': hb, 'left': wb});


 // форма
$("#go-cb").click(function () {
$.ajax({
   type: "POST",
   url: $("#call-back").attr("action"),
   data: $("#call-back").serializeArray(),
   success: function(mass){
   //dataType: "json";
   $("#otvet-cb").html(mass);
   }
 });
$("#otvet-cb").show();
 });
 //конец формы

 })
  return false;
});

$(window).resize(function(){
var hd = $(document);
var we = $(window);
$('#fon-r').css({'height': hd.height(), 'width': '100%'})
var hb = (we.height()-$('#form-callback').height())/2+we.scrollTop()-20;
var wb = (we.width()-$('#form-callback').width())/2+we.scrollLeft();
$('#form-callback').css({'top': hb, 'left': wb});
return false;
});
$(window).scroll(function(){
var we = $(window);
var hb = (we.height()-$('#form-callback').height())/2+we.scrollTop()-20;
var wb = (we.width()-$('#form-callback').width())/2+we.scrollLeft();
$('#form-callback').css({'top': hb, 'left': wb});
return false;
});