// JavaScript Document

function SubnavDrop(dropBox, bOx){

<!-- the box offsetTop is used if the nav bar is part of a  larger table (as they usually are) -->
<!-- the box offsetTop determines how far the current cell is from the top of the large table -->
<!-- the box offsetHeight is added to the offsetTop otherwise the dropdown menu would begin at the top of the cell -->
<!-- the window.main.offsetTop is the distance determines how far the large table is from the margine of the window and is added to the other values -->
<!-- window.body.offsetTop determines how large the top margine is and is added to the rest of the numbers -->
<!-- var Top = bOx.offsetTop + bOx.offsetHeight + window.main.offsetTop + window.body.offsetTop-->
var Top = bOx.offsetTop + bOx.offsetHeight
<!-- like the offsets above the offsetLeft values are basicly the same except horizontal but you dont need the width of the cell so that is left out -->
var Left = bOx.offsetLeft 
<!-- var Left = bOx.offsetLeft + window.main.offsetLeft + window.body.offsetLeft-->
<!-- these next lines set the top and left values of the drop down menu to the variables above and sets the boxs visibility to visible -->
dropBox.style.left = Left + 170
dropBox.style.top = Top + 185
dropBox.style.visibility = 'visible'
bOx.style.color = '#003300'
}

function navDrop(dropBox, bOx){

<!-- the box offsetTop is used if the nav bar is part of a  larger table (as they usually are) -->
<!-- the box offsetTop determines how far the current cell is from the top of the large table -->
<!-- the box offsetHeight is added to the offsetTop otherwise the dropdown menu would begin at the top of the cell -->
<!-- the window.main.offsetTop is the distance determines how far the large table is from the margine of the window and is added to the other values -->
<!-- window.body.offsetTop determines how large the top margine is and is added to the rest of the numbers -->
var Top = bOx.offsetTop + bOx.offsetHeight 
<!-- var Top = bOx.offsetTop + bOx.offsetHeight -->
<!-- like the offsets above the offsetLeft values are basicly the same except horizontal but you dont need the width of the cell so that is left out -->
var Left = bOx.offsetLeft 
<!-- var Left = bOx.offsetLeft + window.main.offsetLeft + window.body.offsetLeft-->
<!-- these next lines set the top and left values of the drop down menu to the variables above and sets the boxs visibility to visible -->
dropBox.style.left = Left 
dropBox.style.top = Top + 90
dropBox.style.visibility = 'visible'
bOx.style.color = '#B6E7E6'
}

function navRemove(dropBox, bOx){
<!-- this hides the dropdown menu when the mouse moves off the link or the dropdown menu -->
dropBox.style.visibility = 'hidden'
bOx.style.color = 'white'
}

function SubnavRemove(dropBox, bOx){
<!-- this hides the dropdown menu when the mouse moves off the link or the dropdown menu -->
dropBox.style.visibility = 'hidden'
bOx.style.color = '#003399'
}


function stayUp(dropBox, bOx){
<!-- this keeps the dropdown menu visible when the mouse moves off the link and onto the dropdown menu area -->
dropBox.style.visibility = 'visible'
bOx.style.color = '#B6E7E6'
}

function SubstayUp(dropBox, bOx){
<!-- this keeps the dropdown menu visible when the mouse moves off the link and onto the dropdown menu area -->
dropBox.style.visibility = 'visible'
bOx.style.color = '#003300'
}


function HighlightSelect(bOx){
<!-- this hides the dropdown menu when the mouse moves off the link or the dropdown menu -->
bOx.style.color = '#B6E7E6'
bOx.style.cursor = 'hand'
}

function SubHighlightSelect(bOx){
<!-- this hides the dropdown menu when the mouse moves off the link or the dropdown menu -->
bOx.style.color = '#003300'
}


function NormalSelect(bOx){
<!-- this hides the dropdown menu when the mouse moves off the link or the dropdown menu -->
bOx.style.color = 'white'
}

function SubNormalSelect(bOx){
<!-- this hides the dropdown menu when the mouse moves off the link or the dropdown menu -->
bOx.style.color = '#003399'
}


function onClickNavButton(passURL)
{  
   window.location.href = passURL
}