$(document).ready(function(){
$("#dialog2").dialog({
  bgiframe: true,
  modal: true,
  width: 415,
  height: 280,
  open: function(){
    $(this).show();
  },
  overlay: { 
              opacity: 0.5, 
              background: "black" 
          }
});
 $("#dialog1").dialog({
    bgiframe: true,
    modal: true,
    width: 310,
    height: 220,
    autoOpen: false,
    overlay: { 
                opacity: 0.5, 
                background: "black" 
            },
    open: function() {
      var html = 
      '<div class="content">'
      +'<h2>Kontrola rezervace</h2>'
      +'<p>Vaše rezervace zní:<br />na jméno: <strong>'
      +$("input[name=name]").val()+'</strong><br />datum a čas: <strong>'+$("input[name=resdate]").val()
      +'</strong><br />počet míst: <strong>'+$("input[name=persons]").val()+'</strong><br />umístění: <strong>'
      +$("select[name=place]").val()+'</strong><br />váš telefon: <strong>'+$("input[name=phone]").val()
      +'</strong><br />další přání: <strong>'+$("textarea[name=text]").val().substr(0,70);
      if($("textarea[name=text]").val().length > 70) {
        html = html + '...';
      }
      html = html + '</strong></p>'
      +'<p>Nezapomeňte prověřit naše <a href="/rezervace-on-line.html/#Podminky_rezervaci" target="_new">podmínky rezervací</a>.</p>'
      +'<p style="text-align: right"><button onclick="$(\'form:first\').removeAttr(\'onsubmit\');document.formular.submit();$(\'#dialog1\').dialog(\'close\');">ok</button>&nbsp;<button onclick="$(\'#dialog1\').dialog(\'close\');">zpět</button></p>'
      +'</div>';
      $(this).html(html);
    }
    /*buttons: {
      "ok": function() {
        $("form:first").removeAttr("onsubmit");
        document.formular.submit();
        $(this).dialog('close');
      },
      "zpět": function() {
        $(this).dialog('close');
      }
    }*/
    
  });
});