$(document).ready(function (){
    $('.feedback').click(function (){

       
        //show the modal box
        $.modal('<form id="feedback" method="post"><label class="feedback" for="email">Your Email :</label><input class="formInputText" name="email" id="email" type="text" /><br/><label class="feedback" for="subject">The Subject :</label><input class="formInputText" name="subject" id="subject" type="text" /><br/><label class="feedback" for="subject">Your Feedback :</label><textarea class="formTextarea" name="msg" id="msg" cols="43" rows="5"></textarea><br/><div id="recaptcha_image"></div></br><div id="buttons"><a class="button" id="reset" href="#"><span>reset</span></a> <a class="button" id="send" href="#"><span>send feedback</span></a></div></form>');
        //<label class="feedback" for="recaptcha_response_field">Enter words in image :</label><input class="formInputText" type="text" name="recaptcha_response_field" id="recaptcha_response_field" /><label style="visibility:hidden" class="error recaptcha" for="recaptcha_response_field">Error! please retype words or reset form</label>-->
        //create the recaptcha image
//        var RecaptchaOptions = {
//            theme : 'custom'
//        };
//        Recaptcha.create('6Ldo6rsSAAAAALmUFSfMvbKN1Y-a9ehcRCGDef-R', 'recaptcha_image', RecaptchaOptions);
//        Recaptcha.focus_response_field();




        //start validating
        $('#feedback').validate({
            rules:{
                email: {
                    required: true,
                    email: true
                },
                msg: {
                    required: true,
                    minlength: 5
                },
                subject : {
                    required: true,
                    minlength: 5
                },
                messages: {
                    email: "Please enter a valid email address",
                    msg: "Please type in a message greater than 5 characters"
                }
                        
            }
        });

        //handle the reset and send buttons
        $('#reset').click(function (){
            clearForm("#feedback");
            return false;
        });

        $('#send').click(function (){
            //post message
            postFormVals("#feedback");
            
        });

        return false;
    });
})

function clearForm(formId){
    $(':input',formId)
    .not(':button, :submit, :reset, :hidden')
    .val('')
    .removeAttr('checked')
    .removeAttr('selected');
    resetCaptcha();
}

//function resetCaptcha(){
//
//}

function postFormVals(formId){
    //retrieve the content
    var email = $('#'+formId+' #email').val();
    var subject = $('#'+formId+' #subject').val();
    var msg = $('#'+formId+' #msg').val();
//    var captcha = $('#'+formId+' #recaptcha_response_field').val();
    
    //validate content
    //check recaptcha first
//    var captchaPass = false;

//    $.ajax({
//   type: "POST",
//   async: false,
//   url: "includes/recaptcha.php",
//   data: {"recaptcha_response_field" : captcha},
//   success: function(msg){
//     alert( "Data Saved: " + msg );
//   }
// });
//    window.location = "http://localhost/includes/recaptcha.php";
//
//
//    if(captchaPass){
//        alert("yay");
//    }


//send mail
$.post('includes/mailer.php', {type:'1', receipient:'pkanane@gmail.com', sender:email,subject:subject, msg:msg}, function(data){
    $("#feedback").html(data);
});

}