var toolTipObj = false;
var toolTipIFrame = false;
var toolTipContent = false;
var contentCell = false;

var isMSIE = false;
if (navigator.userAgent.indexOf("MSIE") >= 0)
    isMSIE = true;

var showStandardTooltip = true;

var simplePreload = new Array('http://www.ChorePacks.com/images/toolTip-Swingout.gif',
              'http://www.ChorePacks.com/images/toolTip-SwingoutUpper.gif',
              'http://www.ChorePacks.com/images/toolTip-hLeft.gif',
              'http://www.ChorePacks.com/images/toolTip-hMiddle.gif',
              'http://www.ChorePacks.com/images/toolTip-hRight.gif',
              'http://www.ChorePacks.com/images/toolTip-bLeft.gif',
              'http://www.ChorePacks.com/images/toolTip-bRight.gif',
              'http://www.ChorePacks.com/images/toolTip-lLeft.gif',
              'http://www.ChorePacks.com/images/toolTip-lMiddle.gif',
              'http://www.ChorePacks.com/images/toolTip-lRight.gif' )    ;
              
preloadImages();
    
function preloadImages ()
{
    var args = simplePreload;

    document.imageArray = new Array(args.length);

    for(var i=0; i<args.length; i++)
    {
        document.imageArray[i] = new Image;

        document.imageArray[i].src = args[i];
    }
}

function showKBTooltip(ctrl, eventObject)
{
    if (!toolTipObj)
    {
        //Because most pages don't declare the showUpperToolTip variable,
        //we have to check and see if it exists, and dump that into a
        //variable we know to exist.
           
        try
        {
            if (showUpperToolTip == true)
                showStandardTooltip = false;
        }
        catch (exception)
        {}

        toolTipObj = document.createElement("div");
        toolTipObj.style.position = "absolute";
        toolTipObj.style.top = 0;
        toolTipObj.id = "toolTipDisplay";
        document.body.appendChild(toolTipObj);
       
        if (showStandardTooltip == false)
        {
            var leftDiv = document.createElement("div");
            leftDiv.className = "toolTipArrowUpper";
            leftDiv.id = "toolTipArrowUpper";
            toolTipObj.appendChild(leftDiv);
            showStandardTooltip = false;
        }
        else if (showStandardTooltip == true)
        {
            var leftDiv = document.createElement("div");
            leftDiv.className = "toolTipArrow";
            leftDiv.id = "toolTipArrow";
            toolTipObj.appendChild(leftDiv);
        }
       
        toolTipContent = document.createElement("div");

        toolTipObj.appendChild(toolTipContent);        
        
        if (showStandardTooltip == false)
        {
            toolTipContent.className = "toolTipContentUpper";
            toolTipContent.id = "toolTipContentUpper";
        }
        else
        {
            toolTipContent.className = "toolTipContent";
            toolTipContent.id = "toolTipContent";
        }
        
        var toolTipTable = document.createElement("TABLE"); 
        toolTipTable.border = 0;
        toolTipTable.cellPadding = 0;
        toolTipTable.cellSpacing = 0;
        toolTipTable.style.positioning = "relative";
        //toolTipTable.borderColor = "#FFFFFF";
        toolTipTable.className = "toolTipTable";
        //toolTipTable.style.backgroundColor = "#FFFFFF";
        toolTipTable.id = "toolTipTable";         
        
        var tBody = document.createElement("TBODY");
        tBody.bgColor = "white";
        if (isMSIE)
            toolTipTable.appendChild(tBody);
        

        var headRow = document.createElement("TR");
        if (isMSIE)
            tBody.appendChild(headRow);

        var leftCell = document.createElement("TD");
        leftCell.className = "hLeft";
        leftCell.id = "hLeft";
        leftCell.height = "6";
        leftCell.style.height = "6px";
        headRow.appendChild(leftCell);
        
        var middleCell = document.createElement("TD");
        middleCell.className = "hMiddle";
        middleCell.id = "hMiddle";
        headRow.appendChild(middleCell);
        
        var rightCell = document.createElement("TD");
        rightCell.className = "hRight";
        rightCell.id = "hRight";
        headRow.appendChild(rightCell);
        
        if (!isMSIE)
            toolTipTable.appendChild(headRow);
        
        var middleRow = document.createElement("TR");
        if (isMSIE)
            tBody.appendChild(middleRow);

        leftCell = document.createElement("TD");
        leftCell.className = "bLeft";
        leftCell.id = "bLeft";
        leftCell.innerHTML = "&nbsp;";
        middleRow.appendChild(leftCell);
        
        contentCell = document.createElement("TD");
        contentCell.className = "content";
        contentCell.id = "content";
        contentCell.innerHTML = "Loading Content...";
        contentCell.vAlign = "Top";
        middleRow.appendChild(contentCell);
        
        rightCell = document.createElement("TD");
        rightCell.className = "bRight";
        rightCell.id = "bRight";
        rightCell.innerHTML = "&nbsp;";
        rightCell.width = "7";
        rightCell.style.width = "7px";
        middleRow.appendChild(rightCell);
        
        if (!isMSIE)
            toolTipTable.appendChild(middleRow);
        
        var lowerRow = document.createElement("TR");
        if (isMSIE)
            tBody.appendChild(lowerRow);

        leftCell = document.createElement("TD");
        leftCell.className = "lLeft";
        leftCell.id = "lLeft";
        lowerRow.appendChild(leftCell);
        
        middleCell = document.createElement("TD");
        middleCell.className = "lCenter";
        middleCell.id = "lCenter";
        lowerRow.appendChild(middleCell);
        
        rightCell = document.createElement("TD");
        rightCell.className = "lRight";
        rightCell.id = "lRight";
        lowerRow.appendChild(rightCell);
        
        if (!isMSIE)
            toolTipTable.appendChild(lowerRow);
            
        if (isMSIE)
        {
            toolTipIFrame = document.createElement("<IFRAME frameborder=\"0\">");
            toolTipIFrame.style.position = "absolute";
            toolTipIFrame.border = "0";
            toolTipIFrame.frameborder = "0";
            toolTipIFrame.style.backgroundColor = "#FFFFFF";
            
            if (showStandardTooltip == false)
                toolTipIFrame.className = "toolTipContentUpper";
            else
                toolTipIFrame.className = "toolTipContent";
                
            toolTipIFrame.src = "about:blank";
            //toolTipContent.appendChild(toolTipIFrame);
            toolTipIFrame.style.left = "0px";
            toolTipIFrame.style.top = "0px";
        }
        
        toolTipContent.appendChild(toolTipTable);        
    }
    else
    {
        contentCell.innerHTML = "Loading Content...";
    }
        
    toolTipObj.style.display = "block";
    positionToolTip (ctrl);
    
    var id = ctrl.id;
    
    Include_toolTipsAccess.showKBTooltip(document.URL, id, showKBTooltip_CallBack);
     
}

function showKBTooltip_CallBack (res)
{
    if (res.value != "Tooltip doesn't exist!")
        contentCell.innerHTML = "<b>" + res.value[1] + "</b><br />" + res.value[2];
    else
        contentCell.innerHTML = res.value;
}

function hideKBTooltip ()
{
    contentCell.innerHTML = "";
    toolTipObj.style.display = "none";
}

function positionToolTip(ctrl)
{
    var left = (getLeft(ctrl) + ctrl.offsetWidth);
    if (showStandardTooltip == false)
        var top = getTop(ctrl) - 175;
    else
        var top = getTop(ctrl) - 115;
    
    
    toolTipObj.style.left = left + 'px';
    toolTipObj.style.top = top + 'px';
}

function getTop (ctrl)
{
    var returnValue = ctrl.offsetTop;
    while ((ctrl = ctrl.offsetParent) != null)
    {
        if (ctrl.tagName != 'HTML')
            returnValue += ctrl.offsetTop;
    }
    
    return returnValue;
}

function getLeft (ctrl)
{
    var returnValue = ctrl.offsetLeft;
    while ((ctrl = ctrl.offsetParent) != null)
    {
        if (ctrl.tagName != 'HTML')
            returnValue += ctrl.offsetLeft;
    }
    
    return returnValue;
}