$(document).ready(function(){
    $("#contactForm").validate({
        errorClass : "validation-failed",
        errorElement: 'div',
        errorPlacement: function(error, element) {
            error.appendTo( element );
        }
    });
});


function showContactUsForm(){
    $("#contact-dialog").dialog({
		modal:true,
		draggable:false,
		width:540,
        buttons: {
            "Отправить": function(){
                   if ($('#contactForm').valid())
                   {
                       var name = $("#contact-name").val();
                       var email = $("#contact-email").val();
                       var phone = $("#contact-telephone").val();
                       var comment = $("#contact-comment").val();
                       sendForm(name, email, phone, comment);
                       $(this).dialog("destroy");
                   }
            },
            "Закрыть": function(){
                   $("#contact-name").val("");
                   $("#contact-email").val("");
                   $("#contact-telephone").val("");
                   $("#contact-comment").val(""); 
                   $(this).dialog("destroy");
            }
        }
	}).dialog("open");
}


function sendForm(name, email, phone, comment){
    $("#contact-loading").dialog({
		modal:true,
		draggable:false,
		width:310,
		beforeclose:function() {
			return false;
		}
	}).dialog("open");
    $.ajax({type: "GET",
			url : "/js/send.php",
            data : "name="+name+"&email="+email+"&phone="+phone+"&comment="+comment,
			success: handleSendFormAJAXResponse
			});
}

function handleSendFormAJAXResponse(msg)
{
    $("#contact-loading").dialog("destroy");
    var response = eval("("+msg+")");
    if (!response['error'])
    {
        $("#success-dialog").dialog({
		modal:true,
		draggable:false,
		//width:590,
        buttons: {
            "OK": function(){
                   $(this).dialog("destroy")
            }
        }
	}).dialog("open");

    }
    else
    {
        $("#error-dialog").dialog({
		modal:true,
		draggable:false,
		//width:590,
        buttons: {
            "OK": function(){
                   $(this).dialog("destroy")
            }
        }
	}).dialog("open");
    }
}