$().ready(function() {

	var validator = $("#transferForm").validate({
	rules: {
		username: {
			required: true
		},
		email: {
			required: true,
			email: true
		},
		webhost: {
			required: true
		},
		username2: {
			required: true
		},
		password: {
			required: true
		},
		domains: {
			required: true
		}
	},
	messages: {
		username: {
			required: "Please enter your Username"
		},
		email: {
			required: "Please enter your E-Mail Address"
		},
		webhost: {
			required: "Please enter your exisiting Web Host"
		},
		username2: {
			required: "Please enter your Username"
		},
		password: {
			required: "Please enter your Password"
		},
		domains: {
			required: "Please enter at least one Domain"
		}
	},
	// the errorPlacement has to take the table layout into account
	errorPlacement: function(error, element) {
		error.prependTo( element.parent().next() );
	},
	// set this class to error-labels to indicate valid fields
	success: function(label) {
		// set &nbsp; as text for IE
		label.html("&nbsp;").addClass("checked");
	}
	});
	
});

function togPkg( id )
{
	if ( $(id).hasClass('pkg-selected') )
	{
		$(id).removeClass('pkg-selected').addClass('pkg-normal');
		$('#next1').hide();
	}
	else
	{
		$(id).removeClass('pkg-normal').addClass('pkg-selected');
		$('#next1').show();
	}
}

function nextStep( step )
{
	if ( step == "3" )
	{
		/* Make sure form is validated before moving to next phase */
		var pass = 1;
		if ( $('#transferForm').validate().element( '#username' ) == false ){ pass = 0; }
		if ( $('#transferForm').validate().element( '#email' ) == false ){ pass = 0; }
		
		if ( pass == 0 ) {
			return false;
		}
	}	
	
	if ( step == "4" )
	{
		/* Make sure form is validated before moving to next phase */
		var pass = 1;
		if ( $('#transferForm').validate().element( '#webhost' ) == false ){ pass = 0; }
		if ( $('#transferForm').validate().element( '#username2' ) == false ){ pass = 0; }
		if ( $('#transferForm').validate().element( '#password' ) == false ){ pass = 0; }
		if ( $('#transferForm').validate().element( '#domains' ) == false ){ pass = 0; }
		
		if ( pass == 0 ) {
			return false;
		}
	}
	
	if ( step == "5" )
	{
		$('#transferForm').submit();
	}
	
	/* Firstly, make sure all Steps are hidden */
	$('#Step1').hide();
	$('#Step2').hide();
	$('#Step3').hide();
	
	$('#Step' + step).show();
}

function backStep( step )
{
	/* Firstly, hide all Steps */
	$('#Step1').hide();
	$('#Step2').hide();
	$('#Step3').hide();
	$('#Step4').hide();
	
	$('#Step' + step).show();
}
