/*-------------------------------------------------------*/
var formId="loginForm";
var fontColor="323a45";
var warningElementId=""; //if empty is added warningColor
var warningColor="ff0000";
var warningText="These fields are required:";
// write required fields
var requiredFields =
{ 
	"f_login" : "0",
	"f_passwd" : "0"
};
/*-------------------------------------------------------*/

function fillOrNot(id)
{
	if(jQuery.trim($(id).attr("value"))=="") 
	{
		$(id).css("color","#"+fontColor);
		$(id).attr("value",$(id).attr("title"));
	}
}

function clearOrNot(id)
{
	if(jQuery.trim($(id).attr("value"))==$(id).attr("title")) 
	{
		$(id).attr("value","");
		$(id).css("color","");
	}
}

$(document).ready(function(){ 

	formId="#"+formId+" ";

	$(formId+":input").not(":hidden").css("color","#"+fontColor);
	$(formId+":input").not(":hidden").attr("value",function(){return $(this).attr("title")});
	$(formId+":input").not(":hidden").attr("title");
	$(formId+":input").not(":hidden").focus(function(e){clearOrNot(this);});

	$(formId+":input").not(":hidden").blur(function(){fillOrNot(this);});
   
//---------- VALIDATE FORM -----------------

	$("form").submit(function(e){

		var warning="";
		var allInputs=$(formId+":input").not(":hidden");

		allInputs.not("input[type='submit']").not("input[type='image']").each(function (i) {
			if((jQuery.trim($(this).attr("value"))=="" || jQuery.trim($(this).attr("value"))==$(this).attr("title")) && requiredFields[$(this).attr("name")]=="1")
			{
				e.preventDefault();
				if(warningElementId!="")
					warning+=$(this).attr("title")+"<br />";
				else
					$(this).css("color","#"+warningColor);
			}
		});

		if(warning!="" && warningElementId!="")
		{     
		    warningElementId="#"+warningElementId;
			$(warningElementId).html(warningText+"<br />");    
			$(warningElementId).append(warning);
			$(warningElementId).slideDown("slow");          
		}
	});
});