var baloon = new Array();

function initHint () {
    var allElements = document.getElementsByClassName("hint");
    for (var i = 0; (element = allElements[i]) != null; i++) {
        var elementId = element.id;
        var elementTitle = element.title.split(":");
        element.title = '';
        baloon[elementId] = new HelpBalloon({
            title: elementTitle[0],
            content: elementTitle[1],
            icon: $(elementId),
            useEvent: ['mouseover']
        });
        Event.observe(elementId, 'mouseout', baloon[elementId].hide.bind(baloon[elementId]));
        //Event.observe(elementId, 'onmouseover', hideTheRest(elementId));
    }
}

function hideTheRest(eid) {
    var allElements = document.getElementsByClassName("hint");
    for (var i = 0; (element = allElements[i]) != null; i++) {
        var elementId = element.id;
        if (eid != elementId && baloon[elementId]) {
            //baloon[elementId].hide.bind(baloon[elementId])
        }
    }
}


window.onload = initHint;