$(document).ready(function(){
	//removing labels so that the form validators can add them later
	$("label").remove();
	
	//quick fix for remember me
	if($("p#Remember")){
		$("p#Remember").append("<label class='right' style='width:300px' for='MemberLoginForm_LoginForm_Remember'>Remember me next time?</label>");	
	}
	
	formHelpers('.fld');
	formHelpers('input.text');
	formHelpers('textarea.textarea');
	
	$('.form-action-div input').hover(
		function(){ $(this).siblings().css('background-position','bottom left'); },
		function(){ $(this).siblings().css('background-position','top left'); }
	);
	$('.Actions input').hover(
		function(){ $(this).siblings().css('background-position','bottom left'); },
		function(){ $(this).siblings().css('background-position','top left'); }
	);
	
});

function formHelpers(seltag){

	$(seltag).example(function(){
		return $(this).attr('title');
	});

	//helper labels for fields
	$(seltag).focus(function(){
		var pnt = $(this).parent();
		$(this).addClass("editing");
		
		//if there's a validation label there, don't do anything
		if(pnt.children("label").size() < 1){
			var elemid = $(this).attr("name");
			var labelid = 'instr-'+elemid;
			pnt.append("<label id='"+labelid+"' class='helper'>"+$(this).attr("title")+"</label>");
		}
	});
	$(seltag).blur(function(){
		$(this).removeClass("editing");
		$(this).addClass("passed");
		var elemid = $(this).attr("name");
		var labelid = 'instr-'+elemid;
		$("#"+labelid).remove();
	});
	//end helper labels
	
}