<!--

function getCrossBrowserInnerWidth() {
    if (isNetscape || isMozilla || isOpera) {
        return window.innerWidth;
    } else if (isInternetExplorer) {
        return document.body.offsetWidth - 20;
    }
    return 0;
}


function getCrossBrowserInnerHeight() {
    if (isNetscape || isMozilla || isOpera) {
        return window.innerHeight;
    } else if (isInternetExplorer) {
        return document.body.offsetHeight;
    }
    return 0;
}


function getCrossBrowserElement(name) {
    if (name) {
        if (isInternetExplorer && isVersion4) {
            return document.all[name];
        } else if(isNetscape && isVersion4) {
            return document.layers[1];//document.name;
        } else if(isInternetExplorer || isMozilla || isNetscape || isOpera) {
            return document.getElementById(name);
        }
    }
    return null;
}


function showCrossBrowserDiv(name, show) {
    if (name) {
        var div = getCrossBrowserElement(name);

        if (div && show) {
            if (isInternetExplorer || isMozilla || isOpera) {
                div.style.visibility = "visible";
            } else if (isNetscape) {
                div.visibility = "show";
            }
        } else if (div) {
            if (isInternetExplorer || isMozilla || isOpera) {
                div.style.visibility = "hidden";
            } else if (isNetscape) {
                div.visibility = "hide";
            }
        }
    }
}


function moveCrossBrowserDiv(name, x, y) {
    if (name) {
        var div = getCrossBrowserElement(name);
        if (isInternetExplorer || isMozilla || isOpera) {
            div.style.left = x;
            div.style.top = y;
        } else if (isNetscape) {
            div.left = x;
            div.top = y;
        }
    }
}


function Menu() {
	this.addItem    = addItem;
	this.addSubItem = addSubItem;

	menubarItemWidth = 100;
	menuWidth = Array();

	HTMLstr = '';
	HTMLstr += '<!-- BEGIN NAVIGATION MENU ============================= -->\n';
	HTMLstr += '<div id="menubar" style="position: absolute; left: 0; top: 0; visibility: hidden;">\n';
	HTMLstr += '<table border="0" cellspacing="0" cellpadding="0">\n';
	HTMLstr += '<tr>\n';
	HTMLstr += '    <td><img src="/gfx/s.gif" width="1" height="1"></td>\n';
	HTMLstr += '    <td><img src="/gfx/s.gif" width="4" height="1"></td>\n';
	HTMLstr += '    <td><img src="/gfx/s.gif" width="1" height="1"></td>\n';
	HTMLstr += '    <td><img src="/gfx/s.gif" width="1" height="1"></td>\n';
	HTMLstr += '</tr>\n';
	HTMLstr += '<tr>\n';
	HTMLstr += '    <td><img src="/gfx/s.gif" width="1" height="4"></td>\n';
	HTMLstr += '    <td colspan="2"><img src="/gfx/s.gif" width="1" height="1"></td>\n';
	HTMLstr += '    <td><img src="/gfx/s.gif" width="1" height="1"></td>\n';
	HTMLstr += '</tr>\n';
	HTMLstr += '<tr>\n';
	HTMLstr += '    <td><img src="/gfx/s.gif" width="1" height="1"></td>\n';
	HTMLstr += '    <td><img src="/gfx/s.gif" width="1" height="1"></td>\n';
    HTMLstr += '    <td>\n';
    HTMLstr += '        <table border="0" cellspacing="0" cellpadding="0"><tr>\n';
    HTMLstr += '<!-- BEGIN MAIN MENU -->\n';
    HTMLstr += '<!-- MAIN_MENU -->\n';
    HTMLstr += '<!-- END MAIN MENU -->\n';
    HTMLstr += '        </tr></table>\n';
    HTMLstr += '    </td>\n';
	HTMLstr += '    <td><img src="/gfx/s.gif" width="1" height="1"></td>\n';
	HTMLstr += '</tr>\n';
	HTMLstr += '<tr>\n';
	HTMLstr += '    <td><img src="/gfx/s.gif" width="1" height="4"></td>\n';
	HTMLstr += '    <td colspan="2"><img src="/gfx/s.gif" width="1" height="1"></td>\n';
	HTMLstr += '    <td><img src="/gfx/s.gif" width="1" height="1"></td>\n';
	HTMLstr += '</tr>\n';
	HTMLstr += '<tr><td colspan="4"><img src="/gfx/s.gif" width="1" height="1"></td></tr>\n';
	HTMLstr += '</table>\n\n';
	HTMLstr += '<!-- START SUB MENU -->\n';
	HTMLstr += '<!-- SUB_MENU -->\n';
	HTMLstr += '<!-- END SUB MENU -->\n\n';
	HTMLstr += '</div>\n';
	HTMLstr += '<!-- END NAVIGATION MENU =============================== -->\n';
}


function addItem(id, caption, location, width) {
    menuWidth[id] = width;
	var MENUitem = '';
	MENUitem += '\n<!-- ITEM ' + id + ' -->\n';
	MENUitem += '<td>';
	MENUitem += '<div id="' + id + '" ';
	MENUitem += 'onMouseOver="showMenu(' + id + ');" ';
	MENUitem += 'onMouseOut="hideMenu(' + id + ');" ';
	MENUitem += 'style="cursor:pointer;" ';
	MENUitem += 'onClick="';
	if (location != null) {
		MENUitem += 'top.location=\'' + location + '\';';
	} else {
		MENUitem += 'return false;';
	}
	MENUitem += '">';
	MENUitem += '    <table border="0" cellspacing="1" cellpadding="2" id="mbf' + id + '" class="navMainItemFrame">\n';
	MENUitem += '    <tr>\n';
	MENUitem += '        <td id="mbb' + id + '" class="navMainItem" width="' + menubarItemWidth + '">\n';
	MENUitem += '            <nobr>&nbsp;' + caption + '&nbsp;</nobr>';
	MENUitem += '        </td>\n';
	MENUitem += '    </tr>\n';
	MENUitem += '    </table>\n';
	MENUitem += '</div>';
	MENUitem += '</td>\n';
	MENUitem += '<td><img src="/gfx/s.gif" width="4" height="1"></td>\n';
	MENUitem += '<!-- END OF ITEM ' + id + ' -->\n\n';
    MENUitem += '<!-- MAIN_MENU -->\n';
	HTMLstr = HTMLstr.replace('<!-- MAIN_MENU -->\n', MENUitem);
}


function addSubItem(id, parentId, caption, location) {
	var MENUitem = '';
	lookup = '<!-- NEXT ITEM OF SUB MENU ' + parentId + ' -->';
	if (HTMLstr.indexOf(lookup) == -1) {
		MENUitem += '\n';
		MENUitem += '<div id="menu' + parentId + '" ';
		MENUitem += 'style="position: absolute; left: ' + (110 * parentId + 5) + '; top: 27; visibility: hidden; cursor: pointer;" ';
    	MENUitem += 'onMouseOver="showMenu(' + parentId + ');" ';
    	MENUitem += 'onMouseOut="hideMenu(' + parentId + ');">\n';

		MENUitem += '<table border="0" cellspacing="0" cellpadding="0">\n';
		MENUitem += '<tr><td><img src="/gfx/s.gif" width="1" height="4"></td></tr>\n';
		MENUitem += '<tr><td>\n';
		MENUitem += '<table border="0" cellspacing="0" cellpadding="1" class="navMainFrame">\n';
		MENUitem += '<tr>\n';
		MENUitem += '    <td>\n';
		MENUitem += '        <table border="0" cellspacing="0" cellpadding="0" class="navSubItem">\n';
		MENUitem += '        <tr>\n';
		MENUitem += '            <td><img src="/gfx/s.gif" width="2" height="2"></td>\n';
		MENUitem += '            <td><img src="/gfx/s.gif" width="' + menuWidth[parentId] + '" height="1"></td>\n';
		MENUitem += '            <td><img src="/gfx/s.gif" width="2" height="1"></td>\n';
		MENUitem += '        </tr>\n';
		MENUitem += '<!-- NEXT ITEM OF SUB MENU ' + parentId + ' -->\n';
		MENUitem += '        <tr>\n';
		MENUitem += '            <td colspan="3"><img src="/gfx/s.gif" width="1" height="2"></td>\n';
		MENUitem += '        </tr>\n';
		MENUitem += '        </table>\n';
		MENUitem += '    </td>\n';
		MENUitem += '</tr>\n';
		MENUitem += '</table>\n';
        MENUitem += '</td></tr></table>\n';

		MENUitem += '</div>\n';
		MENUitem += '\n';

		MENUitem += '<!-- SUB_MENU -->\n';
		HTMLstr = HTMLstr.replace('<!-- SUB_MENU -->\n', MENUitem);
	}

	lookup = '<!-- NEXT ITEM OF SUB MENU ' + parentId + ' -->\n';
	MENUitem = '';
	MENUitem += '<div>\n';
	MENUitem += '<tr>\n';
	MENUitem += '    <td><img src="/gfx/s.gif" width="1" height="20"></td>\n';
	MENUitem += '    <td id="cr' + parentId + '_' + id + '" class="navSubItem" '
                     + 'onMouseOver="hoverItem(' + parentId + ', ' + id + ');" '
                     + 'onMouseOut="unhoverItem(' + parentId + ', ' + id + ');" '
                     + 'onClick="top.location=\'' + location + '\'">'
                     + '<nobr>&nbsp;' + caption + '&nbsp;</nobr></td>\n';
	MENUitem += '    <td><img src="/gfx/s.gif" width="1" height="1"></td>\n';
	MENUitem += '</tr>\n';
	MENUitem += '</div>\n';
	MENUitem += lookup;
	HTMLstr = HTMLstr.replace(lookup, MENUitem);
}


function showMenu(itemId) {
    getCrossBrowserElement('mbb' + itemId).className = 'navMainItemActive';
    getCrossBrowserElement('mbf' + itemId).className = 'navFrameActive';
    showCrossBrowserDiv('menu' + itemId, 1);
}


function hideMenu(itemId) {
    getCrossBrowserElement('mbb' + itemId).className = 'navMainItem';
    getCrossBrowserElement('mbf' + itemId).className = 'navMainItemFrame';
    showCrossBrowserDiv('menu' + itemId, 0);
}


function hoverItem(parentId, id) {
    getCrossBrowserElement('cr' + parentId + '_' + id).className = 'navSubItemActive';
}

function unhoverItem(parentId, id) {
    getCrossBrowserElement('cr' + parentId + '_' + id).className = 'navSubItem';
}

// -->

