/* Created by jankoatwarpspeed.com */

(function($) {
    $.fn.formToWizard = function(options) {
        options = $.extend({
            submitButton: "" ,
            validate:false //Added new option
        }, options);

        var element = this;

        var steps = $(element).find("fieldset");
        var count = steps.size();
        var submmitButtonName = "#" + options.submitButton;
        $(submmitButtonName).hide();

        //Setup validation if there are validation settings
		if(options.validationSettings  != undefined){
			$(element).validate(options.validationSettings);
			options.validate=true;
		}

		// 2
        $(element).before("<ul id='steps'></ul>");

        steps.each(function(i) {
            $(this).wrap("<div id='step" + i + "'></div>");
            $(this).wrap("<div class='panel' id='step" + i + "commands'></div>");

            $(this).append("<p id='step" + i + "commands'></p>");

            // 2
            var name = $(this).find("legend").html();
            $("#steps").append("<li class='box' id='stepDesc" + i + "'>Step " + (i + 1) + "</li>");
            $("#steps").append("<li><span id='stepSpan" + i + "'>" + name + "</span></li>");

            if (i == 0) {
                createNextButton(i);
                selectStep(i);
            }
            else if (i == count - 1) {
                $("#step" + i).hide();
                createPrevButton(i);
            }
            else {
                $("#step" + i).hide();
                createPrevButton(i);
                createNextButton(i);
            }
        });



        function selectStep(i) {
            $("#steps li.box").removeClass("current");
            $("#steps span").removeClass("current");
            $("#stepDesc" + i).addClass("current");
            $("#stepSpan" + i).addClass("current");
        }


        function createPrevButton(i) {
            var stepName = "step" + i;


            $("#" + stepName + "commands").append("<a href='#' id='" + stepName + "Prev' class='navigation-btns'>Back</a>");

            $("#" + stepName + "Prev").bind("click", function(e) {
                $("#" + stepName).hide();
                $("#step" + (i - 1)).show();
                $(submmitButtonName).hide();
                selectStep(i - 1);
            });
        }
/*
        function createNextButton(i) {
            var stepName = "step" + i;


            $("#" + stepName + "commands").append("<a href='#' id='" + stepName + "Next' class='navigation-btns'>Next</a>");

            $("#" + stepName + "Next").bind("click", function(e) {


            	var permitted=true;
				if (options.validate){
					var fieldset = $("#" + stepName + "Next").parents("fieldset");
					//Get all inputs in this step
					var fieldsetElements=getFormElementFromFieldset(fieldset);
					//Call validation
					$(element).valid();
					//Get all invalid elements
					var invalidElements = $(element).validate().invalidElements();
					//Form may be invalid, but if none of the invalid elements are in the fieldset allow Next
					permitted=noMatchesExist(fieldsetElements, invalidElements);

				}
				if (permitted){
					$(element).validate().resetForm();
	                $("#" + stepName).hide();
	                $("#step" + (i + 1)).show();
	                if (i + 2 == count)
	                    $(submmitButtonName).show();
	                selectStep(i + 1);

				}
            });
        }*/

        function createNextButton(i) {
            var stepName = "step" + i;

            $("#" + stepName + "commands").append("<a href='#' id='" + stepName + "Next' class='navigation-btns'>Next</a>");

            $("#" + stepName + "Next").bind("click", function(e) {

                if (options.validate) {
                    var stepIsValid = true;
                    $("#"+stepName+" :input").each(function(index) {
                        checkMe = element.validate().element($(this));
                        //stepIsValid = !element.validate().element($(this)) && stepIsValid;
                        stepIsValid = checkMe && stepIsValid;
                    });
                    //alert("stepIsValid === "+stepIsValid);
                    if (!stepIsValid) {
                        return false;
                    };
                };

                $("#" + stepName).hide();
                $("#step" + (i + 1)).show();
                if (i + 2 == count)
                    $(submmitButtonName).show();
                selectStep(i + 1,'next');
            });
        }


      //Two new functions added
		function getFormElementFromFieldset(f){
			var tagNames = ['input', 'select', 'textarea'];
			var elements = [];

			$.each(tagNames, function(i, item) {
			        $.each($(f).find(item), function (j, element){
			            elements.push(element);
			        });

			    });
			return  elements
		}

		function noMatchesExist(x, y){
		    var match=false
		    $.each(x, function(i, v){
	        $.each(y, function(j, w){
	             if (v==w){
                 match=true;
                 return false;
	             }
	        });
          if (match){
              return false;
          }
		    });
		    return match;
		}


    }
})(jQuery);