var origBorder = "1px solid #D9d9d9";
var origColor = "#222121";  

var redBorder = "1px solid #BB2222";
var redColor = "#BB2222";

var focusBgColor = "#ecf9fb";
var focusBorder = "1px solid #c3d6da";
var unFocusBgColor = "#fff";
var unFocusBorder = "1px solid #d9d9d9";

function submitForm(form, fields){
    var badField = false;
    for (var field in fields){
        if(!jQuery('#' + field)[0].highlighted)
            jQuery('#' + field)[0].highlighted = false;
            
        if(jQuery('#' + field).val() == "" || jQuery('#' + field)[0].highlighted == true){
            highlightField(jQuery('#' + field), fields[field]);
            badField = true;
        }
    }   
    if(!badField)
        jQuery(form).submit();
}

function highlightField(box, errText){
    jQuery(box).css('border', redBorder);
    jQuery(box).css('color',redColor);
    jQuery(box)[0].highlighted = true;
    if(errText == ''){
        jQuery(box).val('Please fill in this field');
    }else{
        jQuery(box).val(errText);
    }
    //jQuery(box).unbind('focus',focusHighlight);
    jQuery(box).focus(clearField);
    jQuery(box).keyup(unHighlightField);
}

function clearField(){
    jQuery(this).unbind('focus',clearField);
    jQuery(this).css('color', origColor);
    jQuery(this).val('');
}
function unHighlightField(){
    if(jQuery(this).val() != ""){
        jQuery(this)[0].highlighted = false;
        jQuery(this).css('border', origBorder);
    }else {
        jQuery(this)[0].highlighted = true;
        jQuery(this).css('border', redBorder);
    }
}

function focusHighlight(){
    jQuery(this).css('border',focusBorder);
    jQuery(this).css('background-color',focusBgColor);
}
function blurHighlight(){
    jQuery(this).css('border',unFocusBorder);
    jQuery(this).css('background-color',unFocusBgColor);
}