$(document).ready(function () {
$(function() {
            
            
            var feedbackTab = {
                
                speed:300,
                containerWidth:$('.feedback-panel').outerWidth(),
                containerHeight:$('.feedback-panel').outerHeight(),
                tabWidth:$('.feedback-tab').outerWidth(),
                
                init:function(){
                    $('.feedback-panel').css('height',feedbackTab.containerHeight + 'px');
                    
                    $('a.feedback-tab').click(function(event){

                        if ($('.feedback-panel').hasClass('open')) {
                            $('.feedback-panel').animate({left:'-' + feedbackTab.containerWidth}, feedbackTab.speed)
                            .removeClass('open');
                        } else {
                            $('.feedback-panel').animate({left:'0'},  feedbackTab.speed)
                            .addClass('open');
                        }
                        event.preventDefault();
                    });
                }
            };
            
            feedbackTab.init();
            
            $(".button").click(function() {  
                var email = $("input#email").val();
                var message = $("textarea#message").val();
                var response_message = "Merci! <br> Nous vous répondrons rapidement in sha Allah"

                var dataString = 'from=' + email + '&message=' + message;
                
                $.ajax({
                  type: "POST",
                  url: "/horaire-priere/sendmail.php",
                  data: dataString,
                  success: function(error) {
                    if(error!=''){
                      $(".error").remove();
                      $('#small').after("<span class='error'><br><br>" + error +"</span>");
                    }else{
                    $(".error").remove();
                    $('#form-wrap').html("<div id='response-message'></div>");
                    $('#response-message').html("<p>" + response_message +"</p>")
                    .hide()
                    .fadeIn(500)
                    .animate({opacity: 1.0}, 2000)
                    .fadeIn(0, function(){
                        $('.feedback-panel')
                        .animate({left:'-' + (feedbackTab.containerWidth + feedbackTab.tabWidth)}, 
                        (feedbackTab.speed))
                        .removeClass('open');
                    })

                    
                  }
                }
                });
                return false;
            });
            

            
        });
});