$.validator.setDefaults({
	
});

$().ready(function() {
	// validate the comment form when it is submitted
	// validate signup form on keyup and submit
	$("#signupForm").validate({
		errorLabelContainer: $("#signupForm div.error"),
		rules: {
			firstname: "required",
			lastname: "required",
			username: {
				required: true,
				minlength: 2
			},
			password: {
				required: true,
				minlength: 5
			},
			confirm_password: {
				required: true,
				minlength: 5,
				equalTo: "#password"
			},
			email: {
				required: true,
				email: true
			},
			agree: "required",
			faction: "required",
			class: "required",
		},
		messages: {
			firstname: "Please enter your firstname",
			lastname: "Please enter your lastname",
			username: {
				required: "Please enter a username",
				minlength: "Your username must consist of at least 2 characters"
			},
			password: {
				required: "Please provide a password",
				minlength: "Your password must be at least 5 characters long"
			},
			confirm_password: {
				required: "Please provide a password",
				minlength: "Your password must be at least 5 characters long",
				equalTo: "Please enter the same password as above"
			},
			email: "Please enter a valid email address",
			agree: "Please accept our policy",
		}
	});
});

function stepify(){
$('span').hide();
$("#step1").show();

var step1 = $('#step1');
var step2 = $('#step2');
var step3 = $('#step3');
var step4 = $('#step4');

$.fn.bindStep.defaults.prevBtn = "http://www.omgimages.net/images/icons/arrow_left.png";
$.fn.bindStep.defaults.nextBtn = "http://www.omgimages.net/images/icons/arrow_right.png";
$.fn.bindStep.defaults.generateMarkup = function(id1,id2,img){
  return([
	'<img ',
	  'src="', img, '" ',
	  'id="', id1 , '" ',
	'/>',
  ].join(''));
}

step1.bindStep(step2);
step2.bindStep(step3);
step3.bindStep(step4);
}

 $(document).ready(function() {
  	stepify();
 });