var loaded = !((navigator.appName == "Microsoft Internet Explorer") && ($.browser.version <= 7.0));
$(document).ready(function () {
  loaded = true;
});

function darkbox(content, width) {
  if (!loaded) return;
  var moirdiv = $("<div id='moirdiv'></div>");
  moirdiv.css({"position" : "absolute", "top" : 0, "left" : 0, "width" : "100%", "height" : $(document).height(), "background-color" : "#000", "z-index" : 20000, "opacity" : 0});
  moirdiv.fadeTo(300, 0.4);
  moirdiv.appendTo("body");
  moirdiv.click(tothesun);

  var contdiv = $("<div id='contdiv'>"+content+"</div>");
  contdiv.css({"position" : "absolute", "width" : width+"px", "background-color" : "#FFF", "z-index" : 20100, "left":"0", "top":"0", "padding":"5px"});
  contdiv.appendTo("body");
  contdiv.css({"top" : $(document).scrollTop() + Math.round(($(window).height() - contdiv.outerHeight())/2),
              "left" : $(document).scrollLeft() + Math.round(($(window).width() - contdiv.outerWidth())/2)});
  var closebutton = $("<img src='"+scriptroot+"img/close.gif' alt='Закрыть' title='Закрыть' style='position:absolute; right:3px; top:3px; cursor:pointer' />");
  closebutton.click(tothesun);
  closebutton.appendTo(contdiv);
}

function tothesun() {
  if (!loaded) return;
  $("#contdiv").fadeOut(300, function(){$(this).remove();});
  $("#moirdiv").fadeOut(300, function(){$(this).remove();});
}

function showmap(w, h) {
  darkbox('<img src="'+scriptroot+'files/upfiles/map.png" width="'+w+'" height="'+h+'" />', w);
}

function showdoctorform() {
  doctorform = '<table class="nicetable">\
    <tr class="noborder"><td class="f_item" style="width:140px;">К какому специалисту:</td><td class="f_field"><select name="doctor" style="width:200px">\
<option value="g">Гинеколог</option>\
<option value="e">Эндокринолог</option>\
<option value="t">Терапевт</option>\
</select></td></tr>\
    <tr><td class="f_item">Желаемая дата и время:&nbsp;<em class="mark">*</em></td><td class="f_field"><input type="text" name="time" value="" style="width:99%" /></td></tr>\
    <tr><td class="f_item">Ваши ФИО:&nbsp;<em class="mark">*</em></td><td class="f_field"><input type="text" name="uname" value="" style="width:99%" /></td></tr>\
    <tr><td class="f_item">Ваш телефон:&nbsp;<em class="mark">*</em></td><td class="f_field"><input type="text" name="phone" value="" style="width:99%" /></td></tr>\
    <tr><td class="f_item">Примечание: </td><td class="f_field"><textarea name="content" rows="6" cols="50" style="width:99%;"></textarea></td></tr>\
<tr><td></td><td><input type="button" class="btn" value="Отправить" /></td></tr>\
</table>';
  darkbox(doctorform, 600);
  $("#contdiv input[type=button]").click(function() {
    var doctor = $("#contdiv select[name=doctor]").attr("value");
    var time = $("#contdiv input[name=time]").attr("value");
    var uname = $("#contdiv input[name=uname]").attr("value");
    var phone = $("#contdiv input[name=phone]").attr("value");
    var content = $("#contdiv textarea[name=content]").attr("value");
    var errstr = "";
    if (time == "") errstr += "Вы не указали желаемое время.\n";
    if (uname == "") errstr += "Вы не указали свое имя.\n";
    if (phone == "") errstr += "Вы не указали свой телефон.\n";
    if (errstr) {
      alert(errstr);
    } else {
      $("<span id='dloading'>&nbsp;&nbsp;<img src='"+scriptroot+"images/loading16.gif' width='16' height='16' align='absmiddle' /> Отправка...</span>").insertAfter("#contdiv input[type=button]");
      $("#contdiv input[type=button]").attr('disabled', true);
      $.post(scriptroot+"include/ajax.php", {"act":"priem", "doctor":doctor, "time":time, "uname":uname, "phone":phone, "content":content, "r":Math.random()}, function(resp){
         if (resp.substr(0, 2) == 'OK') {
           $("#contdiv").html("<div style='font-size:16px; text-align:center; margin: 50px 0;'>Ваша заявка отправлена.</div>");
         } else {
           $("#dloading").remove();
           $("#contdiv input[type=button]").attr('disabled', false);
           alert(resp);
         }
       }, "text");
    }
  });
}