/*****************************************
This is to be included in any framesets
that require the drop down functionality.
NOTE - The javascript include 'menu.js'
must also be placed in the html page.
ALSO - If you want to add more menus, be
sure to add a corresponding entry in
the styles.css stylesheet. You'll need
to define the horizontal position as
well as a few other variables. It will
be obvious what you need to do.
******************************************/
//dropdown variables
var ie;
var hideTO1;
var hideTO2;
var hideTO3;
var hideTO4;
var hideTO5;
var showTO1;
var showTO2;
var showTO3;
var showTO4;
var showTO5;
var strContent;
// Initialization
function init()
{
// the following modifications were made by Alec Zopf (fresh540@aol.com) in an attempt
// to simplify the menu code structure and make it less dependent on the HTML source
// of the displaying pages.
//create necessary layers
for(i=1; i<=5; i++){
makeLayer('drop'+i);
}
//determine browser
ie = (document.all) ? true : false
if (ie)
{
hideTO1 = setTimeout("setMenuTop('drop1')", 100);
hideTO2 = setTimeout("setMenuTop('drop2')", 100);
hideTO3 = setTimeout("setMenuTop('drop3')", 100);
hideTO4 = setTimeout("setMenuTop('drop4')", 100);
hideTO5 = setTimeout("setMenuTop('drop5')", 100);
}
}
// the following modifications were made by Alec Zopf (fresh540@aol.com) in an attempt
// to simplify the menu code structure and make it less dependent on the HTML source
// of the displaying pages.
// This function will create the necessary layers in the display page,
// so they no longer need to be hardcoded into every page.
function makeLayer(id) {
if (window.frames.main.document.layers) {
if (window.frames.main.document.layers[id]) {
//alert ('Layer with this ID already exists!')
return;
}
var LR=window.frames.main.document.layers[id]=new Layer(W);
LR.name= id;
}
else if (window.frames.main.document.all) {
if (window.frames.main.document.all[id]) {
//alert ('Layer with this ID already exists!')
return;
}
var LR= '\n
\n';
var where = "BeforeEnd";
window.frames.main.document.body.insertAdjacentHTML(where,LR);
}
}
// This will dynamically position the drop down menu
function setMenuTop(layerName)
{
if (ie)
{
window.frames.main.document.all[layerName].style.ypos = window.frames.main.document.body.scrollTop;
window.frames.main.document.all[layerName].style.top = window.frames.main.document.all[layerName].style.ypos;
if (layerName == 'drop1')
{
showTO1 = setTimeout("setMenuTop('" + layerName + "')", 100);
}
else if (layerName == 'drop2')
{
showTO2 = setTimeout("setMenuTop('" + layerName + "')", 100);
}
else if (layerName == 'drop3')
{
showTO3 = setTimeout("setMenuTop('" + layerName + "')", 100);
}
else if (layerName == 'drop4')
{
showTO4 = setTimeout("setMenuTop('" + layerName + "')", 100);
}
else if (layerName == 'drop5')
{
showTO5 = setTimeout("setMenuTop('" + layerName + "')", 100);
}
}
}
// This hides the menu
function hideMenu(layerName)
{
if (ie)
{
parent.main.document.all[layerName].style.visibility = "hidden";
}
}
//Populate and show the drop down
function showMenu(layerName)
{
if (ie)
{
if (layerName == 'drop1')
{
clearTimeout(hideTO1);
strContent = '';
}
else if (layerName == 'drop2')
{
clearTimeout(hideTO2);
strContent = '';
}
else if (layerName == 'drop3')
{
clearTimeout(hideTO3);
strContent = '';
}
else if (layerName == 'drop4')
{
clearTimeout(hideTO4);
strContent = '';
}
else if (layerName == 'drop5')
{
clearTimeout(hideTO5);
strContent = '';
}
parent.main.document.all[layerName].innerHTML = strContent;
parent.main.document.all[layerName].style.visibility = "visible";
}
}
// Delayed hiding of the drop down (after mouseout)
function timedHideMenu(layerName)
{
if (layerName == 'drop1')
{
hideTO1 = setTimeout("hideMenu('" + layerName + "')", 1000);
}
else if (layerName == 'drop2')
{
hideTO2 = setTimeout("hideMenu('" + layerName + "')", 1000);
}
else if (layerName == 'drop3')
{
hideTO3 = setTimeout("hideMenu('" + layerName + "')", 1000);
}
else if (layerName == 'drop4')
{
hideTO4 = setTimeout("hideMenu('" + layerName + "')", 1000);
}
else if (layerName == 'drop5')
{
hideTO5 = setTimeout("hideMenu('" + layerName + "')", 1000);
}
}
//clear out hide menu timeout
function clearHideMenuTO(TOtoHide)
{
eval("clearTimeout(" + TOtoHide + ")");
}
