hat-trick 0.0.1 → 0.1.0

data/vendor/assets/javascripts/jquery.form.wizard.js

@@ -13,444 +13,505 @@
 
 
 (function($){
-	$.widget("ui.formwizard", {
-
-		_init: function() {
-
-			var wizard = this;
-			var formOptionsSuccess = this.options.formOptions.success;
-			var formOptionsComplete = this.options.formOptions.complete;
-			var formOptionsBeforeSend = this.options.formOptions.beforeSend;
-			var formOptionsBeforeSubmit = this.options.formOptions.beforeSubmit;
-			var formOptionsBeforeSerialize = this.options.formOptions.beforeSerialize;
-			this.options.formOptions = $.extend(this.options.formOptions,{
-				success	: function(responseText, textStatus, xhr){
-					if(formOptionsSuccess){
-						formOptionsSuccess(responseText, textStatus, xhr);
-					}
-					if(wizard.options.formOptions && wizard.options.formOptions.resetForm || !wizard.options.formOptions){
-						wizard._reset();
-					}
-				},
-				complete : function(xhr, textStatus){
-					if(formOptionsComplete){
-						formOptionsComplete(xhr, textStatus);
-					}
-					wizard._enableNavigation();
-				},
-				beforeSubmit : function(arr, theForm, options) {
-					if(formOptionsBeforeSubmit){
-						var shouldSubmit = formOptionsBeforeSubmit(arr, theForm, options);
-						if(!shouldSubmit)
-							wizard._enableNavigation();
-						return shouldSubmit;
-					}
-				},
-				beforeSend : function(xhr) {
-					if(formOptionsBeforeSend){
-						var shouldSubmit = formOptionsBeforeSend(xhr);
-						if(!shouldSubmit)
-							wizard._enableNavigation();
-						return shouldSubmit;
-					}
-				},
-				beforeSerialize: function(form, options) {
-					if(formOptionsBeforeSerialize){
-						var shouldSubmit = formOptionsBeforeSerialize(form, options);
-						if(!shouldSubmit)
-							wizard._enableNavigation();
-						return shouldSubmit;
-					}
-				}
-			});
-
-			this.steps = this.element.find(".step").hide();
-
-			this.firstStep = this.steps.eq(0).attr("id");
-			this.activatedSteps = new Array();
-			this.isLastStep = false;
-			this.previousStep = undefined;
-			this.currentStep = this.steps.eq(0).attr("id");
-			this.nextButton	= this.element.find(this.options.next)
-					.click(function() {
-						return wizard._next();
-					});
-
-			this.nextButtonInitinalValue = this.nextButton.val();
-			this.nextButton.val(this.options.textNext);
-
-				this.backButton	= this.element.find(this.options.back)
-					.click(function() {
-						wizard._back();return false;
-					});
-
-				this.backButtonInitinalValue = this.backButton.val();
-				this.backButton.val(this.options.textBack);
-
-			if(this.options.validationEnabled && jQuery().validate  == undefined){
-				this.options.validationEnabled = false;
-				if( (window['console'] !== undefined) ){
-					console.log("%s", "validationEnabled option set, but the validation plugin is not included");
-				}
-			}else if(this.options.validationEnabled){
-				this.element.validate(this.options.validationOptions);
-			}
-			if(this.options.formPluginEnabled && jQuery().ajaxSubmit == undefined){
-				this.options.formPluginEnabled = false;
-				if( (window['console'] !== undefined) ){
-					console.log("%s", "formPluginEnabled option set but the form plugin is not included");
-				}
-			}
-
-			if(this.options.disableInputFields == true){
-				$(this.steps).find(":input:not('.wizard-ignore')").attr("disabled","disabled");
-			}
-
-			if(this.options.historyEnabled){
-				$(window).bind('hashchange', undefined, function(event){
-					var hashStep = event.getState( "_" + $(wizard.element).attr( 'id' )) || wizard.firstStep;
-					if(hashStep !== wizard.currentStep){
-						if(wizard.options.validationEnabled && hashStep === wizard._navigate(wizard.currentStep)){
-							if(!wizard.element.valid()){
-								wizard._updateHistory(wizard.currentStep);
-								wizard.element.validate().focusInvalid();
-
-								return false;
-							}
-						}
-						if(hashStep !== wizard.currentStep)
-							wizard._show(hashStep);
-					}
-				});
-			}
-
-			this.element.addClass("ui-formwizard");
-			this.element.find(":input").addClass("ui-wizard-content");
-			this.steps.addClass("ui-formwizard-content");
-			this.backButton.addClass("ui-formwizard-button ui-wizard-content");
-			this.nextButton.addClass("ui-formwizard-button ui-wizard-content");
-
-			if(!this.options.disableUIStyles){
-				this.element.addClass("ui-helper-reset ui-widget ui-widget-content ui-helper-reset ui-corner-all");
-				this.element.find(":input").addClass("ui-helper-reset ui-state-default");
-				this.steps.addClass("ui-helper-reset ui-corner-all");
-				this.backButton.addClass("ui-helper-reset ui-state-default");
-				this.nextButton.addClass("ui-helper-reset ui-state-default");
-			}
-			this._show(undefined);
-			return $(this);
-		},
-
-		_next : function(){
-			if(this.options.validationEnabled){
-				if(!this.element.valid()){
-					this.element.validate().focusInvalid();
-					return false;
-				}
-			}
-
-			if(this.options.remoteAjax != undefined){
-				var options = this.options.remoteAjax[this.currentStep];
-				var wizard = this;
-				if(options !== undefined){
-					var success = options.success;
-					var beforeSend = options.beforeSend;
-					var complete = options.complete;
-
-					options = $.extend({},options,{
-						success: function(data, statusText){
-							if((success !== undefined && success(data, statusText)) || (success == undefined)){
-								wizard._continueToNextStep();
-							}
-						},
-						beforeSend : function(xhr){
-							wizard._disableNavigation();
-							if(beforeSend !== undefined)
-								beforeSend(xhr);
-							$(wizard.element).trigger('before_remote_ajax', {"currentStep" : wizard.currentStep});
-						},
-						complete : function(xhr, statusText){
-							if(complete !== undefined)
-								complete(xhr, statusText);
-							$(wizard.element).trigger('after_remote_ajax', {"currentStep" : wizard.currentStep});
-							wizard._enableNavigation();
-						}
-					})
-					this.element.ajaxSubmit(options);
-					return false;
-				}
-			}
-
-			return this._continueToNextStep();
-		},
-
-		_back : function(){
-			if(this.activatedSteps.length > 0){
-				if(this.options.historyEnabled){
-					this._updateHistory(this.activatedSteps[this.activatedSteps.length - 2]);
-				}else{
-					this._show(this.activatedSteps[this.activatedSteps.length - 2], true);
-				}
-			}
-			return false;
-		},
-
-		_continueToNextStep : function(){
-			if(this.isLastStep){
-				for(var i = 0; i < this.activatedSteps.length; i++){
-					this.steps.filter("#" + this.activatedSteps[i]).find(":input").not(".wizard-ignore").removeAttr("disabled");
-				}
-				if(!this.options.formPluginEnabled){
-					return true;
-				}else{
-					this._disableNavigation();
-					this.element.ajaxSubmit(this.options.formOptions);
-					return false;
-				}
-			}
-
-			var step = this._navigate(this.currentStep);
-			if(step == this.currentStep){
-				return false;
-			}
-			if(this.options.historyEnabled){
-				this._updateHistory(step);
-			}else{
-				this._show(step, true);
-			}
-			return false;
-		},
-
-		_updateHistory : function(step){
-			var state = {};
-			state["_" + $(this.element).attr('id')] = step;
-			$.bbq.pushState(state);
-		},
-
-		_disableNavigation : function(){
-			this.nextButton.attr("disabled","disabled");
-			this.backButton.attr("disabled","disabled");
-			if(!this.options.disableUIStyles){
-				this.nextButton.removeClass("ui-state-active").addClass("ui-state-disabled");
-				this.backButton.removeClass("ui-state-active").addClass("ui-state-disabled");
-			}
-		},
-
-		_enableNavigation : function(){
-			if(this.isLastStep){
-				this.nextButton.val(this.options.textSubmit);
-			}else{
-				this.nextButton.val(this.options.textNext);
-			}
-
-			if($.trim(this.currentStep) !== this.steps.eq(0).attr("id")){
-				this.backButton.removeAttr("disabled");
-				if(!this.options.disableUIStyles){
-					this.backButton.removeClass("ui-state-disabled").addClass("ui-state-active");
-				}
-			}
-
-			this.nextButton.removeAttr("disabled");
-			if(!this.options.disableUIStyles){
-				this.nextButton.removeClass("ui-state-disabled").addClass("ui-state-active");
-			}
-		},
-
-		_animate : function(oldStep, newStep, 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(){
-				current.animate(wizard.options.inAnimation, wizard.options.inDuration, wizard.options.easing, function(){
-					if(wizard.options.focusFirstInput)
-						current.find(":input:first").focus();
-					wizard._enableNavigation();
-
-					stepShownCallback.apply(wizard);
-				});
-				return;
-			});
-		},
-
-		_checkIflastStep : function(step){
-			this.isLastStep = false;
-			if($("#" + step).hasClass(this.options.submitStepClass) || this.steps.filter(":last").attr("id") == step){
-				this.isLastStep = true;
-			}
-		},
-
-		_getLink : function(step){
-			var link = undefined;
-			var links = this.steps.filter("#" + step).find(this.options.linkClass);
-
-			if(links != undefined){
-				if(links.filter(":radio,:checkbox").size() > 0){
-					link = links.filter(this.options.linkClass + ":checked").val();
-				}else{
-					link = $(links).val();
-				}
-			}
-			return link;
-		},
-
-		_navigate : function(step){
-			var link = this._getLink(step);
-			if(link != undefined){
-				if((link != "" && link != null && link != undefined) && this.steps.filter("#" + link).attr("id") != undefined){
-					return link;
-				}
-				return this.currentStep;
-			}else if(link == undefined && !this.isLastStep){
-				var step1 =  this.steps.filter("#" + step).next().attr("id");
-				return step1;
-			}
-		},
-
-		_show : function(step){
-			var backwards = false;
-			var triggerStepShown = step !== undefined;
-			if(step == undefined || step == ""){
-					this.activatedSteps.pop();
-					step = this.firstStep;
-					this.activatedSteps.push(step);
-			}else{
-				if($.inArray(step, this.activatedSteps) > -1){
-					backwards = true;
-					this.activatedSteps.pop();
-				}else {
-					this.activatedSteps.push(step);
-				}
-			}
-
-			if(this.currentStep !== step || step === this.firstStep){
-				this.previousStep = this.currentStep;
-				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);
-			};
-
-
-		},
-
-	   _reset : function(){
-			this.element.resetForm()
-			$("label,:input,textarea",this).removeClass("error");
-			for(var i = 0; i < this.activatedSteps.length; i++){
-				this.steps.filter("#" + this.activatedSteps[i]).hide().find(":input").attr("disabled","disabled");
-			}
-			this.activatedSteps = new Array();
-			this.previousStep = undefined;
-			this.isLastStep = false;
-			if(this.options.historyEnabled){
-				this._updateHistory(this.firstStep);
-			}else{
-				this._show(this.firstStep);
-			}
-
-		},
-
-		_state : function(state){
-			var currentState = { "settings" : this.options,
-				"activatedSteps" : this.activatedSteps,
-				"isLastStep" : this.isLastStep,
-				"isFirstStep" : this.currentStep === this.firstStep,
-				"previousStep" : this.previousStep,
-				"currentStep" : this.currentStep,
-				"backButton" : this.backButton,
-				"nextButton" : this.nextButton,
-				"steps" : this.steps,
-				"firstStep" : this.firstStep
-			}
-
-			if(state !== undefined)
-				return currentState[state];
-
-			return currentState;
-		},
-
-	  /*Methods*/
-
-		show : function(step){
-			if(this.options.historyEnabled){
-				this._updateHistory(step);
-			}else{
-				this._show(step);
-			}
-		},
-
-		state : function(state){
-			return this._state(state);
-		},
-
-		reset : function(){
-			this._reset();
-		},
-
-		next : function(){
-			this._next();
-		},
-
-		back : function(){
-			this._back();
-		},
-
-		destroy: function() {
-			this.element.find("*").removeAttr("disabled").show();
-			this.nextButton.unbind("click").val(this.nextButtonInitinalValue).removeClass("ui-state-disabled").addClass("ui-state-active");
-			this.backButton.unbind("click").val(this.backButtonInitinalValue).removeClass("ui-state-disabled").addClass("ui-state-active");
-			this.backButtonInitinalValue = undefined;
-			this.nextButtonInitinalValue = undefined;
-			this.activatedSteps = undefined;
-			this.previousStep = undefined;
-			this.currentStep = undefined;
-			this.isLastStep = undefined;
-			this.options = undefined;
-			this.nextButton = undefined;
-			this.backButton = undefined;
-			this.formwizard = undefined;
-			this.element = undefined;
-			this.steps = undefined;
-			this.firstStep = undefined;
-		},
-
-		update_steps : function(){
-			this.steps = this.element.find(".step").addClass("ui-formwizard-content");
-			this.steps.not("#" + this.currentStep).hide().find(":input").addClass("ui-wizard-content").attr("disabled","disabled");
-			this._checkIflastStep(this.currentStep);
-			this._enableNavigation();
-			if(!this.options.disableUIStyles){
-				this.steps.addClass("ui-helper-reset ui-corner-all");
-				this.steps.find(":input").addClass("ui-helper-reset ui-state-default");
-			}
-		},
-
-		options: {
-	   		historyEnabled	: false,
-			validationEnabled : false,
-			validationOptions : undefined,
-			formPluginEnabled : false,
-			linkClass	: ".link",
-			submitStepClass : "submit_step",
-			back : ":reset",
-			next : ":submit",
-			textSubmit : 'Submit',
-			textNext : 'Next',
-			textBack : 'Back',
-			remoteAjax : undefined,
-			inAnimation : {opacity: 'show'},
-			outAnimation: {opacity: 'hide'},
-			inDuration : 400,
-			outDuration: 400,
-			easing: 'swing',
-			focusFirstInput : false,
-			disableInputFields : true,
-			formOptions : { reset: true, success: function(data) { if( (window['console'] !== undefined) ){console.log("%s", "form submit successful");}},
-			disableUIStyles : false
-		}
+  $.widget("ui.formwizard", {
+
+    _init: function() {
+
+      var wizard = this;
+      var formOptionsSuccess = this.options.formOptions.success;
+      var formOptionsComplete = this.options.formOptions.complete;
+      var formOptionsBeforeSend = this.options.formOptions.beforeSend;
+      var formOptionsBeforeSubmit = this.options.formOptions.beforeSubmit;
+      var formOptionsBeforeSerialize = this.options.formOptions.beforeSerialize;
+      this.options.formOptions = $.extend(this.options.formOptions,{
+        success  : function(responseText, textStatus, xhr){
+          if(formOptionsSuccess){
+            formOptionsSuccess(responseText, textStatus, xhr);
+          }
+          if(wizard.options.formOptions && wizard.options.formOptions.resetForm || !wizard.options.formOptions){
+            wizard._reset();
+          }
+        },
+        complete : function(xhr, textStatus){
+          if(formOptionsComplete){
+            formOptionsComplete(xhr, textStatus);
+          }
+          wizard._enableNavigation();
+        },
+        beforeSubmit : function(arr, theForm, options) {
+          if(formOptionsBeforeSubmit){
+            var shouldSubmit = formOptionsBeforeSubmit(arr, theForm, options);
+            if(!shouldSubmit)
+              wizard._enableNavigation();
+            return shouldSubmit;
+          }
+        },
+        beforeSend : function(xhr) {
+          if(formOptionsBeforeSend){
+            var shouldSubmit = formOptionsBeforeSend(xhr);
+            if(!shouldSubmit)
+              wizard._enableNavigation();
+            return shouldSubmit;
+          }
+        },
+        beforeSerialize: function(form, options) {
+          if(formOptionsBeforeSerialize){
+            var shouldSubmit = formOptionsBeforeSerialize(form, options);
+            if(!shouldSubmit)
+              wizard._enableNavigation();
+            return shouldSubmit;
+          }
+        }
+      });
+
+      this.steps = this.element.find(".step").hide();
+
+      this.firstStep = this.options.firstStep || this.steps.eq(0).attr("id");
+      this.activatedSteps = [];
+      this.isLastStep = false;
+      this.previousStep = undefined;
+      this.currentStep = this.firstStep;
+
+      this._updateButtons();
+
+      if(this.options.validationEnabled && jQuery().validate  == undefined){
+        this.options.validationEnabled = false;
+        if( (window['console'] !== undefined) ){
+          console.log("%s", "validationEnabled option set, but the validation plugin is not included");
+        }
+      }else if(this.options.validationEnabled){
+        this.element.validate(this.options.validationOptions);
+      }
+      if(this.options.formPluginEnabled && jQuery().ajaxSubmit == undefined){
+        this.options.formPluginEnabled = false;
+        if( (window['console'] !== undefined) ){
+          console.log("%s", "formPluginEnabled option set but the form plugin is not included");
+        }
+      }
+
+      if(this.options.disableInputFields == true){
+        $(this.steps).find(":input:not('.wizard-ignore')").attr("disabled","disabled");
+      }
+
+      if(this.options.historyEnabled){
+        History.Adapter.bind(window, 'statechange', function() {
+          var state;
+          var step;
+          state = History.getState();
+          step = state.data.step;
+          if(step !== wizard.currentStep){
+            if(wizard.options.validationEnabled && step === wizard._navigate(wizard.currentStep)){
+              if(!wizard.element.valid()){
+                wizard._updateHistory(wizard.currentStep);
+                wizard.element.validate().focusInvalid();
+
+                return false;
+              }
+            }
+            if(step !== wizard.currentStep)
+              wizard._show(step);
+          }
+        });
+      }
+
+      this.element.addClass("ui-formwizard");
+      this.element.find(":input").addClass("ui-wizard-content");
+      this.steps.addClass("ui-formwizard-content");
+      this.backButton.addClass("ui-formwizard-button ui-wizard-content");
+      this.nextButton.addClass("ui-formwizard-button ui-wizard-content");
+
+      if(!this.options.disableUIStyles){
+        this.element.addClass("ui-helper-reset ui-widget ui-widget-content ui-helper-reset ui-corner-all");
+        this.element.find(":input").addClass("ui-helper-reset ui-state-default");
+        this.steps.addClass("ui-helper-reset ui-corner-all");
+        this.backButton.addClass("ui-helper-reset ui-state-default");
+        this.nextButton.addClass("ui-helper-reset ui-state-default");
+      }
+      this._show(undefined);
+      return $(this);
+    },
+
+    _updateButtons : function(){
+      var wizard = this;
+
+      this.nextButton = this.element.find(this.options.next);
+      this.nextButton.each(function() {
+        var events = $(this).data("events");
+        if (typeof events === "undefined" ||
+            typeof events['click'] === "undefined" ||
+            events['click'].length === 0) {
+          $(this).click(function() {
+            var nextClickCallbackData = {
+              "currentStep": wizard.currentStep,
+              "button": $(this).attr("id")
+            };
+            $(wizard.element).trigger('next_click', nextClickCallbackData);
+            return wizard._next();
+          });
+        }
+      });
+
+      this.nextButtonInitinalValue = this.nextButton.val();
+      this.nextButton.val(this.options.textNext);
+
+      this.backButton  = this.element.find(this.options.back);
+      this.backButton.each(function() {
+        var events = $(this).data('events');
+        if (typeof events === "undefined" ||
+            typeof events['click'] === "undefined" ||
+            events['click'].length === 0) {
+          $(this).click(function() {
+            var backClickCallbackData = {
+              "currentStep": wizard.currentStep,
+              "button": $(this).attr("id")
+            };
+            $(wizard.element).trigger('back_click', backClickCallbackData);
+            wizard._back();
+            return false;
+          });
+        }
+      });
+
+      this.backButtonInitinalValue = this.backButton.val();
+      this.backButton.val(this.options.textBack);
+    },
+
+    _next : function(){
+      if(this.options.validationEnabled){
+        if(!this.element.valid()){
+          this.element.validate().focusInvalid();
+          return false;
+        }
+      }
+
+      if(this.options.remoteAjax != undefined){
+        var options = this.options.remoteAjax[this.currentStep];
+        var wizard = this;
+        if(options !== undefined){
+          var success = options.success;
+          var beforeSend = options.beforeSend;
+          var complete = options.complete;
+
+          options = $.extend({},options,{
+            beforeSend : function(xhr){
+              wizard._disableNavigation();
+              if(beforeSend !== undefined)
+                beforeSend(xhr);
+              $(wizard.element).trigger('before_remote_ajax', {
+                "xhr": xhr,
+                "currentStep" : wizard.currentStep
+              });
+            },
+            complete : function(xhr, statusText){
+              if(complete !== undefined)
+                complete(xhr, statusText);
+              $(wizard.element).trigger('after_remote_ajax', {
+                "xhr": xhr,
+                "statusText": statusText,
+                "currentStep" : wizard.currentStep
+              });
+
+              if (statusText === "success") {
+                wizard._continueToNextStep();
+              }
+
+              wizard._enableNavigation();
+            }
+          });
+          this.element.ajaxSubmit(options);
+          return false;
+        }
+      }
+
+      return this._continueToNextStep();
+    },
+
+    _back : function(){
+      if(this.activatedSteps.length > 0){
+        if(this.options.historyEnabled){
+          this._updateHistory(this.activatedSteps[this.activatedSteps.length - 2]);
+        }else{
+          this._show(this.activatedSteps[this.activatedSteps.length - 2], true);
+        }
+      }
+      return false;
+    },
+
+    _continueToNextStep : function(){
+      if(this.isLastStep){
+        for(var i = 0; i < this.activatedSteps.length; i++){
+          this.steps.filter("#" + this.activatedSteps[i]).find(":input").not(".wizard-ignore").removeAttr("disabled");
+        }
+        if(!this.options.formPluginEnabled){
+          return true;
+        }else{
+          this._disableNavigation();
+          this.element.ajaxSubmit(this.options.formOptions);
+          return false;
+        }
+      }
+
+      var step = this._navigate(this.currentStep);
+      if(step == this.currentStep){
+        return false;
+      }
+      if(this.options.historyEnabled){
+        this._updateHistory(step);
+      }else{
+        this._show(step, true);
+      }
+      return false;
+    },
+
+    _updateHistory : function(step) {
+      var state = {};
+      var title = $("title").text();
+      state["step"] = step;
+      History.pushState(state, title, step);
+    },
+
+    _disableNavigation : function(){
+      this.nextButton.attr("disabled","disabled");
+      this.backButton.attr("disabled","disabled");
+      if(!this.options.disableUIStyles){
+        this.nextButton.removeClass("ui-state-active").addClass("ui-state-disabled");
+        this.backButton.removeClass("ui-state-active").addClass("ui-state-disabled");
+      }
+    },
+
+    _setNavButtonValues : function(){
+      if(this.isLastStep){
+        this.nextButton.val(this.options.textSubmit);
+      }else{
+        this.nextButton.val(this.options.textNext);
+      }
+    },
+
+    _enableNavigation : function(){
+      if(this.nextButton.val() === ""){
+        this._setNavButtonValues();
+      }
+
+      if($.trim(this.currentStep) !== this.steps.eq(0).attr("id")){
+        this.backButton.removeAttr("disabled");
+        if(!this.options.disableUIStyles){
+          this.backButton.removeClass("ui-state-disabled").addClass("ui-state-active");
+        }
+      }
+
+      this.nextButton.removeAttr("disabled");
+      if(!this.options.disableUIStyles){
+        this.nextButton.removeClass("ui-state-disabled").addClass("ui-state-active");
+      }
+    },
+
+    _animate : function(oldStep, newStep, 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(){
+        current.animate(wizard.options.inAnimation, wizard.options.inDuration, wizard.options.easing, function(){
+          if(wizard.options.focusFirstInput)
+            current.find(":input:first").focus();
+          wizard._enableNavigation();
+
+          stepShownCallback.apply(wizard);
+        });
+        return;
+      });
+    },
+
+    _checkIflastStep : function(step){
+      this.isLastStep = false;
+      if($("#" + step).hasClass(this.options.submitStepClass) || this.steps.filter(":last").attr("id") == step){
+        this.isLastStep = true;
+      }
+    },
+
+    _getLink : function(step){
+      var link = undefined;
+      var links = this.steps.filter("#" + step).find(this.options.linkClass);
+
+      if(links != undefined){
+        if(links.filter(":radio,:checkbox").size() > 0){
+          link = links.filter(this.options.linkClass + ":checked").val();
+        }else{
+          link = $(links).val();
+        }
+      }
+      return link;
+    },
+
+    _navigate : function(step){
+      var link = this._getLink(step);
+      if(link != undefined){
+        if((link != "" && link != null && link != undefined) && this.steps.filter("#" + link).attr("id") != undefined){
+          return link;
+        }
+        return this.currentStep;
+      }else if(link == undefined && !this.isLastStep){
+        var step1 =  this.steps.filter("#" + step).next().attr("id");
+        return step1;
+      }
+    },
+
+    _stepFromPath : function() {
+      var path = window.location.pathname;
+      var pathComponents = path.split('/');
+      for (var i = pathComponents.length; i >= 0; i--) {
+        if (pathComponents[i] !== "") {
+          return pathComponents[i];
+        }
+      }
+    },
+
+    _show : function(step){
+      var backwards = false;
+      var triggerStepShown = step !== undefined;
+      var fragment;
+      if(step == undefined || step == ""){
+        step = this._stepFromPath() || this.firstStep;
+        this.activatedSteps.pop();
+        this.activatedSteps.push(step);
+      }else{
+        if($.inArray(step, this.activatedSteps) > -1){
+          backwards = true;
+          this.activatedSteps.pop();
+        }else {
+          this.activatedSteps.push(step);
+        }
+      }
+
+      if(this.currentStep !== step || step === this.firstStep){
+        this.previousStep = this.currentStep;
+        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);
+      };
+
+
+    },
+
+     _reset : function(){
+      this.element.resetForm()
+      $("label,:input,textarea",this).removeClass("error");
+      for(var i = 0; i < this.activatedSteps.length; i++){
+        this.steps.filter("#" + this.activatedSteps[i]).hide().find(":input").attr("disabled","disabled");
+      }
+      this.activatedSteps = new Array();
+      this.previousStep = undefined;
+      this.isLastStep = false;
+      if(this.options.historyEnabled){
+        this._updateHistory(this.firstStep);
+      }else{
+        this._show(this.firstStep);
+      }
+
+    },
+
+    _state : function(state){
+      var currentState = { "settings" : this.options,
+        "activatedSteps" : this.activatedSteps,
+        "isLastStep" : this.isLastStep,
+        "isFirstStep" : this.currentStep === this.firstStep,
+        "previousStep" : this.previousStep,
+        "currentStep" : this.currentStep,
+        "backButton" : this.backButton,
+        "nextButton" : this.nextButton,
+        "steps" : this.steps,
+        "firstStep" : this.firstStep
+      }
+
+      if(state !== undefined)
+        return currentState[state];
+
+      return currentState;
+    },
+
+    /*Methods*/
+
+    show : function(step){
+      if(this.options.historyEnabled){
+        this._updateHistory(step);
+      }else{
+        this._show(step);
+      }
+    },
+
+    state : function(state){
+      return this._state(state);
+    },
+
+    reset : function(){
+      this._reset();
+    },
+
+    next : function(){
+      this._next();
+    },
+
+    back : function(){
+      this._back();
+    },
+
+    destroy: function() {
+      this.element.find("*").removeAttr("disabled").show();
+      this.nextButton.unbind("click").val(this.nextButtonInitinalValue).removeClass("ui-state-disabled").addClass("ui-state-active");
+      this.backButton.unbind("click").val(this.backButtonInitinalValue).removeClass("ui-state-disabled").addClass("ui-state-active");
+      this.backButtonInitinalValue = undefined;
+      this.nextButtonInitinalValue = undefined;
+      this.activatedSteps = undefined;
+      this.previousStep = undefined;
+      this.currentStep = undefined;
+      this.isLastStep = undefined;
+      this.options = undefined;
+      this.nextButton = undefined;
+      this.backButton = undefined;
+      this.formwizard = undefined;
+      this.element = undefined;
+      this.steps = undefined;
+      this.firstStep = undefined;
+    },
+
+    update_steps : function(){
+      this.steps = this.element.find(".step").addClass("ui-formwizard-content");
+      this.steps.not("#" + this.currentStep).hide().find(":input").addClass("ui-wizard-content").attr("disabled","disabled");
+      this._updateButtons();
+      this._checkIflastStep(this.currentStep);
+      this._enableNavigation();
+      if(!this.options.disableUIStyles){
+        this.steps.addClass("ui-helper-reset ui-corner-all");
+        this.steps.find(":input").addClass("ui-helper-reset ui-state-default");
+      }
+    },
+
+    options: {
+         historyEnabled  : false,
+      validationEnabled : false,
+      validationOptions : undefined,
+      formPluginEnabled : false,
+      linkClass  : ".link",
+      submitStepClass : "submit_step",
+      back : ":reset",
+      next : ":submit",
+      textSubmit : 'Submit',
+      textNext : 'Next',
+      textBack : 'Back',
+      remoteAjax : undefined,
+      inAnimation : {opacity: 'show'},
+      outAnimation: {opacity: 'hide'},
+      inDuration : 400,
+      outDuration: 400,
+      easing: 'swing',
+      focusFirstInput : false,
+      disableInputFields : true,
+      formOptions : { reset: true, success: function(data) { if( (window['console'] !== undefined) ){console.log("%s", "form submit successful");}},
+      disableUIStyles : false
+    }
    }
  });
 })(jQuery);