$jq2 = jQuery.noConflict();

$jq2(document).ready(function(){

	$jq2('div.form-page').hide();
	
	$jq2.metadata.setType("attr", "validate");
	
	var s1 = $jq2('#register-form-page-1');  
	var s2 = $jq2('#register-form-page-2');  
	var s3 = $jq2('#register-form-page-3'); 
	s1.prepend('<div class="form-progress">Sivu 1 / 3</div>');
	s2.prepend('<div class="form-progress progress-33">Sivu 2 / 3</div>');
	s3.prepend('<div class="form-progress progress-66">Sivu 3 / 3</div>');

	s1.append('<div><div class="form-prev-button">&nbsp;</div><div class="form-next-button"><button name="formNext1" class="open1 nextbutton" value="Seuraava sivu">Seuraava sivu &raquo;</button></div><div class="clearfix"></div></div>');
	s2.append('<div><div class="form-prev-button"><button name="formBack0" class="open0 prevbutton" value="Edellinen sivu">&laquo; Edellinen sivu</button></div><div class="form-next-button"><button name="formNext2" class="open2 nextbutton" value="Seuraava sivu">Seuraava sivu &raquo;</button></div><div class="clearfix"></div></div>');
	
	$jq2('fieldset#register-form-submit').prepend('<div class="form-prev-button"><button name="formBack1" class="open3 prevbutton" value="Edellinen sivu">&laquo; Edellinen sivu</button></div>');
	
	var current = 0;
	
	$jq2.validator.addMethod("pageRequired", function(value, element) {
		var $element = $jq2(element);
		function match(index) {
			return current == index && $jq2(element).parents("#register-form-page-" + (index + 1)).length;
		}
		if (match(0) || match(1) || match(2)) {
			return !this.optional(element);
		}
		return "dependency-mismatch";
	}, $jq2.validator.messages.required);
	
	var v = $jq2("#register-form").validate({
		errorClass: "warning",
		onkeyup: false,
		onblur: false,
		submitHandler: function() {
			$jq2('#register-form-submit-button').attr('textContent', 'Lähetetään...').attr('disabled', 'disabled');
			$jq2("#register-form-page-3 .prevbutton").attr('disabled', 'disabled');
			form.submit();
			
		},
		errorPlacement: function(error, element) {
			error.appendTo( element.parent("div")).hide().fadeIn();
   		},
		rules: {
			email: {
				required: true,
				email: true
			},
			zipcode: {
				required: true,
				digits: true
			},
			person_email: {
				required: false,
				email: true
			},
			year_founded: {
				required: false,
				digits: true
			}
		}
	});
	$jq2("#register-form-page-2 .prevbutton").click(function(){
		$jq2('#register-form-page-2').hide();
		$jq2('#register-form-page-1').show();
		current = 0;
		return false;
		
	}); 
	$jq2("#register-form-page-3 .prevbutton").click(function(){
		$jq2('#register-form-page-3').hide();
		$jq2('#register-form-page-2').show();
		current = 1;
		return false;
	}); 

	$jq2(".open2").click(function() {
	  if (v.form()) {
	    current = 2;
		$jq2('#register-form-page-2').hide();
		$jq2('#register-form-page-3').show();
		return false;
	  }
	});
	$jq2(".open1").click(function() {
	  if (v.form()) {
	    current = 1;
		$jq2('#register-form-page-1').hide();
		$jq2('#register-form-page-2').show();
		return false;
	  }
	});
	$jq2(".open0").click(function() {
	  if (v.form()) {
	    current = 0;
		$jq2('#register-form-page-2').hide();
		$jq2('#register-form-page-1').show();
		return false;
	  }
	});
	
	$jq2('#register-form-page-1').show();
	
	
});