// JavaScript Document

( function($) {
    $.fn.overlabel = function() {
		var fields = this.find(":text,:password,textarea");
		for(i=0;i<fields.length;i++){
			var field = fields[i].id;
			setLabels(field);
		}
		$("span.overLabel").click(function() {
			$(this).hide();
			var fieldToFocus = $(this).attr("title");
			$("#"+fieldToFocus).focus();
		});
		$(":text,:password,textarea").focus(function() {
			if($("#"+this.id).attr("alt") != null && $("#"+this.id).attr("alt") != ''){
				$("#"+this.id+"_label").hide();
			}
		});
		$(":text,:password,textarea").blur(function() {
			if($("#"+this.id).attr("alt") != null && $("#"+this.id).attr("alt") != '' && $("#"+this.id).val() == '' ){
				$("#"+this.id+"_label").show();
			}
		});
    };
} )(jQuery);


function setLabels(field){
	var label = $("#"+field).attr("alt");
	if(label != null && label != '' && $("#"+field).val() == ''){
		offset = $("#"+field).offset();
		width = $("#"+field).width();
		var labelid = field+"_label";
		$("#"+field).after("<span class=\"overLabel\" id=\""+labelid+"\" title=\""+field+"\">"+label+"</span>");
		$("#"+labelid).css({"left": offset.left+2+"px", "top" : offset.top+2+"px", "width" : width+"px" });
	}
}
$(window).resize(function(){
	var fields = $("form").find(":text,:password,textarea");
		for(i=0;i<fields.length;i++){
		var field = fields[i].id;
		var labelField = "#"+field+"_label";
		$(labelField).remove();
		setLabels(field);
		$("span.overLabel").click(function() {
			$(this).hide();
			var fieldToFocus = $(this).attr("title");
			$("#"+fieldToFocus).focus();
		});
		$(":text,:password,textarea").focus(function() {
			if($("#"+this.id).attr("alt") != null && $("#"+this.id).attr("alt") != ''){
				$("#"+this.id+"_label").hide();
			}
		});
		$(":text,:password,textarea").blur(function() {
			if($("#"+this.id).attr("alt") != null && $("#"+this.id).attr("alt") != '' && $("#"+this.id).val() == '' ){
				$("#"+this.id+"_label").show();
			}
		});
		
	}
});