﻿function initHints()
{
    var elements = document.getElementsByTagName('input');
    var control;
    var controlToHint;
    
    for (var i=0; i < elements.length; i++)
    {
        var control = elements[i];
        
        if (control.type == 'hidden' && control.id.indexOf('_hint') > 0) 
        {               
            controlToHint = $(control.id.substring(0,control.id.indexOf('_hint')));
            controlToHint.onfocus = function () {checkHint_onfocus(this);}
            controlToHint.onblur = function () {checkHint_onblur(this);}
            
            checkHint_onblur(controlToHint);
        }
    }
}

function checkHint_onblur(control)
{
    if(control.value == '' || control.value == $(control.id + '_hint').value)
    {
        control.value = $(control.id + '_hint').value;
        control.addClassName('hint');
    }
    else
    {
        control.removeClassName('hint');
    }
}

function checkHint_onfocus(control)
{    
    control.removeClassName('hint');
    
    if(control.value == $(control.id + '_hint').value)
    {
        control.value = '';
    }
}    