// JavaScript Document

	
 $(document).ready(function(){


//Get the id of the contact form.

$("#contactForm").validate({
							   
								   
		rules: {
			
			email: {
				required: true,
				email: true
				
			},
			
			name: {
				required:true
			},
			
			phone: {
				required:true
			},
			
			message: {
				required:true	
			},
			
			red_letter: {
				required:true,
				remote: "/referral/remote_red_letter_check.php"
			}
			
			},
			
			
		messages: {
			email: "",
			message: "",
			phone: "",
			name: "",
			red_letter: {
				
			required: "",
			remote: "Enter Red Letters"
				
			}
	
			
		},								   
							

//callback invoked after validation completes. Provides the submission of the form via ajax and repalces the standard (html submit). (If js is turned off, the about / contact buttton will be directed to contact.php via the standard href tag)

   submitHandler: function(form) {
   	

 var email = $("input#email").val();
 var message = $("textarea#message").val();
 var phone = $("input#phone").val();
 var name = $("input#name").val();
 var creditUnion = $("input#creditUnion").val();
 var red_letter = $("input#red_letter").val();
 
 var response_message = "THANKS FOR THE FEEDBACK."

var dataString = 'email='+ email + '&message=' + message + '&name=' + name + '&phone=' + phone + '&creditUnion=' + creditUnion + '&red_letter=' + red_letter;  
//alert (dataString);return false; 




$.ajax({  
  type: "POST",  
  url: "sendFeedback.php",  
  data: dataString, 


  success: function() {  
    $('#form-wrap').html("<div id='message'></div>")

     
      $('#message').append("<div><img id='checkmark' src='/images/checkmark.png'/></div>")
	  
	  .hide()
	  .fadeIn(500)
	    .animate({opacity: 1.0}, 300)
                    .fadeIn(0, function(){
                        $('#feedback-panel')
                        .animate({top:'-' + (feedbackTab.containerHeight)}, 
                        (feedbackTab.speed))
                        .removeClass('open');
                   
	  
    });
	
  }
 
});  


return false;  


   }
})

  
            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.about-tab').livequery('click', function(event){  

                        if ($('#feedback-panel').hasClass('open')) {
                            $('#feedback-panel').animate({top:'-' + feedbackTab.containerHeight}, feedbackTab.speed)
                            .removeClass('open');
	
                        } else {
                            $('#feedback-panel').animate({top:'0'},  feedbackTab.speed)
                            .addClass('open');
	
							$('#aboutUsContent').show()
                        }


						

                        event.preventDefault();
                    });
						
	
						 $('a.testy-tab').click(function(event){

                        if ($('#feedback-panel').hasClass('open')) {
                            $('#feedback-panel').animate({top:'-' + feedbackTab.containerHeight}, feedbackTab.speed)
                            .removeClass('open');
                        } else {
                            $('#feedback-panel').animate({top:'0'},  feedbackTab.speed)
                            .addClass('open');
								$('#aboutUsContent').hide();
                        }
                        event.preventDefault();
                    });



                }
            };
            
            feedbackTab.init();

            
        });