/* Created by jankoatwarpspeed.com */



(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 + "'>Etape " + (i + 1) + "<span>" + 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 createPrevButton(i) {

            var stepName = "step" + i;

            $("#" + stepName + "commands").append("<a href='#' id='" + stepName + "Prev' class='prev'>< Retour</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='next'>Suivant ></a>");



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

                $("#" + stepName).hide();

                $("#step" + (i + 1)).show();

                if (i + 2 == count)

                    $(submmitButtonName).show();

                selectStep(i + 1);

            });

        }



        function selectStep(i) {

            $("#steps li").removeClass("current");

            $("#stepDesc" + i).addClass("current");
			
				if($("#stepDesc0").hasClass("current")) {
							
					$("#steps").css("background-position", "0px 0px");
											
				}
				else if($("#stepDesc1").hasClass("current")) {	
					
					$("#steps").css("background-position", "0px -50px");	
											
				}
				else { 
				
					$("#steps").css("background-position", "0px -100px");
								
				}

        }

    }

})(jQuery);