$(document).ready(function() {
    
    $("#fbtool").tooltip({
        // place tooltip on the right edge
        position: 'center right',
        // a little tweaking of the position
        offset: [-2, 5],
        // use the built-in fadeIn/fadeOut effect
        effect: 'fade',
        // custom opacity setting
        opacity: 0.8
 
   });
    
//  Sign up pages, number validation field, clear when click
    $('#wv').click(function() {
        this.value = '';
        });

	// validate signup form on keyup and submit
	var validator = $("#signupform").validate({
		rules: {
			username: {
				required: true,
				email: true
			},
			passworde: {
				required: true,
				minlength: 5
			},
			confirm_password: {
				required: true,
				minlength: 5,
				equalTo: "#passworde"
			},
                        wv:{
                            required:true,
                            equalTo:"#wv_val"

                        },
                        accept:"required"
                        
			
		},
		messages: {
			username: {
				required: "Please provide an email",
				email: "Please enter a valid email address"
			},
			passworde: {
				required: "Please provide a password",
				minlength: jQuery.format("Enter at least {0} characters")
			},
			confirm_password: {
				required: "Repeat your password as above",
				minlength: jQuery.format("Enter at least {0} characters"),
				equalTo: "Enter the same password as above"
			},
                        wv: {
                                required: "Re-type the number you see on the left",
                                equalTo: "Re-type the number you see on the left"
                        },
                        accept:{
                                required:"< Required"
                        }
			
		},
		
		// specifying a submitHandler prevents the default submit, good for the demo
		//submitHandler: function() {
		//	alert("submitted!");
		//},
		// set this class to error-labels to indicate valid fields
		success: function(label) {
			// set &nbsp; as text for IE
			label.html("&nbsp;").addClass("checked");
		}
	});
	
    

});