/* ------------------------------------------------------------------------ */
/* [[[[[[[[[[[[[[[[[[[[[[[[[[[[  OKAY TO EDIT  ]]]]]]]]]]]]]]]]]]]]]]]]]]]] */
/* ------------------------------------------------------------------------ */

var navmax = 6;
var url = "http://www.opusnet.com/";
var urlSSL = "http://www.opusnet.com/";
var bordercolor = 'ffffff';
var backgroundcolor = '99ccff';
var borderthickness = 2;
var tablewidth = 138;

/* ------------------------------------------------------------------------ */
/* [[[[[[[[[[[[[[[[[[[[[[[[[[[[[  DO NOT EDIT  ]]]]]]]]]]]]]]]]]]]]]]]]]]]] */
/* ------------------------------------------------------------------------ */

var isIE = isNN4 = isNN6 = false;

if (document.all) { isIE = true; }
if (document.layers) { isNN4 = true; }
if (document.getElementById) { isNN6 = true; }

var adjLeft = adjTop = 0;
var layerList = new Array(navmax);
var layerData = new Array(navmax);

/* ------------------------------------------------------------------------ */
/* [[[[[[[[[[[[[[[[[[[[[[[[[[[[  OKAY TO EDIT  ]]]]]]]]]]]]]]]]]]]]]]]]]]]] */
/* ------------------------------------------------------------------------ */

// 1 - HOME

layerData[1] = '200x74';

// 2 - ABOUT US

layerData[2] = '257x74|Contact Us.^'+url+'contactus.asp|' +
	'Maps and Directions.^'+url+'maps_directions.asp';

// 3 - RESIDENTIAL

layerData[3] = '333x74';

// 4 - BUSINESS

layerData[4] = '423x74';

//layerData[4] = '423x74|Blog.^http://blog.opusinteractive.com|Data Center Tour.^'+url+'datacenter.asp|Managed Hosting Services.^'+url+'managed_servers.asp|SSL Certificates.^'+url+'sslcertificates.asp|Managed Servers.^'+url+'managed_servers_managed.asp|Dedicated Servers.^'+url+'managed_servers_dedicated.asp|Virtual Dedicated Servers.^'+url+'managed_servers_virtual.asp|Disaster Recovery.^'+url+'disaster_recovery.asp|Spam and Virus Filtering.^'+url+'spam_virus_filtering.asp|Web Hosting.^'+url+'hosting_packages.asp|Internet Access.^'+url+'bus_access.asp' +
//	'|Colocation.^'+url+'colo.asp|O:I CARE Program.^'+url+'oi_care.asp|Legal Information.^'+url+'legal.asp';

// 5 - CUSTOMER SUPPORT

layerData[5] = '500x74|Account Services.^'+url+'accnt_info_login.asp|FAQs.^'+url+'faq.asp|Support Documents.^'+url+'docs.asp|Legal Information.^'+url+'legal.asp';

// 6 - TOOLS

layerData[6] = '634x74';

/* ------------------------------------------------------------------------ */
/* [[[[[[[[[[[[[[[[[[[[[[[[[[[[[  DO NOT EDIT  ]]]]]]]]]]]]]]]]]]]]]]]]]]]] */
/* ------------------------------------------------------------------------ */

var innerwidth = tablewidth - (borderthickness * 2);
var TimerID = 0;

if(document.images) {
	var navover = new Array(navmax);
	var navout = new Array(navmax);
	for(var n = 1; n <= navmax; n++) {
		navover[n] = new Image();
		navout[n] = new Image();
	}
	for(var n = 1; n <= navmax; n++) {
		navover[n].src = url + 'images/navon' + n + '.gif';
		navout[n].src = url + '/images/navoff' + n + '.gif';
	}
}

for (var i = 1; i <= navmax; i++) {
	arrLinks = layerData[i].split('|');
	createLayer(i, arrLinks);
}

/* ------------------------------------------------------------------------ */
/* [[[[[[[[[[[[[[[[[[[[[[[[[[[[[  FUNCTIONS  ]]]]]]]]]]]]]]]]]]]]]]]]]]]]]] */
/* ------------------------------------------------------------------------ */

function createLayer(menuNum, layerLinks) {

	var z = layerList.length;
	var layer;
	var content = '';

	var left = parseInt(layerLinks[0].split('x')[0]);
	var top = parseInt(layerLinks[0].split('x')[1]);

	left += adjLeft;
	top += adjTop;

/* ------------------------------------------------------------------------ */
/* [[[[[[[[[[[[[[[[[[[[[[[[[[[[  OKAY TO EDIT  ]]]]]]]]]]]]]]]]]]]]]]]]]]]] */
/* ------------------------------------------------------------------------ */

	if (layerLinks[1]) {

		content =
			'<table width=' + tablewidth + ' cellpadding=' + borderthickness + ' cellspacing=0 border=0>' +
				'<tr>' +
					'<td bgcolor=#' + bordercolor + '>' +
						'<table cellpadding=0 cellspacing=0 border=0>';

		for (var i = 1; i < layerLinks.length; i++) {
			thisLink = layerLinks[i].split('^');
			content +=
							'<tr>' +
								'<td ' +
									'onMouseover=\"if (dhtmlnav) subroll(1); chgBg(this,\'' + bordercolor + '\');\" ' +
									'onMouseout=\"if (dhtmlnav) subroll(0); chgBg(this,\'' + backgroundcolor + '\');\" ' +
									'onClick=\"window.location.href = \'' + thisLink[1] + '\';\" ' +
									'class=menuitem>' +
									'<ilayer width=' + innerwidth + '>' +
									'<layer width=' + innerwidth + ' ' +
									'onMouseover=\"if (dhtmlnav) subroll(1); chgBg(this,\'' + bordercolor + '\');\" ' +
									'onMouseout=\"if (dhtmlnav) subroll(0); chgBg(this,\'' + backgroundcolor + '\');\" ' +
									'onClick=\"window.location.href = \'' + thisLink[1] + '\';\">' +
									'&nbsp;<a href=' + thisLink[1] + '>' + thisLink[0] + '</a>&nbsp;' +
									'</layer>' +
									'</ilayer>' +
								'</td>' +
							'</tr>' +
							'<tr>' +
								'<td><img src='+url+'/images/menudots.gif width=' + innerwidth + ' height=1></td>' +
							'</tr>';
		}

		content +=
							'<tr>' +
								'<td bgcolor=#' + backgroundcolor + '>' +
									'<img src='+url+'/images/spacer.gif width=' + innerwidth + ' height=5>' +
								'</td>' +
							'</tr>' +
						'</table>' +
					'</td>' +
				'</tr>' +
			'</table>';
	}

/* ------------------------------------------------------------------------ */
/* [[[[[[[[[[[[[[[[[[[[[[[[[[[[[  DO NOT EDIT  ]]]]]]]]]]]]]]]]]]]]]]]]]]]] */
/* ------------------------------------------------------------------------ */

	layerList[z] = 'menu' + menuNum;

	if (isNN4) {
		document.writeln('<layer name="menu' + menuNum + '" left=' +
			left + ' top=' + top + ' visibility=hide z-index=' + z + '>');
		document.writeln(content);
		document.writeln('</layer>');
		layer = getLayer('menu' + menuNum);
		layer.width = 0;
		layer.height = 0;
	} else if (isIE || isNN6) {
		document.writeln('<div id="menu' + menuNum +
			'" style="position:absolute; overflow:none; left:' + left +
			'px; top:' + top + 'px; visibility:hidden; z-index:' + z + '">');
		document.writeln(content);
		document.writeln('</div>');
	}
}

/* ------------------------------------------------------------------------ */

function getLayer(name) {
	if (isNN4) {
		return(document.layers[name]);
	} else if (isIE) {
		layer = eval('document.all.' + name + '.style');
		return(layer);
	} else if (isNN6) {
		layer = eval('document.getElementById(\'' + name + '\').style');
		return(layer);
	} else {
		return(null);
	}
}

/* ------------------------------------------------------------------------ */

function layerHandler(roll_on, whichLayer, andLayer) {
	if (roll_on == 1) {
		clearTimeout(parseInt(TimerID));
		imageHandler(whichLayer);
		hideparents(whichLayer, andLayer);
		var theLayer = getLayer('menu' + whichLayer);
		theLayer.visibility = (isNN4 ? 'show' : 'visible');
		if (andLayer != 0) {
			var theAndLayer = getLayer('menu' + andLayer);
			theAndLayer.visibility = (isNN4 ? 'show' : 'visible');
		}
	} else {
		clearTimeout(TimerID);
		TimerID = setTimeout('hideparents(0, 0)', 1000);
	}
}

/* ------------------------------------------------------------------------ */

function subroll(mouse_on) {
	if (mouse_on) {
		clearTimeout(TimerID);
	} else {
		clearTimeout(TimerID);
		TimerID = setTimeout('hideparents(0, 0)', 1000);
	}
}

/* ------------------------------------------------------------------------ */

function hideparents(exceptThis, subThis) {
	imageHandler(exceptThis);
	for (var i = 1; i <= navmax; i++) {
		if (exceptThis != i) {
			var theLayer = getLayer('menu' + i);
			theLayer.visibility = (isNN4 ? 'hide' : 'hidden');
		}
	}
}

/* ------------------------------------------------------------------------ */

function imageHandler(whichImage) {
	for (var i = 1; i <= navmax; i++) {
		document.images['nav' + i].src = navout[i].src;
	}
	if (whichImage) {
		document.images['nav' + whichImage].src = navover[whichImage].src;
	}
}

/* ------------------------------------------------------------------------ */

function chgBg(obj, color) {
	if (isIE || isNN6) {
		obj.style.backgroundColor = color;
	} else if (isNN4) {
		obj.bgColor = color;
	}
}

/* ------------------------------------------------------------------------ */