/**
 * defaultHints v0.3
 * Date: 2010-09-15 11:00:00
 *
 * function setDefaultHints([[elementId, elementHint, showAsterisk], ...])
 *
 * Example of using setDefaultHints in JavaScript
 * var defvalues = [
 * ['name', 'Your Name:', true],
 * ['email', 'Your Email:', false],
 * ['comment', 'Your Comment:', true]
 * ];
 * setDefaultHints(defvalues);
 *
 * Example of using setDefaultHints in QSF2
 * $params = array(
 *     array('name', 'Name:', true),
 *     array('emailOrPhone', 'Email:', false),
 *     array('comments', 'Your Message:', true),
 * );
 * $this->doc->addScript('js/app/defaultHints');
 * $this->doc->addInitFunction('setDefaultHints', array($params));
 */

function setDefaultHints(elements)
{
    if (typeof elements == 'object' && elements != null) {
        len = elements.length;
        for (i=0; i<len; i++) {
            if (!setDefaultHint(elements[i][0], elements[i][1], elements[i][2])) {
                throw 'Can not set hefault hint for element:' + elements[i][0] + ', hint:' + elements[i][1];
            }
        }
        return true;
    } else {
        throw 'Invalid type of elements: ' + typeof elements + ', or size';
    }
}


function setDefaultHint(elementId, elementHint, showAsterisk)
{
    var IE = isIE();
    if (el = document.getElementById(elementId)) {
        var div = document.createElement('div');
        div.setAttribute('id', elementId + '-default');
        div.setAttribute('class', 'element-default-hint');
        div.className = 'element-default-hint';
        if (showAsterisk || false) {
            var span = document.createElement('span');
            span.setAttribute('class', 'asterisk');
            span.className = 'asterisk';
            span.appendChild(document.createTextNode('*'));
            div.appendChild(span);
        }
        div.appendChild(document.createTextNode(elementHint));
        el.parentNode.insertBefore(div, el.nextSibling);
        addHandler(div, 'click', function(){hintClick.apply(this, [this, elementId])});
        addHandler(el,  'focus', function(){proceedDefaultHint.apply(this, [this, 'hide'])});
        addHandler(el,  'blur',  function(){proceedDefaultHint.apply(this, [this, 'show'])});
        return true;
    } else
        throw 'Element with id "'+elementId+'" not found';
}

function hintClick(element, targetId)
{
    var el = document.getElementById(targetId);
    el.focus();
    return false;
}

function proceedDefaultHint(element, action)
{
    action = action || 'hide';
    if (typeof element.getAttribute != 'undefined') {
        var defEl = document.getElementById(element.getAttribute('id') + '-default');
    } else {
        var defEl = document.getElementById(window.event.srcElement.getAttribute('id') + '-default');
        element = window.event.srcElement;
    }
    if (action == 'show' && element.value == '') {
        defEl.style.display = 'block';
    } else if (action == 'hide') {
        defEl.style.display = 'none';
    }
}

function addHandler(object, event, handler)
{
  if (typeof object.addEventListener != 'undefined')
    object.addEventListener(event, handler, false);
  else if (typeof object.attachEvent != 'undefined')
    object.attachEvent('on' + event, handler);
  else
    throw "Incompatible browser";
}

function isIE()
{  
    //return (!+"\v1") ? true : false;
    return (navigator.appName == "Microsoft Internet Explorer");
}