$.validator.setDefaults({
            submitHandler: function() {  }
        });



        $(function($) {
           $("#signinLoader").hide();

           $("#signupForm").validate({
                submitHandler: function(form) {
                        $("#signinLoader").show();
                        $("#signupBtnId").attr("value", "please wait...");
                        $("#signupBtnId").attr("disabled", "disabled");
                   	$(form).ajaxSubmit(function(response) {
                            if (response=="success") {
                                $("#formContainer").hide();
                                $("#thanksContainer").show();
                                $("#startingStream").kidyos_stream({loadURL: "/recommends/do.php?nouser=1", thumbCount:9});
                            } else alert(response);
                            $("#signupBtnId").attr("value", "create account");
                            $("#signupBtnId").attr("disabled", "false");

                        });
                  
                },

               rules : {
                    username: {required:true, remote:"docheckuname.php"},
                    password: {required:true, minlength:4},
                    email: {required:true, email:true},
                    selProfURL: "required"
               },

               messages : {
                 username: {required:"please choose a username", remote: jQuery.format("sorry, {0} is already taken. pick a different user name") },
                 password: {required:"please choose a password", minlength:"password must be at least 4 letters long"},
                 email: "please enter a valid email address",
                 selProfURL: "please pick a profile picture"
               }
           });
        
            $("#signupForm .profilePic").addClass("unselected");
            
           $("#signupForm .profilePic").click(function(e) {
               var url = $(this).attr("src");
              $("#selProfURL").attr("value", url);
              $("#signupForm .profilePic").each(function(){
                  if (url == $(this).attr("src")) {
                      $(this).removeClass("unselected");
                      $(this).addClass("selected");
                  } else {
                      $(this).removeClass("selected");
                      $(this).addClass("unselected");

                  }
              })
           });
        });