/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
  $(document).ready(function() {
$("#question-form label").css('display', 'none');
$("#question-form table tr td:first-child").css('display', 'none');

    var success = false;

    var formName = $('#question_name');
    var formNumber = $('#question_number');
    var formEmail = $('#question_email');
    var formQuestion = $('#question_question');

    var formNameDefault = "Name:";
    var formNumberDefault = "Contact No:";
    var formEmailDefault = "Email:";
    var formQuestionDefault = "Question:";

    formName.attr("value", formNameDefault);
    formNumber.attr("value", formNumberDefault);
    formEmail.attr("value", formEmailDefault);
    formQuestion.attr("value", formQuestionDefault);
    formName.css('color', '#FFFFFF');
    formNumber.css('color', '#FFFFFF');
    formEmail.css('color', '#FFFFFF');
    formQuestion.css('color', '#FFFFFF');

    // form name toggle
     formName.focus(function(){
         if($(this).attr("value") == formNameDefault) $(this).attr("value", "");
         formName.css('color', '#FFFFFF');
         if (success == true) {
            success = false;
            $('.success').fadeOut('slow');
            $('.success').css('display', 'none');
            $(this).attr("value", "");
         }
     });

    formName.blur(function(){
         if($(this).attr("value") == "") {
             $(this).attr("value", formNameDefault);
             formName.css('color', '#FFFFFF');
         }
     });

     // form number toggle
     formNumber.focus(function(){
         if($(this).attr("value") == formNumberDefault) $(this).attr("value", "");
         formNumber.css('color', '#FFFFFF');
                  if (success == true) {
            success = false;
            $('.success').fadeOut('slow');
            $('.success').css('display', 'none');
            $(this).attr("value", "");
         }
     });

    formNumber.blur(function(){
         if($(this).attr("value") == "") {
             $(this).attr("value", formNumberDefault);
             formNumber.css('color', '#FFFFFF');
         }

     });

      // form e-mail toggle
     formEmail.focus(function(){
         if($(this).attr("value") == formEmailDefault) $(this).attr("value", "");
         formEmail.css('color', '#FFFFFF');
                  if (success == true) {
             success = false;
             $('.success').fadeOut('slow');
             $('.success').css('display', 'none');
             $(this).attr("value", "");
         }
     });

    formEmail.blur(function(){
         if($(this).attr("value") == "") {
             $(this).attr("value", formEmailDefault);
             formEmail.css('color', '#FFFFFF');
         }
     });

     // form question toggle
     formQuestion.focus(function(){
         if($(this).attr("value") == formQuestionDefault) $(this).attr("value", "");
         formQuestion.css('color', '#FFFFFF');
                  if (success == true) {
                  success = false;
                  $('.success').fadeOut('slow');
                  $('.success').css('display', 'none');
                  $(this).attr("value", "");
         }
     });

    formQuestion.blur(function(){
         if($(this).attr("value") == "") {
             $(this).attr("value", formQuestionDefault);
             formQuestion.css('color', '#FFFFFF');
         }
     });

function resetForm() {
     formName.attr("value", formNameDefault);
     formName.css('color', '#FFFFFF');
     formNumber.attr("value", formNumberDefault);
     formNumber.css('color', '#FFFFFF');
     formEmail.attr("value", formEmailDefault);
     formEmail.css('color', '#FFFFFF');
     formQuestion.attr("value", formQuestionDefault);
     formQuestion.css('color', '#FFFFFF');
     
}

$.validator.addMethod("name",
          function(value) {
              if (value == "Name:") {
               return false;
              }
              return true;
          },

          "Enter name"
       );

              $.validator.addMethod("number",
          function(value) {
              if (value == "Contact No:"){
               return false;
              }
              return true;
          },

          "Enter number"
       );

              $.validator.addMethod("email",
          function(value) {
             if (value == "Email:"){
               return false;
              }
              return true;
          },

          "Enter email"
       );

              $.validator.addMethod("question",
          function(value) {
             if (value == "Question:"){
               return false;
              }
              return true;
          },

          "Enter question"
       );

       $("#question-form").validate({
        rules: {
            "question[name]":
             {
              required: true,
              minlength: 2,
              name: true
             },
            "question[number]":
            {
              required: true,
              minlength: 2,
              number: true
             },
            "question[email]":
            {
              required: true,
              email: true
             },
            "question[question]":
            {
              required: true,
              minlength: 2,
              question: true
             }
        },
        messages: {
            "question[name]":
             {
              required: "Enter name",
              minlength: jQuery.format("Enter at least {0} characters for name")
             },
            "question[number]":
             {
              required: "Enter number",
              minlength: jQuery.format("Enter at least {0} characters for number")
             },
            "question[question]":
             {
              required: "Enter question",
              minlength: jQuery.format("Enter at least {0} characters for question")
             },
            "question[email]":
             {
              required: "Enter e-mail address",
              minlength: "Enter valid e-mail address"
             }
        },
         submitHandler: function() {
			//form.submit();
                      var dataString = $('#question-form').serialize();
                      //alert (dataString);return false;
                      $.ajax({
                        type: "POST",
                        url: "http://www.yourglassoffice.co.uk/processQuestion",
                        data: dataString,
                        success: function() {
                          $('.success').fadeIn();
                          $('.success').css('display', 'block');
                          success = true;
                          resetForm();
                        }
                      });
                      return false;
 		}
    });

      });