var menus = new Array();
menus[0] = new Array('Web Hosting',				'sol_host.html');
menus[1] = new Array('Exchange Hosting',		'sol_mess.html');
menus[2] = new Array('Sharepoint Hosting',		'sharepoint2.html');
menus[3] = new Array('Mobile & Wireless',	'sol_mobile.html');
menus[4] = new Array('Pricing Plans',		'pricingplans.html');
/**menus[5] = new Array('Managed Services',		'managedServices.html');




/* *************************************************************** */


var arrow = new Image();
arrow.src = "images/arrow.gif";

function rollover(obj,name) {
	if(document.getElementById || document.all) {
		obj.style.backgroundColor = "#0E69DE";
		obj.style.color = "#ffffff";
		document.images[name].src = arrow.src;
		}
	else if(document.layers) {
		obj.bgColor = "#0E69DE";
		obj.fgColor = "#ffffff";
		//obj.document.images[name].src = arrow.src;
		}
	}

function rollout(obj,name) {
	if(document.getElementById || document.all) {
		obj.style.backgroundColor = "#e2eefc";
		obj.style.color = "#000000";
		document.images[name].src = 'images/trans.gif';
		}
	else if(document.layers) {
		obj.bgColor = "#e2eefc";
		obj.fgColor = "#000000";
		//obj.document.images[name].src = 'images/trans.gif'
		}
	}

var navBarStr = '';
function writeNavBar() {
	for(i=0; i < menus.length; i++) {
		if(!document.layers) {
			navBarStr += 	'<table width="100%" border="0" cellspacing="0" cellpadding="0">\n' +
							'<tr>\n' +
							'<td align="left" valign="middle" height="20"\n' +
								' onMouseOver="rollover(this,\'arrow_' + i + '\'); top.status=\'' + menus[i][1] + '\'; return true;"\n' +
								' onMouseOut="rollout(this,\'arrow_' + i + '\'); top.status=\'\'; return true;"\n' +
								' onClick="location=\'' + menus[i][1] + '\';" class="leftNav">\n' +
							'<img src="images/trans.gif" name="arrow_' + i + '" height="10" width="7" border="0" hspace="0" vspace="1" align="right"">\n' +
							'&nbsp;&nbsp;&nbsp;&gt;&nbsp;' + menus[i][0] + '</td>\n' +
							'</tr>\n' +
							'</table>\n\n';
			}
		else {
			navBarStr += 	'<table width="100%" border="0" cellspacing="0" cellpadding="0">\n' +
							'<tr>\n' +
							'<td align="left" valign="middle" height="20">\n' +
							'<ilayer><layer width="147" height="20"\n' +
							' onMouseOver="rollover(this,\'arrow_' + i + '\'); top.status=\'' + menus[i][1] + '\'; return true;"\n' +
							' onMouseOut="rollout(this,\'arrow_' + i + '\'); top.status=\'\'; return true;"\n' +
							' onClick="location=\'' + menus[i][1] + '\';"' +
							'>\n' +
							'<img src="images/trans.gif" height="3" width="147"><br>\n' +
							'<a href="' + menus[i][1] + '" class="leftNav">\n' +
							'<img src="images/trans.gif" name="arrow_' + i + '" height="10" width="7" border="0" hspace="0" vspace="1" align="right">\n' +
							'&nbsp;&nbsp;&nbsp;&gt;&nbsp;' + menus[i][0] + '</a></layer></ilayer></td>\n' +
							'</tr>\n' +
							'</table>\n\n';
			}
		}
	//alert(navBarStr);
	navBarStr += 	'<style type="text/css">\n' +
					'td.leftNav {\n' +
					'	font-family: Arial,Helvetica;\n' +
					'	font-size: 11px;\n' +
					'	color: #000000;\n' +
					'	cursor: pointer;\n' +
					'	cursor: hand;\n' +
					'	}\n' +
					'a.leftNav {\n' +
					'	font-family: Arial,Helvetica;\n' +
					'	font-size: 11px;\n' +
					'	color: #000000;\n' +
					'	text-decoration: none;\n' +
					'	}\n' +
					'</style>\n\n';
	document.write(navBarStr);
	}