function closeDiv(){
$("#callback").html("");
}
function showCallback(){
 var html = "<input type='hidden' value='' id='captchaval'/><table cellspacing='0' style='padding: 0pt; border: medium none; margin: 0pt; visibility: visible; position: absolute; border-collapse: collapse; width: 400px; z-index: 1017; left: 500px; top: 100px;' align='center'>"+
 "<tbody style='padding: 0pt; border: medium none; margin: 0pt;'>"+
 "<tr style='padding: 0pt; border: medium none; margin: 0pt; height: auto;'>"+
 "<td style='padding: 0pt; border: medium none; margin: 0pt; line-height: 0pt; font-size: 0pt; background: url(images/rounded-white.png) repeat scroll 0px 0px transparent; height: 20px; width: 20px;'></td>"+
 "<td style='padding: 0pt; border: medium none; margin: 0pt; line-height: 0pt; font-size: 0pt; background: url(images/rounded-white.png) repeat scroll 0px -40px transparent; height: 20px; width: 20px;'></td>"+
 "<td style='padding: 0pt; border: medium none; margin: 0pt; line-height: 0pt; font-size: 0pt; background: url(images/rounded-white.png) repeat scroll -20px 0px transparent; height: 20px; width: 20px;'></td>"+
 "</tr>"+
 "<tr style='padding: 0pt; border: medium none; margin: 0pt; height: auto;'>"+
 "<td style='padding: 0pt; border: medium none; margin: 0pt; line-height: 0pt; font-size: 0pt; background:url(images/rounded-white.png) repeat scroll 0px -80px transparent; height: 20px; width: 20px;'></td>"+
 "<td style='padding: 0pt; border: medium none; margin: 0pt; position: relative; width: 375px; height: 456px;' class='callback' valign='top'>"+
 "<div style='width:100%;height:14px' align='right'><img src='images/close.jpg' style='cursor:pointer' onclick='closeDiv()'/></div>"+
 "<hr style='background-color:#eee;color:#eee'/><div style='width:100%' align='left'><h3>Оставить свой отзыв!</h3><div id='errors'></div><table style='width:100%'><tr><td align='left'><label class='label'>ФИО&nbsp;&nbsp;</label><br/><input type='text' id='lastname' style='width:350px'/></td></tr>"+
 "<tr><td><label class='label'>Телефон&nbsp;&nbsp;</label><br/><input type='text' id='phonenumber' style='width:350px'/></td></tr>"+
 "<tr><td><label class='label'>E-mail&nbsp;&nbsp;</label><br/><input type='text' id='email' style='width:350px'/></td></tr>"+
 "<tr><td><br/><label class='label'>Текст сообщения:</label><br/><textarea style='width:350px;height:100px' id='message'></textarea></td></tr>"+
 "<tr><td><br/><img src='modules/captcha/captcha.php?webi_code=1' alt='captcha' style='width:350px'/></td></tr>"+
 "<tr><td><input type='text' style='width:350px' id='captcha' value='введите текст на картинке' onclick=\"$('#captcha').val('')\"/></td></tr>"+
 "<tr><td align='left'><button onclick='chechCallback()' class='callback_submit'>&nbsp;Отправить&nbsp;</button></td></tr>"+
 "</table>"+
 "</div></td>"+
 "<td style='padding: 0pt; border: medium none; margin: 0pt; line-height: 0pt; font-size: 0pt; background: url(images/rounded-white.png) repeat scroll -20px -80px transparent; height: 20px; width: 20px;'></td>"+
 "</tr>"+
 "<tr style='padding: 0pt; border: medium none; margin: 0pt; height: auto;'>"+
 "<td style='padding: 0pt; border: medium none; margin: 0pt; line-height: 0pt; font-size: 0pt; background: url(images/rounded-white.png) repeat scroll 0px -20px transparent; height: 20px; width: 20px;'></td>"+
 "<td style='padding: 0pt; border: medium none; margin: 0pt; line-height: 0pt; font-size: 0pt; background: url(images/rounded-white.png) repeat scroll 0px -60px transparent; height: 20px; width: 20px;'></td>"+
 "<td style='padding: 0pt; border: medium none; margin: 0pt; line-height: 0pt; font-size: 0pt; background: url(images/rounded-white.png) repeat scroll -20px -20px transparent; height: 20px; width: 20px;'></td>"+
 "</tr>"+
 "</tbody>"+
"</table>";
 $("#callback").html(html);
}
function chechCallback(){
    var captcha = $("#captchaval").val();
    var captchaVal = $("#captcha").val();
    if(trim(captcha) == ""){
        $.ajax({
           type:"POST",
           cache:false,
           data:"action=checkCaptcha",
           url:"index.php",
           success:function(data){
               $("#captchaval").val(data);
               continueCheck();
           }
        });
    }else{
        continueCheck();
    }
}
function continueCheck(){
    var captcha = $("#captchaval").val();
    var captchaVal = $("#captcha").val();
    if(trim(captcha) != trim(captchaVal)){
        alert("Вы не верно ввели текст с картинки!");
    }else{
        var fio = $("#lastname").val();
        var phonenumber = $("#phonenumber").val();
        var email = $("#email").val();
        var message = $("#message").val();
        var datas = "";

        datas = "fio="+fio+"&phone="+phonenumber+"&email="+email+"&message="+message+"&action=sendMail";
        $.ajax({
            type:"POST",
            cache:false,
            data:datas,
            url:"index.php",
            success:function(data){
                alert(data);
                closeDiv();
            }
        });
    }
}
function trim(string){
    return string.replace(/(^\s+)|(\s+$)/g, "");
}