Adding functionality to have a callback before the step is shown.

Author: meh-cfl

js/jquery.form.wizard.js

@@ -256,14 +256,15 @@
 			}
 		},
 
-		_animate : function(oldStep, newStep, stepShownCallback){
+		_animate : function(oldStep, newStep, stepToShowCallback, stepShownCallback){
 			this._disableNavigation();
 			var old = this.steps.filter("#" + oldStep);
 			var current = this.steps.filter("#" + newStep);
 			old.find(":input").not(".wizard-ignore").attr("disabled","disabled");
 			current.find(":input").not(".wizard-ignore").removeAttr("disabled");
 			var wizard = this;
 			old.animate(wizard.options.outAnimation, wizard.options.outDuration, wizard.options.easing, function(){
+				stepToShowCallback.apply(wizard);
 				current.animate(wizard.options.inAnimation, wizard.options.inDuration, wizard.options.easing, function(){
 					if(wizard.options.focusFirstInput)
 						current.find(":input:first").focus();
@@ -330,7 +331,8 @@
 				this._checkIflastStep(step);
 				this.currentStep = step;
 				var stepShownCallback = function(){if(triggerStepShown)$(this.element).trigger('step_shown', $.extend({"isBackNavigation" : backwards},this._state()));};
-				this._animate(this.previousStep, step, stepShownCallback);
+				var stepToShowCallback = function(){if(triggerStepShown)$(this.element).trigger('step_to_show', $.extend({"isBackNavigation" : backwards},this._state()));};
+				this._animate(this.previousStep, step, stepToShowCallback, stepShownCallback);
 			};