/*
 *  20.06.2005 17:27
 *  InputPlaceholder Class v 0.1a
 *
 *  30.06.2005 20:36
 *  InputPlaceholder Class v 0.1b
 *
 *  01.07.2005 18:30
 *  InputPlaceholder Class v 0.1c
 */

/*  Методы:
 *      отсутствуют
 *
 *  Свойства
 *      Input           Элемент формы, с которым работаем
 *      Value           Значение надписи по умолчанию
 *      CssFilled       Имя css-класса для отображения заполненого поля
 *      CssEmpty        Имя css-класса для отображения пустого поля
 */

/*  Конструктор
 *  Параметры:
 *      input           Элемент формы ( input[@type='text'] ), с которым работаем
 *      value           Значение надписи по умолчанию, т. е. тот самый placeholder
 *      cssFilled       Имя css-класса для отображения заполненого поля (применяется к input)
 *      cssEmpty        Имя css-класса для отображения пустого поля (применяется к input)
 */
/*
    Я не машина, я просто читаю исходники.
*/
function InputPlaceholder (input, value, cssFilled, cssEmpty)
{
    var thisCopy = this

    this.Input = input
    this.Value = value
    this.SaveOriginal = (input.value == value)
    this.CssFilled = cssFilled
    this.CssEmpty = cssEmpty

    this.setupEvent (this.Input, 'focus', function() {return thisCopy.onFocus()})
    this.setupEvent (this.Input, 'blur',  function() {return thisCopy.onBlur()})
    this.setupEvent (this.Input, 'keydown', function() {return thisCopy.onKeyDown()})

    if (input.value == '') this.onBlur();

    return this
}

InputPlaceholder.prototype.setupEvent = function (elem, eventType, handler)
{
    if (elem.attachEvent)
    {
        elem.attachEvent ('on' + eventType, handler)
    }

    if (elem.addEventListener)
    {
        elem.addEventListener (eventType, handler, false)
    }
}

InputPlaceholder.prototype.onFocus = function()
{
    if (!this.SaveOriginal &&  this.Input.value == this.Value)
    {
        this.Input.value = ''
        this.Input.className = this.CssFilled
    }
    else
    {
            //this.Input.className = ''
    }
}

InputPlaceholder.prototype.onKeyDown = function()
{
    //this.Input.className = ''
}

InputPlaceholder.prototype.onBlur = function()
{
    if (this.Input.value == '' || this.Input.value == this.Value)
    {
        this.Input.value = this.Value
        this.Input.className = this.CssEmpty
    }
    else
    {
        this.Input.className = this.CssFilled
    }
}