/* Created by jankoatwarpspeed.com */
/* Customize by John */

(function($) {
    $.fn.formToWizard = function(options) {
        options = $.extend({  
            submitButton: "" 
        }, options); 
        
        var element = this;

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

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

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

            // 2
            var name = $(this).find("legend").html();
            $("#steps").append("<li id='stepDesc" + i + "'>" + (i + 1) + "</li>");
			//<a href='' id='step" + i + "Prev'></a><span>" + name + "</span>

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

        function createPrevButton(i) {
            var stepName = "step" + i;
            $("#" + stepName + "commands").append("<a href='#' id='" + stepName + "Prev' class='prev'>< Back</a>");

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

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

            $("#" + stepName + "Nextprod1").bind("click", function(e) {
				$("#step" + i).removeClass("current");
				$("#step" + (i+1)).addClass("current");
				$("#step" + (count-1)).removeClass("current");
                $(submmitButtonName).hide();
                selectStep(i + 1);
				//tell the menu which to load
				$('#applicators').show();
				$('#idsystem').hide();
				$('#preservatives').hide();
				$('#dewsimulator').hide();
				
				$("#step0Nextprod1").addClass("highlight");
				$("#step0Nextprod2").removeClass("highlight");
				$("#step0Nextprod3").removeClass("highlight");
				$("#step0Nextprod4").removeClass("highlight");
            });
			$("#" + stepName + "Nextprod2").bind("click", function(e) {
               $("#step" + i).removeClass("current");
				$("#step" + (i+1)).addClass("current");
				$("#step" + (count-1)).removeClass("current");
                $(submmitButtonName).hide();			
                selectStep(i + 1);	
				$('#applicators').hide();
				$('#idsystem').show();
				$('#preservatives').hide();
				$('#dewsimulator').hide();
				
				$("#step0Nextprod1").removeClass("highlight");
				$("#step0Nextprod2").addClass("highlight");
				$("#step0Nextprod3").removeClass("highlight");
				$("#step0Nextprod4").removeClass("highlight");
            });
			$("#" + stepName + "Nextprod3").bind("click", function(e) {
                $("#step" + i).removeClass("current");
				$("#step" + (i+1)).addClass("current");
				$("#step" + (count-1)).removeClass("current");
                $(submmitButtonName).hide();
                selectStep(i + 1);
				$('#applicators').hide();
				$('#idsystem').hide();
				$('#preservatives').show();
				$('#dewsimulator').hide();
				
				$("#step0Nextprod1").removeClass("highlight");
				$("#step0Nextprod2").removeClass("highlight");
				$("#step0Nextprod3").addClass("highlight");
				$("#step0Nextprod4").removeClass("highlight");
            });
			$("#" + stepName + "Nextprod4").bind("click", function(e) {
                $("#step" + i).removeClass("current");
				$("#step" + (i+1)).addClass("current");
				$("#step" + (count-1)).removeClass("current");
                $(submmitButtonName).hide();
                selectStep(i + 1);
				$('#applicators').hide();
				$('#idsystem').hide();
				$('#preservatives').hide();
				$('#dewsimulator').show();
				
				$("#step0Nextprod1").removeClass("highlight");
				$("#step0Nextprod2").removeClass("highlight");
				$("#step0Nextprod3").removeClass("highlight");
				$("#step0Nextprod4").addClass("highlight");
            });
			$(".step1scroll").bind("change", function(e) {
                //
				$("#step" + i).removeClass("current");
				$("#step" + (i+1)).addClass("current");
                if (i + 2 == count)
                    $(submmitButtonName).show();
                selectStep(i + 1);
				picked = this.name;
            });			
			$(".step1scroll").bind("click", function(e) {
                //
				$("#step" + i).removeClass("current");
				$("#step" + (i+1)).addClass("current");
                if (i + 2 == count)
                    $(submmitButtonName).show();
                selectStep(i + 1);
				picked = this.name;
            });
        }

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

    }
})(jQuery);