$(document).ready(function() {
     $(".open_callback_bottom").click(function() {
        $(".callback_bottom").slideToggle();
     });
     $(".open_callback_top").click(function() {
        $(".callback_top").slideToggle();
     });
});

jQuery(function($){
  $('#callback_telephone_top').parents('form').validate({
    rules: 
    {
      "callback[telephone]":{"required":true, "maxlength":10, "minlength":10 }
    },
    messages: {
      "callback[telephone]":{"required":"Donnée obligatoire.", "maxlength":"Saisir 10 caractères maximum", "minlength":"Saisir 10 caractères minimum"}
    },
    wrapper: 'ul class=error_list',
    errorElement: 'li',
    errorPlacement: function(error, element) 
    {
         error.prependTo( element.parent() );
    },
    submitHandler: function(form) {
       $(form).ajaxSubmit({
          success: function(data) {
            $('#callback_result_bottom').empty();
            $('#callback_result_top').empty();
            $('#callback_result_bottom').html(data);    
            $('#callback_result_top').html(data);        
          },
          beforeSend: function (xhr) {
            $('#callback_result_bottom').html('<img src=\'../images/ajax-loader.gif\' title=\'Envoi en cour\'>');
            $('#callback_result_top').html('<img src=\'../images/ajax-loader.gif\' title=\'Envoi en cour\'>');
          }
       });       
       return false;
    },
  });
});

jQuery(function($){
  $('#callback_telephone_bottom').parents('form').validate({
    rules: 
    {
      "callback[telephone]":{"required":true, "maxlength":10, "minlength":10 }
    },
    messages: {
      "callback[telephone]":{"required":"Donn&eacute;e obligatoire.", "maxlength":"Saisir 10 caractères maximum", "minlength":"Saisir 10 caractères minimum"}
    },
    wrapper: 'ul class=error_list',
    errorElement: 'li',
    errorPlacement: function(error, element) 
    {
         error.prependTo( element.parent() );
    },
    submitHandler: function(form) {
       $(form).ajaxSubmit({
          success: function(data) {
            $('#callback_result_bottom').empty();
            $('#callback_result_top').empty();
            $('#callback_result_bottom').html(data);    
            $('#callback_result_top').html(data);        
          },
          beforeSend: function (xhr) {
            $('#callback_result_bottom').html('<img src=\'../images/ajax-loader.gif\' title=\'Envoi en cour\'>');
            $('#callback_result_top').html('<img src=\'../images/ajax-loader.gif\' title=\'Envoi en cour\'>');
          }
       });       
       return false;      
    },
  });
});