$().ready(function() {
	
	var create_group = $("form#create_group");
	if (create_group) {
		
		var header_default_val = $("#groupinfo span.placeholder").html();
		var updateGroupInfo = function() {
			if($("#g_name").val())
				$("#groupinfo span.placeholder").html($("#g_name").val());
			else
				$("#groupinfo span.placeholder").html(header_default_val);
		};
		
		$("#g_name")
			.blur(function(){
				$(this).val(makeValidGroupName($(this).val()));
				$("#g_url").val(makeValidGroupUrl($(this).val()));
				$("span#group_url_example").html($("#g_url").val());
				jQuery.validator.get("create_group").element("#g_url"); 
			})
			.keyup(function(){
				$(this).val(makeValidGroupName($(this).val()));
				updateGroupInfo($(this).val());
			});
		
		$("#g_url")
			.blur(function(){
				$(this).val(makeValidGroupUrl($(this).val()));
				$("span#group_url_example").html($(this).val()); 
			})
			.keyup( updateGroupInfo );
		
		updateGroupInfo();
		
	}
	
});