$(document).ready(function() {
  var widgetWidth = $('#reservationWidgetBG').width();
  var widgetHeight = $('#reservationWidgetBG').height();
  $('#reservationWidgetBG').width(0).height(0).show();

  $('#MakeReservationButton').click(function() {
    $('#reservationWidgetBG').animate({ width: widgetWidth, height: widgetHeight }, 'normal', function() {
      $('#ReservationWidgetContainer > *:hidden').fadeIn('normal');
    });
  });
  $('#closeWidget').click(function() {
    $('#ReservationWidgetContainer > *:not(#reservationWidgetBG)').fadeOut('normal', function() {
      $('#reservationWidgetBG').animate({ width: 0, height: 0 }, 'normal');
    });
  });
});