$(function() {
   	//find all form with class jqtransform and apply the plugin
    $('form.jqtransform').jqTransform();
 	
   	$('form.jqtransform input[type="text"]').addClass("default-value");	
	$('.default-value').each(function() {
		var default_value = this.value;
		$(this).focus(function() {
			if(this.value == default_value) {
				this.value = '';
			}
		});
		$(this).blur(function() {
			if(this.value == '') {
				this.value = default_value;
			}
		});
	});
	
	passwordMask('.password-clear1', '.password-password1', 'Choose Your Password');
	passwordMask('.password-clear2', '.password-password2', 'Confirm Your Password');
	passwordMask('.password-clear3', '.password-password3', 'Password');
});

function passwordMask(el1, el2, lable) {

	$(el1).show();
	$(el2).hide();
	
	if ($(el2).css('display') == 'none') {
		$(el2).hide();
	}
	
	$(el1).focus(function() {
		$(el1).hide();
    	$(el1).hide();
	    $(el2).show();
		$(el2).show();
    	$(el2).focus();
	});
	
	$(el2).blur(function() {
    	if($(el2).val() == '') {
			$(el1).show();
	        $(el1).show();
	        $(el1).val(lable);
        	$(el2).hide();
			$(el2).hide();
		}
	});
}