var MenuData = [
	{'url' : '/company.html', 'img' : '/images/homepage/aboutUs.gif', 'target': '_self',
		'submenu' : [
			{'caption': 'Corporate Overview', 'url' : '/company.html', 'target': '_self'},
			{'caption': 'Management', 'url' : '/management.html', 'target': '_self'},
			{'caption': 'Careers', 'url' : '/careers.html', 'target': '_self'}
		]
	},
	{'url' : '/productsServices.html', 'img' : '/images/homepage/products.gif', 'target': '_self',
		'submenu' : [
			{'caption': 'Products', 'url' : '/productsServices.html', 'target': '_self'},
			{'caption': 'Services', 'url' : '/services.html', 'target': '_self'},
			{'caption': 'Technology', 'url' : '/technology.html', 'target': '_self'},
			{'caption': 'Resources', 'url' : '/documents.html', 'target': '_self'}
		]
	},
	{'url' : '/customers.html', 'img' : '/images/homepage/customers.gif', 'target': '_self',
		'submenu' : [
			{'caption': 'Customers', 'url' : '/customers.html', 'target': '_self'},
			{'caption': 'Partners', 'url' : '/applicationPartners.html', 'target': '_self'},
			{'caption': 'Partner Program', 'url' : '/partnerProgram.html', 'target': '_self'}
		]
	},
	{'url' : '/investorRelations.html', 'img' : '/images/homepage/investor.gif', 'target': '_self',
		'submenu' : [
			{'caption': 'Investor Relations', 'url' : '/investorRelations.html', 'target': '_self'},
			{'caption': 'Press Releases', 'url' : '/pressRelease.html', 'target': '_self'},
			{'caption': 'In the News', 'url' : '/inNews.html', 'target': '_self'},
			{'caption': 'Events Calendar', 'url' : '/event.html', 'target': '_self'},
			{'caption': 'Board of Directors', 'url' : '/board.html', 'target': '_self'}
		]
	},
	{'url' : '/contact.html', 'img' : '/images/homepage/contactUs.gif', 'target': '_self',
		'submenu' : []
	},
	{'url' : '/memberLogin.html', 'img' : '/images/homepage/customerZone.gif', 'target': '_self',
		'submenu' : [
			{'caption': 'Member Login', 'url' : '/memberLogin.html', 'target': '_self'},
			{'caption': 'Buy Credits', 'url' : 'https://secure.telemessage.com/jsp/purchase/purchaseCredits.jsp', 'target': '_blank'}
		]
	}
];

var Menu = {
	currentID: -1,
	drawMenu : function() {
		var str = '<div onmouseout="Menu.hideMenu(event)" id="submenuMain" style="position:absolute;display:none;"></div>';
		str += '<table border="0" cellspacing="0" cellpadding="0"><tr>';
		for (var i=0; i<MenuData.length; i++) {
			if (i > 0) {
				str += '<td><img src="/images/homepage/space.gif" border="0" /></td>';
			}
			str += '<td name="menu' + i + '" id="menu' + i + '" onmouseover="Menu.showMenu(event, ' + i + ')" onmouseout="Menu.hideMenu(event)">';
			str += '<a href="' + MenuData[i].url + '" target="' + MenuData[i].target + '"><img name="imgmenu' + i + '" id="imgmenu' + i + '"  src="' + MenuData[i].img + '" border="0" /></a>';
			str += '</td>';
		}
		str += '</tr>';
		str += '</table>';
		
		return str;
	},
	showMenu : function(event, id) {
		if (Menu.currentID == id)
			return;
		var submenus = MenuData[id].submenu;
		var str = '<table bgcolor="#9DBCD0" border="0" cellspacing="0" cellpadding="0" id="submenuTable">';
		str += '<tr><td rowspan="' + (submenus.length*2 + 1) + '" width="1"><img width="1" src="/images/blank.gif" border="0" alt="" /></td>';
		str += '<td height="1"><img src="/images/blank.gif" height="1" border="0" alt="" /></td>';
		str += '<td rowspan="' + (submenus.length*2 + 1) + '" width="1"><img  width="1"src="/images/blank.gif" border="0" alt="" /></td></tr>';
		for (var i=0; i<submenus.length; i++) {
			str += '<tr><td width="130" bgcolor="#D5DEE5" id="submenu' + i + '" onmouseover="Menu.changeBackground(' + i + ',\'#BFCDD8\')" onmouseout="Menu.changeBackground(' + i + ',\'#D5DEE5\')" style="padding:2px;">';
			str += '&nbsp;<a class="submenuLink" href="' + submenus[i].url + '" target="' + submenus[i].target + '">' + submenus[i].caption + '</a>';
			str += '</td></tr>';
			str += '<tr><td height="1"><img height="1" src="/images/blank.gif" border="0" alt="" /></td></tr>';
		}
		str += '</table>';
		var pos = $('menu' + id).cumulativeOffset();
		var height = $('menu' + id).getHeight();
		
		$('submenuMain').update(str);
		$('submenuMain').setStyle({
			'top' : (pos.top + height) + 'px',
			'left' : (pos.left) + 'px'
		});
		$('submenuMain').show();
		Menu.currentID = id;
	},
	hideMenu : function(event) {
		var elem = Event.findElement(event, 'td');
		var divElem = Event.findElement(event, 'div');
		var mX = event.clientX;
		var mY = event.clientY;
		if (elem && elem.id && elem.id == ('menu' + Menu.currentID)) {
			if (Menu.isInSubMenu(mX, mY))
				return;
		} else if (divElem && divElem.id && divElem.id == 'submenuMain') {
			if (Menu.isInSubMenu(mX, mY))
				return;
		}
		$('submenuMain').update('');
		$('submenuMain').hide();
		Menu.currentID = -1;
	},
	isInSubMenu : function(mX, mY) {
		var pos = $('submenuMain').cumulativeOffset();
		var dims = $('submenuMain').getDimensions();
		var left = pos.left;
		var top = pos.top;
		var right = pos.left + dims.width;
		var bottom = pos.top + dims.height;
		//mY = mY + 3;
		return (mX >= left && mX <= right && mY >= top && mY <= bottom);
	},
	changeBackground : function(id, bg) {
		$("submenu" + id).setStyle({
			'background' : bg
		});
	}
};