//	 Basic browser and DHTML compatibility check

var isDHTML = 0;
var isAll = 0;
var isID = 0;

if (document.getElementById) {
	isID = 1; isDHTML = 1;
}
else if (document.all) {
		isAll = 1; isDHTML = 1;
}
else {
	alert('You need to upgrade to a more modern browser �\ its 2003 already!');
}
function findDOM(objectID,withStyle) {
	if (withStyle == 1) {
		if (isID) {
			return (document.getElementById(objectID).style);
		}
		else if (isAll) {
				return (document.all[objectID].style);
		}
	}
	else {
		if (isID) {
			return (document.getElementById(objectID));
		}
		else if (isAll) {
				return (document.all[objectID]);
		}
	}
}

//	Main appearance functions for navigation menu

function gotoUrl(newPage){
	location.href=newPage
}
function itemOver(itemName) {
	domStyle = findDOM(itemName, 1);
	domStyle.color = "#FFCC33";
}
function itemOut(itemName) {
	domStyle = findDOM(itemName, 1);
	domStyle.color = "#CCCCCC";
}
function subitemOver(itemName) {
	domStyle = findDOM(itemName, 1);
	domStyle.background = "none";
	domStyle.backgroundColor = "#333333";
	domStyle.color = "#CCCCCC";
}
function subitemOut(itemName) {
	domStyle = findDOM(itemName, 1);
	domStyle.background = "url(images\/transtab2.gif)";
	domStyle.backgroundColor = "transparent";
	domStyle.color = "#FFFFFF";
}
function showMenu(menuName) {
	domStyle = findDOM(menuName, 1);
	domStyle.visibility = "visible";
}
function hideMenu(menuName) {
	domStyle = findDOM(menuName, 1);
	domStyle.visibility = "hidden";
}

//	Array set up of navigation menu item names and links

var menuTop = new Array (
	"Quality Management",2,
	"Core Services",3,
	"Portfolio",2
);
var menuItem = new Array(
	new Array(
		"Projects","qm_proje.htm",
		"Translators","qm_trans.htm"
	),
	new Array(
		"Localization","cs_local.htm",
		"Translation","cs_trans.htm",
		"Business Communications","cs_busin.htm"
	),
	new Array(
		"Translator's Profiles","pf_trans.htm",
		"Books & Articles","pf_books.htm"
	)
);

//	Counters and essential variables for navigation menu

var posLeft = 0;
var menuID = 0;
var x = 0;
var y = 0;
var baseURL = "http://www.meta4-design.com/lds_english/"
var baseURL2 = "http://meta4-design.com/lds_english/"

//	Draws the main navigation menu

if (isID || isAll) {
	for (var i = 0; i < menuTop.length; i += 2) {
		var posTop = 2;
		var itemID = 0;
		menuID++;

//	Draws the initial visible tabs of drop-down menu
		document.write('<div style="position: absolute; left:' + posLeft + 'px; top: 71px; z-index: 500; width: 245px; height: 22px; background-color: #CCCCCC; cursor: arrow;" onMouseover="showMenu(\'menu' + menuID + '\'), itemOver(\'menuTop' + menuID + '\')" onMouseout="hideMenu(\'menu' + menuID + '\'), itemOut(\'menuTop' + menuID + '\')"><div id="menuTop' + menuID + '" style="position: absolute; top: 1px; width: 244px; height: 20px; text-align: right; font-family: verdana, arial, sans-serif; font-size: 12px; font-weight: bold; line-height: 18px; background-color: #333333; color: #CCCCCC;">' + menuTop[i] + ' <span style="color: #FFCC33;">&#187;<\/span> &nbsp; <\/div><img src="\/images\/spacer.gif" style="position: absolute; left: 244px; top: 0px; width: 1px; height: 20px; background-color: #CCCCCC;"><\/div>');

//	Draws the hidden drop-down menu retaining box
		document.write('<div id="menu' + menuID + '" style="position: absolute; top: 91px; left:' + posLeft + 'px; height:' + menuTop[i + 1]*22 + 'px; width: 245px; z-index: 550; visibility: hidden;" onMouseover="showMenu(\'menu' + menuID + '\'), itemOver(\'menuTop' + menuID + '\')" onMouseout="hideMenu(\'menu' + menuID + '\'), itemOut(\'menuTop' + menuID + '\')">');

		for (var j = 0; j < menuItem[x].length; j += 2) {
			itemID++;

//	Checks to see if this drop-down menu item's URL is the same as the current page and if so draws different color button with no rollover and no hyperlink
			if (baseURL + menuItem[x][j + 1] == parent.document.URL || baseURL2 + menuItem[x][j + 1] == parent.document.URL) {
				document.write('<img src="\/images\/spacer.gif" style="position: absolute; left: 0px; top: ' + posTop + 'px; width: 1px; height: 20px; background-color: #CCCCCC;"><div id="menu' + menuID + 'item' + itemID + '" style="position: absolute; left: 1px; top: ' + posTop + 'px; width: 242px; height: 20px; text-align: right; font-family: verdana, arial, sans-serif; font-size: 12px; font-weight: bold; line-height: 18px; background-color: #006666; color: #FFFFFF;">' + menuItem[x][j] + ' &nbsp; <\/div><img src="\/images\/spacer.gif" style="position: absolute; left: 0px; top: ' + (posTop + 20) + 'px; width: 243px; height: 1px; background-color: #CCCCCC;"><img src="\/images\/spacer.gif" style="position: absolute; left: 243px; top: ' + (posTop - 1) + 'px; width: 1px; height: 21px; background-color: #CCCCCC;">');
			}

//	Draws standard drop-down menu color button with rollover hyperlink
			else {
				document.write('<img src="\/images\/spacer.gif" style="position: absolute; left: 0px; top: ' + posTop + 'px; width: 1px; height: 20px; background-color: #CCCCCC;"><div id="menu' + menuID + 'item' + itemID + '" style="position: absolute; left: 1px; top: ' + posTop + 'px; width: 242px; height: 20px; text-align: right; font-family: verdana, arial, sans-serif; font-size: 12px; font-weight: bold; line-height: 18px; background: url(images\/transtab2.gif); color: #FFFFFF; cursor: hand;" onMouseover="subitemOver(\'menu' + menuID + 'item' + itemID + '\')" onMouseout="subitemOut(\'menu' + menuID + 'item' + itemID + '\')" onClick="gotoUrl(\'' + menuItem[x][j + 1] + '\')">' + menuItem[x][j] + ' &nbsp; <\/div><img src="\/images\/spacer.gif" style="position: absolute; left: 0px; top: ' + (posTop + 20) + 'px; width: 243px; height: 1px; background-color: #CCCCCC;"><img src="\/images\/spacer.gif" style="position: absolute; left: 243px; top: ' + (posTop - 1) + 'px; width: 1px; height: 21px; background-color: #CCCCCC;">');
			}
			posTop += 21;
		}
		x++;
		document.write('<\/div>');
		posLeft += 245;
	}
}