$(document).ready(function() {	
	// enhance style of form elements by charnel
	$('fieldset').each(function(index) {
		var heading = $('legend', this).remove().text();
		$('<h3></h3>').text(heading).prependTo(this);
	});
	/*
	var requiredFlag = ' * ';
	
	var requiredKey = $('input.required:first').next('span').text();
	requiredKey = requiredFlag + requiredKey.replace(/^\((.+)\)$/,"$1");
	$(':input').filter('.required').next('span').text(requiredFlag).end().prev('label').addClass('req-label');
	
	var requiredFlag = ' * ';
	var requiredKey = $('input.required:first').next('span').text();
	requiredKey = requiredFlag + requiredKey.replace(/^\((.+)\)$/,"$1");
	
	$(':input').filter('.required').next('span').text(requiredFlag).end().prev('label').addClass('req-label');
	$('<p></p>').addClass('field-keys').append(requiredKey+'<br />').insertBefore('#contact');*/
	
	//validate fields on blur
	$('form :input').blur(function() {
		$(this).parents('li:first').removeClass('warning').find('span.error-message').remove();
		if ($(this).is('.required')) {
			var $listItem = $(this).parents('li:first');
			if (this.value == '') {
				var errorMessage = 'This is a required field';
				if ($(this).is('.conditional')) {
					errorMessage += ', when its related checkbox is checked';
				};
				$('<span></span>').addClass('error-message').text(errorMessage).appendTo($listItem);
				$listItem.addClass('warning');
			};
		};
		
		if ($(this).is('#email')) {
			var $listItem = $(this).parents('li:first');
			if (this.value != '' && !/.+@.+\.[a-zA-Z]{2,4}$/.test(this.value)) {
				var errorMessage = 'Please use proper e-mail format (e.g.patrick@mhamedu.org)';
				$('<span></span>').addClass('error-message')
				.text(errorMessage)
				.appendTo($listItem);
				$listItem.addClass('warning');
			};
		};	
	}); 
	
	$("#country").change(function() 
    { 
        var str
 
        str = $("#country").val(); 
        if (str != 'Philippines'){
			/*$('#region').bind('change', function() {
				 this.selectedIndex = 0;
			});*/
			//document.contact.region.selectedIndex = 0;
			$('#region').attr("selectedIndex", 0); 
			$('#region').attr("disabled", true); 
		}
		else {
			$('#region').attr("disabled", false); 
		}
    }).trigger('change'); 
	
});

function clearStatusMsg($obj) {
	if($('div#statusMsg').html() != "") {
		$('div#statusMsg').html('');
	}
}

function saveList()
{
	$('div#statusMsg').html("<span>Save Successfull</span>");
	t = setTimeout("clearStatusMsg()", 5000);
}