/*
* contactable 1.2.1 - jQuery Ajax contact form
*
* Copyright (c) 2009 Philip Beel (http://www.theodin.co.uk/)
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) 
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
*
* Revision: $Id: jquery.contactable.js 2010-01-18 $
*
*/

//extend the plugin
(function($) {

    //define the new for the plugin ans how to call it	
    $.fn.contactable = function(options) {
        //set default options  
        var defaults = {
            name: 'Name',
            email: 'Email',
            message: 'Message',
            subject: 'Feedback Message',
            recievedMsg: '<div class="Txt24">Thanks for your feedback!</div>Our geeks will be sure to address your message ASAP',
            notRecievedMsg: 'Sorry but your message could not be sent at this moment, please try again later',
            disclaimer: 'We really appreciate your feedback, ideas and suggestions!',
            hideOnSubmit: true
        };

        //call in the default otions
        var options = $.extend(defaults, options);
        //act upon the element that is passed into the design    
        return this.each(function(options) {
            //construct the form
            //$(this).html('<div id="contactable"></div><form id="contactForm" method="" action=""><div id="loading"></div><div id="callback"></div><div class="holder wizTable"><p class="disclaimer Italic Bold Txt20">' + defaults.disclaimer + '</p><p><label for="name">Name <span class="red"> * </span></label><br /><input id="name" class="contact" name="name" /></p><p><label for="email">E-Mail <span class="red"> * </span></label><br /><input id="email" class="contact" name="email" /></p><p><label for="comment">Your Feedback <span class="red"> * </span></label><br /><textarea id="comment" name="comment" class="comment" rows="4" cols="30" ></textarea></p><p style="text-align:right;"><input class="submit" type="submit" value="" /></p></div></form>');
            $(this).html('<div id="contactable"></div><form id="contactForm" method="" action=""><div id="loading"></div><div id="callback" class="Italic Bold Txt20" style="font-family:calibri;"></div><div class="holder wizTable"><p class="disclaimer Italic Txt20">' + defaults.disclaimer + '</p><p><label for="name">Name <span class="red"> * </span></label><br /><input id="name" class="contact" name="name" /></p><p><label for="email">E-Mail <span class="red"> * </span></label><br /><input id="email" class="contact" name="email" /></p><p><label for="comment">Your Feedback <span class="red"> * </span></label><br /><textarea id="comment" name="comment" class="comment" rows="4" cols="30" ></textarea></p><p style="text-align:right;"><input class="submit" type="submit" value="" /></p></div></form>');
            
            //show / hide function
            $('div#contactable').toggle(function() {
                $('#overlay').css({ display: 'block' });
                $(this).animate({ "marginLeft": "-=5px" }, "fast");
                $('#contactForm').animate({ "marginLeft": "-=0px" }, "fast");
                $(this).animate({ "marginLeft": "+=387px" }, "slow");
                $('#contactForm').animate({ "marginLeft": "+=390px" }, "slow");
            },
			function() {
			    $('#contactForm').animate({ "marginLeft": "-=390px" }, "slow");
			    $(this).animate({ "marginLeft": "-=387px" }, "slow").animate({ "marginLeft": "+=5px" }, "fast");
			    $('#overlay').css({ display: 'none' });
			});

            //validate the form 
            $("#contactForm").validate({
                //set the rules for the fild names
                rules: {
                    name: {
                        required: true,
                        minlength: 2
                    },
                    email: {
                        required: true,
                        email: true
                    },
                    comment: {
                        required: true
                    }
                },
                //set messages to appear inline
                messages: {
                    name: "",
                    email: "",
                    comment: ""
                },

                submitHandler: function() {
                    $('.holder').hide();
                    $('#loading').show();
                    $.post('/HelpPages/AddFeedback.aspx', { subject: defaults.subject, name: $('#name').val(), email: $('#email').val(), comment: $('#comment').val() },
					function(data) {
					    $('#loading').css({ display: 'none' });
					    if (data == 'success') {
					        $('#callback').show().append(defaults.recievedMsg);
					        if (defaults.hideOnSubmit == true) {
					            //hide the tab after successful submition if requested
					            $('#contactForm').animate({ dummy: 1 }, 4000).animate({ "marginLeft": "-=450px" }, "slow");
					            $('div#contactable').animate({ dummy: 1 }, 4000).animate({ "marginLeft": "-=447px" }, "slow").animate({ "marginLeft": "+=5px" }, "fast");
					            $('#overlay').css({ display: 'none' });
					        }
					    } else {
					        $('#callback').show().append(defaults.notRecievedMsg);
					    }
					});
                }
            });
        });
    };
})(jQuery);