Ext.onReady(function() {
	
	jQuery('#joinStep1').liveValidation({
	    required:    ['prefix', 'firstName', 'lastName', 'gender'],
	    progress: true,
	    fields:      {
						//prefix: /^[A-Za-z.]{1,}$/,
						prefix: /^[1-3]{1,}$/,
						firstName: /^[A-Za-z]{3,20}$/,
						lastName: /^[A-Z a-z\-]{3,20}$/,
						//gender: /^[A-Za-z.]{1,}$/
						gender: /^[1-2]{1,}$/
					}
	});
	
	jQuery('#joinStep2').liveValidation({
	    required:    ['email', 'password', 'password2', 'mobileNumber', 'screenName'],
	    progress: true,
	    fields:      {
						email: /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-])+\.([A-Za-z]{2,4})$/,
						password: /^.{6,50}$/,
						//mobileNumber: /^[0]{1}[1]{1}[0,1,2,4,6,7,8,9]{1}\d{7}$/,
						mobileNumber: /^[0-9]{6,20}$/,
						screenName: /^[a-zA-Z0-9_]{3,20}$/
					}
	});
	
	jQuery('#joinStep3').liveValidation({
	    required:    ['accept'],
	    progress: true,
	    fields:      {
						accept: /^true$/
					}
	});
});

function validatePage(p){
	var f = jQuery('#'+p);
	
	if(jQuery(f).find('img[alt="Invalid"]').length == 1)
		return false;
		
	var i;
	var formobj = document.forms['Registration'];
	
	for(i=0;i<formobj.elements.length;i++)
	{
		if(formobj.elements[i].id)
		{
			var parentEls = jQuery("#"+formobj.elements[i].id).parents().map(function () { 
                return this.id; 
            }).get().join(", ");
			//alert(p);
			//alert(parentEls);
			if(parentEls.search(p) != -1){jQuery("#"+formobj.elements[i].id).trigger('validate')};
		}
	}	
	
	
	return !jQuery(f).find('img[alt="Invalid"]').length;
}

function updateProgress(){
	var i;
	var percent = 0;
	var formobj = document.forms['Registration'];
	
	for(i=0;i<formobj.elements.length;i++)
	{
		if(formobj.elements[i].id)
		{
			if(Ext.get(formobj.elements[i].id+'MSG')!==null)
			{
				//alert(Ext.get(formobj.elements[i].id));
				if(Ext.get(formobj.elements[i].id).hasClass('valid'))
				{
					percent+= 10;
					//alert(percent);
				}
				
				jQuery("#progressBar").progressBar(percent);
			}
		}
	}
	
	//jQuery("#progressBar").progressBar(percent);
}