var disappearDelay = 250;  //tooltip disappear speed onMouseout (in miliseconds)

function showHide(obj, e)
{
    toolTipObj.style.left = toolTipObj.style.top = -500;

    if (e.type == "mouseover") {
        $('tooltipdiv').show();
    } else if (e.type == "click") {
        $('tooltipdiv').hide();
    }
}

function greenToolTip(text, obj, e, style)
{
    if (window.event) {
        event.cancelBubble = true;
    } else if (e.stopPropagation) {
        e.stopPropagation();
    }
    if (text == 'odds_text') {
        text = getOddsTextToTooltip(obj);
    }
    if (!$('tooltipdiv')) {
        var div = document.createElement('div');
        div.setAttribute('id', 'tooltipdiv');
        div.style.position = 'absolute';
        div.style.display = 'none';
        div.style.zIndex = '100';
        document.body.appendChild(div);
    }

    clearHideTip();
    toolTipObj = $('tooltipdiv');

    toolTipObj.setAttribute('onmouseout', 'hideTip();');

    if (toolTipObj) {
        switch (style) {
            case 1:
                toolTipObj.innerHTML = '<span class="green-help"><span class="green-help-box green-y-h"><span class="green-wrap-help"><span class="green-spc" id="tooltiptext">' + text + '</span></span></span></span>';
                break;
            case 2:
                toolTipObj.innerHTML = '<span class="green-help"><span class="green-help-box2 green-y-h green-wider"><span class="green-wrap-help"><span class="green-spc green-spc-nowrap" id="tooltiptext">' + text + '</span></span></span></span>';
                break;
            case 3:
                toolTipObj.innerHTML = '<span class="green-help"><span class="green-help-box3 green-y-h green-wider"><span class="green-wrap-help"><span class="green-spc" id="tooltiptext">' + text + '</span></span></span></span>';
                break;
            default:
                toolTipObj.innerHTML = '<span class="green-help"><span class="green-help-box"><span class="green-wrap-help"><span class="green-spc" id="tooltiptext">' + text + '</span></span></span></span>';
                break;
        }

        showHide(toolTipObj.style, e);

        // IE needs id else lot of function from prototype are not available
        var oldId = obj.getAttribute('id');
   
        if (!oldId) {
        	oldId = 'tmp-id';
        }
        
        obj.setAttribute('id', oldId);
        var arr = $(oldId).cumulativeOffset();
        
        if (oldId == 'tmp-id') {
        	obj.removeAttribute('id');
        }

        toolTipObj.style.left = arr[0] + 'px';
        toolTipObj.style.top = arr[1] + obj.offsetHeight + 'px';
    }
}

function hideTip()
{
    if ($('tooltipdiv')) {
        $('tooltipdiv').hide();
    }
}

function delayHideTip(delay)
{
    delayHide = setTimeout("hideTip()", delay);
}

function clearHideTip()
{
    if (typeof delayHide != 'undefined') {
        clearTimeout(delayHide);
    }
}