/////    menuup.js    ///////
// This works for both NN and IE
//   for a file-menu-like pulldown menu

function preloadImages(imgs)
{   var p;
    if (document.images)  
    {   for (var i=0; i < imgs.length; i++)
        {    p = new Image();
             p.src = imgs[i];
        }
    }
}

var rollImgs=["/img/about_r.gif", "/img/ai_chi_r.gif", "/img/arthritis_r.gif", "/img/articles_r.gif", "/img/contact_r.gif", "/img/fear_r.gif", "/img/i_about_r.gif", "/img/i_ai_chi_r.gif", "/img/i_arthritis_r.gif", "/img/i_articles_r.gif", "/img/i_contact_r.gif", "/img/i_fear_r.gif", "/img/i_locations_r.gif", "/img/i_logo_r.gif", "/img/i_multiple_r.gif", "/img/i_other_r.gif", "/img/i_pricing_r.gif", "/img/i_swimming_r.gif", "/img/i_water_shiatsu_r.gif", "/img/i_why_r.gif", "/img/i_workshops_r.gif", "/img/locations_r.gif", "/img/multiple_r.gif", "/img/other_therapies_r.gif", "/img/pricing_r.gif", "/img/swimming_r.gif", "/img/water_shiatsu_r.gif", "/img/why_r.gif", "/img/workshops_r.gif"];

preloadImages(rollImgs);

var currentMenu=null;
var currentLabel=null;
var menuActive=false;

function menuDeactivate()
{   if ( menuActive )
    {  menuUp();
       menuActive=false;
    }
}

function menuActivate(event, label, id, dx, dy)
{   if ( ! menuActive )
    {  menuActive=true;
       menuDown(label, id, dx, dy);
       event.cancelBubble = true;        // for IE
       if (event.stopPropagation) event.stopPropagation();  // for NN
    }
    else
    {  menuDeactivate();  }
}

function menuDown(label, id, dx, dy)
{   if ( menuActive ) 
    {  menuUp();
       currentLabel = label;
       down(label, document.getElementById(id), dx, dy);
    }
}

function down(nd, menu, dx, dy)
{   if ( currentMenu ) menuUp();
    var x=xPosition(nd) + dx;
    var y=yPosition(nd) + dy;
    // var y=yPosition(document.getElementById("menuline"));
    menu.style.top = y + "px";
    menu.style.left = x + "px";
    menu.style.display = "block";
    currentMenu=menu;
}

function xPosition(nd)
{   var x=0;
    while ( nd )
    {  x += nd.offsetLeft;
       nd = nd.offsetParent;
    }
    return x;
}

function yPosition(nd)
{   var y=0;
    while ( nd )
    {  y += nd.offsetTop;
       nd = nd.offsetParent;
    }
    return y;
}

function menuUp()
{   if ( currentMenu ) 
    {  currentMenu.style.display = "none"; 
       currentMenu=null;
    }
    if ( currentLabel )
    { currentLabel=null;
    }
}