jQuery(document).ready(function() {
	// display icons
	// mbbs_social.initSocial('#mbbs_social_icons');
	// tellafriend
	mbbs_social.initTellAFriend();
	// form submit
	mbbs_social.initForm();
});


var mbbs_social = {

	overlayApi : null,

	initTellAFriend : function () {
		var mbbssocial = jQuery('#mbbssocial_tellafriend');

		jQuery('#mbbs_social_form_container').clone(true).prependTo('body');
		mbbssocial.overlay({
			closeOnClick : true,
			top: 'center',
			mask: {
				color: '#000',
				loadSpeed: 200,
				opacity: 0.75
			}
		});
		mbbssocial.click(function(e) {e.preventDefault();});
		overlayApi = mbbssocial.data('overlay');
	},


	initForm : function () {
		var container	= jQuery('#mbbs_social_form_container');
		jQuery('#tx_mbbssocial_pi1_form').submit(function(e) {
			e.preventDefault();

			var thisForm		= this;
			var submitButton	= jQuery('#submitButton', thisForm);

			// hide button
			hideSubmitButton(submitButton);
			// serialize form data
			var formData 	= jQuery(thisForm).serialize();
			//alert(this.action);
			jQuery.ajax({
				type: "POST",				
				url: this.action,				 
				data: formData,
				dataType: "json",
				success: function(r){
					// remove all error classes
					jQuery('input, textarea', thisForm).removeClass('error');

					if (r.send == true) {
						jQuery(thisForm).fadeOut('fast', function () {
							jQuery('.simple_overlay_content', container).html(r.thankyou);
						});
						// hide layer and restore defaults
						setTimeout(overlayApi.close, 5000);
					} else {
						jQuery.each(r, function (e, v) {
							if (Boolean(v) !== true) {
								jQuery('*[name="tx_mbbssocial_pi1[' + e + ']"]', thisForm).addClass("error");
							}
						});
						showSubmitButton(submitButton);
					}
				},
				error: function() {showSubmitButton(submitButton);}
			});

			function showSubmitButton(selector) {
				selector.removeAttr('disabled');
				selector.animate({opacity: 1}, 1000);
			}
			function hideSubmitButton(selector) {
				selector.attr('disabled', 'disabled');
				selector.animate({opacity: 0.25}, 1000);
			}
		});
	}
};