var divNoErrorImage='<img	src="images/tick.gif" height="15" width="15" alt="ok">';
var textfieldError='1px solid #FF0000';
var divErrorImage='<img src="images/cross.gif" height="15" width="15">';
var textfieldReset='1px solid #A0BABB';

//function to display error
//function changes the border color of textfield 
function display_error(obj,errordiv,errormsg){	
	show_textfield_error(obj);
	show_div_error(errordiv,errormsg);
}

//change the color  of textfield border to RED 
function show_textfield_error(obj){
	obj.style.border=textfieldError;

}

//dispalys the error message in errordiv
function show_div_error(errordiv,errormsg){

	 document.getElementById(errordiv).innerHTML=divErrorImage+errormsg;
}


//Function to remove error on successful validation
function remove_error(obj,errordiv){	
	remove_textfield_error(obj);
	remove_div_error(errordiv);
}

function reset_form_clean(obj,errordiv){	
	
	remove_textfield_error(obj);
	reset_div_error(errordiv);
	return;
}

//resets the border color of textfield
function remove_textfield_error(obj){

	obj.style.border=textfieldReset;
	return;

}


//Removes div error
//here it will show a tickmark
function remove_div_error(errordiv){
 document.getElementById(errordiv).innerHTML=divNoErrorImage;
}

function reset_div_error(errordiv){
 document.getElementById(errordiv).innerHTML='';
}

function  validate_field_time(obj,errordiv, type,required,tt){
	error=0;
	obj2=document.getElementById(tt);
	
	if(obj[obj.selectedIndex].value=="0"){
			display_error(obj,errordiv,"Select time.");
			error=1;
			
		}
		
	if(obj2[obj2.selectedIndex].value=="0"){
			display_error(obj,errordiv,"Select time.");
			error=1;
			
		}
		
		if(!error){
		remove_error(obj,errordiv);
		remove_error(obj2,errordiv);
		return false;	
		}
		else
		return true;
		
	
}


function validate_field(obj,errordiv, type,required){
	

	if(required=='1'){
		if(is_empty(obj.value)){
			display_error(obj,errordiv,"Can not be empty.");
			return true;
		}	
	}	
	
	
	if(type=="text"){
	
	
	
	
	}
	
	if(type=="numeric"){
		if(!is_number(obj.value) && !is_empty(obj.value)){
			display_error(obj,errordiv,"Must have numbers only.");
			return true;
		}	
	}
	
	if(type=="char"){
		if(!(obj.value.match(/^[A-Za-z ]+$/))){
			display_error(obj,errordiv,"Must have alphabets only.");
			return true;
		}
	}
	
	if(type=="email"){
		if(!is_email(obj.value)){
			display_error(obj,errordiv,"Enter an appropriate email.");
			return true;
		}
	}
	
	if(type=="dropdown"){
	
		if(obj[obj.selectedIndex].value=="0"){
			display_error(obj,errordiv,"Select an option.");
			return true;
		}
		
	
	}


	if(type=="date"){
	//alert(is_date_ymd(obj.value));
	if(is_empty(obj.value)){
		obj.value='MM-DD-YYYY';
		display_error(obj,errordiv,"Enter date.");
		return true;
	}
		if(is_date(obj.value)=="-1"){
			display_error(obj,errordiv,"Incorrect date format.");
			return true;
		}
		
		if(!is_date(obj.value)){
			display_error(obj,errordiv,"Incorrect date.");
			return true;
		}
	
	}
remove_error(obj,errordiv);
return false;
}

function remove_hint(obj){
	if(obj.value=='MM-DD-YYYY')
		obj.value="";
}

function validate_form_fields(elementsArray){
	
	error=false;
	for(i=0; i<elementsArray.length; i++){
		//alert(document.getElementById(elementsArray[i][0])+"--"+elementsArray[i][1])
		obj=document.getElementById(elementsArray[i][0]);
		errordiv=elementsArray[i][1];
		type=elementsArray[i][2];
		required=elementsArray[i][3];
		//alert(obj.name+errordiv+type+required);
		
		if(validate_field(obj,errordiv,type,required)){
	
			error=true;
		}
	}

	return error;
}

function reset_form_fields(elementsArray){
	
		//reset form text field and textarea colors;
	for(i=0; i<elementsArray.length; i++)
	//alert(document.getElementById(elementsArray[i][0])+"--"+elementsArray[i][1])
	{
			reset_form_clean(document.getElementById(elementsArray[i][0]),elementsArray[i][1]);
	}
	return;
}
/*function reset_form_fields(form,divArray){
		//reset form text field and textarea colors;
	for(i=0; i<form.elements.length; i++)
	{
		if((form.elements[i].type=="text")|| (form.elements[i].type=="textarea")){
			//errordiv=form.elements[i].name+div;
			//remove_error(form.elements[i],errordiv)
		//document.write("type = "+ form.elements[i].type +" The field name is: " + form.elements[i].name + " and it’s value is: " + form.elements[i].value + ".<br />");
		}	
	}
}*/



  









