$jq2 = jQuery.noConflict();

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

	$jq2('div.form-page').hide();
	
	$jq2.metadata.setType("attr", "validate");
	
	var s1 = $jq2('#form-page-1');  
	var s2 = $jq2('#form-page-2');  
	var s3 = $jq2('#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 class="form-next-button"><button name="formNext1" class="open1 nextbutton" value="Seuraava sivu">Seuraava sivu &raquo;</button></div>');
	s2.append('<div class="form-prev-button"><button name="formBack0" class="open0 prevbutton" value="Edellinen sivu">&laquo; Edellinen sivu &raquo;</button></div>');
	s2.append('<div class="form-next-button"><button name="formNext2" class="open2 nextbutton" value="Seuraava sivu">Seuraava sivu &raquo;</button></div>');
	s3.append('<div class="form-prev-button"><button name="formBack1" class="open1 prevbutton" value="Edellinen sivu">&laquo; Edellinen sivu &raquo;</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("#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("#form-recruit").validate({
		errorClass: "warning",
		onkeyup: false,
		onblur: false,
		submitHandler: function() {
			form.submit();
		},
		errorPlacement: function(error, element) {
			error.appendTo( element.parent("div"));
   		},
		rules: {
			email: {
				required: true,
				email: true
			},
			zipcode: {
				required: true,
				digits: true
			}
		}
	});
	
	$jq2("#form-page-2 .prevbutton").click(function(){
		$jq2('#form-page-2').hide();
		$jq2('#form-page-1').show();
		current = 0;
		return false;
		
	}); 
	$jq2("#form-page-3 .prevbutton").click(function(){
		$jq2('#form-page-3').hide();
		$jq2('#form-page-2').show();
		current = 1;
		return false;
	}); 
	
	$jq2(".open2").click(function() {
	  if (v.form()) {
	    current = 2;
		$jq2('#form-page-2').hide();
		$jq2('#form-page-3').show();
		return false;
	  }
	});
	$jq2(".open1").click(function() {
	 
	  if (v.form()) {
	    current = 1;
		$jq2('#form-page-1').hide();
		$jq2('#form-page-2').show();
		return false;
	  }
	});
	$jq2(".open0").click(function() {
	  if (v.form()) {
	    current = 0;
		$jq2('#form-page-2').hide();
		$jq2('#form-page-1').show();
		return false;
	  }
	});
	
	$jq2('#form-page-1').show();
	
	$jq2('#sp-certificate').css(
		{
			'position' : 'absolute',
			'bottom' : '2em',
			'left' : '0'
	}); 
});