<!--
var intCount = 0;
var preloaded = 0;

function show_drop_down_menu(menu_id, link_id)
{
    if (preloaded == 1) {
        if (document.getElementById(menu_id)) {
	        var left = getOffsetLeft(link_id) + 'px';
	        var top = getOffsetTop(link_id) + (document.getElementById(link_id).offsetHeight - 1) + 'px';
      	  document.getElementById(menu_id).style.left = left;
	        document.getElementById(menu_id).style.top = top;
      	  document.getElementById(link_id).style.backgroundColor = 'transparent';
	        document.getElementById(menu_id).style.visibility = 'visible';
        	  setHover(link_id, true, 'menu_hover')
        }
    }
}

function hide_drop_down_menu(menu_id, link_id)
{
    if (preloaded == 1) {
        if (document.getElementById(menu_id)) {
            document.getElementById(menu_id).style.visibility = 'hidden';
            document.getElementById(link_id).style.backgroundColor = '';
    	      setHover(link_id, false, 'menu_hover')
        }
    }
}

function show_drop_down_menu2(menu_id, link_id)
{
    if (preloaded == 1) {
        if (document.getElementById(menu_id)) {
            var left = getOffsetLeft(link_id) + document.getElementById(link_id).offsetWidth - document.getElementById(menu_id).offsetWidth + 'px';
            var top = getOffsetTop(link_id) + document.getElementById(link_id).offsetHeight + 'px';
            document.getElementById(menu_id).style.left = left;
            document.getElementById(menu_id).style.top = top;
            document.getElementById(link_id).style.backgroundColor = 'transparent';
            document.getElementById(menu_id).style.visibility = 'visible';
	      setHover2(link_id, true, 'menu2_hover')
        }
    }
}

function hide_drop_down_menu2(menu_id, link_id)
{
    if (preloaded == 1) {
        if (document.getElementById(menu_id)) {
            document.getElementById(menu_id).style.visibility = 'hidden';
            document.getElementById(link_id).style.backgroundColor = '';
      	setHover2(link_id, false, 'menu2_hover')
        }
    }
}

function getOffsetTop(element)
{
    el = document.getElementById(element);
    xPos = el.offsetTop;
    tempEl = el.offsetParent;
    while (tempEl != null) {
        xPos += tempEl.offsetTop;
        tempEl = tempEl.offsetParent;
    }
    return xPos;
}

function getOffsetLeft(element)
{
    el = document.getElementById(element);
    xPos = el.offsetLeft;
    tempEl = el.offsetParent;
    while (tempEl != null) {
        xPos += tempEl.offsetLeft;
        tempEl = tempEl.offsetParent;
    }
    return xPos;
}

function setHover(id, state, xclass) {
if (document.getElementById) {
var otherImage = document.getElementById(id);
if (otherImage && typeof otherImage.className == 'string') {
var left_class = xclass + "_left";
var right_class = xclass + "_right";
var id = id + "_span";
var otherimage2 = document.getElementById(id);
otherImage.className = (state ? left_class : '');
otherimage2.className = (state ? right_class : '');
}
}
}

function setHover2(id, state, xclass) {
if (document.getElementById) {
var otherImage = document.getElementById(id);
if (otherImage && typeof otherImage.className == 'string') {
otherImage.className = (state ? xclass : '');
}
}
}

function preload() {
// Preload the menu hover images
            example = new Image();
            example2 = new Image();
            example3 = new Image();
            example4 = new Image();
            example5 = new Image();
            example.onLoad = incCounter();
            example2.onLoad = incCounter();
            example3.onLoad = incCounter();
            example4.onLoad = incCounter();
            example5.onLoad = incCounter();
            example.src = '/files/tab_titleR.gif';
            example2.src = '/files/tab_titleL.gif';
            example3.src = '/files/tab_tile.gif';
            example4.src = '/files/tab_capB.gif';
            example5.src = '/files/tab_capT.gif';
}

function incCounter() {
//Count how many images have actually been preloaded completely
		intCount = intCount + 1;
		if (intCount==5) {
		//If all 5 images have been preloaded, allow the dropdowns and hover effects to become visible.
			preloaded = 1;
		}
}
//-->