﻿//-----------------------------------------------------------------------
// <copyright file="MenuScript.js" company="United Healthcare">
//     Copyright 2008 United Healthcare
// </copyright>
//-----------------------------------------------------------------------
 
function showProducts(parent, child)
{
    var p = document.getElementById(parent);
    var c = document.getElementById(child );
    var top=0;
    var divProductBarID;
    var parentElement;
    var parentOffsetTop=0;   
    var left =31;//offset for left

    try
    {
        divProductBarID=document.getElementById("prod-bar");
        if (divProductBarID!=null)
        {
            top=parseInt(divProductBarID.style.top) -(p.offsetHeight-35);//offset for top
        }
        else
        {
            parentElement=p;
            while (parentOffsetTop==0)
            {
                parentElement=parentElement.parentNode;               
                if (parentElement == null)
                {
                    break;
                }
                parentOffsetTop= parentElement.offsetParent.offsetTop; 
                top=parseInt(parentOffsetTop) -(p.offsetHeight-35);//offset for top     
            }        
        }
    }
    catch(e){}

    left += p.offsetParent.offsetLeft;
    c.style.position   = "absolute";
    c.style.top        = top +'px';
    c.style.left       = left+'px';
    c.style.visibility = "visible";
    c.style.display='';
}

function show()
{
    var p = document.getElementById(this["at_parent"]);
    var c = document.getElementById(this["at_child" ]);

    showProducts(p.id, c.id);
    clearTimeout(c["at_timeout"]);
}

function hide()
{
    var timeout = 100;
    var p = document.getElementById(this["at_parent"]);
    var c = document.getElementById(this["at_child" ]);

    c["at_timeout"] = setTimeout("document.getElementById('"+c.id+"').style.visibility = 'hidden'", timeout);
}

function initProductMenu(parent, child)
{
    var p = document.getElementById(parent);
    var c = document.getElementById(child);

    p["at_parent"]     = p.id;
    c["at_parent"]     = p.id;
    p["at_child"]      = c.id;
    c["at_child"]      = c.id;
        
    p.onmouseover = show;
    p.onmouseout  = hide;
    c.onmouseover = show;
    c.onmouseout  = hide;
}