var arr_menu = new Object();

// NOTE ... modified, does not return top!
function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return curleft;
}

var build_menu = function(elm) {

	if(!elm.getAttribute('menu')) return false;

	var mnu = elm.getAttribute('menu');

	if(!arr_menu[mnu]) return false;

	var menu_html = '<nobr>';

	var total = arr_menu[mnu].length;

	var cnt = 0;
	for(i=0; i<total; i++) { // in arr_menu[mnu]) {
		menu_html += '<a href="' + arr_menu[mnu][i][1] + '">' + arr_menu[mnu][i][0] + '</a> ';
		cnt++;
		if(cnt<total) menu_html += ' <img src="/images/subnav_divider.gif" width="21" height="10" alt="" style="vertical-align: -10%" /> ';
	}

	menu_html += '</nobr>';

	document.getElementById('sub_nav_contents').innerHTML = menu_html;

	return true;

}

var show_menu = function(elm) {

	var submenu = document.getElementById('sub_nav_contents');

	submenu.innerHTML = '';

	if(!build_menu(elm)) return false;

	var link_left = findPos(elm);
	var link_center = link_left + (elm.scrollWidth * 0.5);
	var maxleft = findPos(document.getElementById('m_content'));

	var maxright = maxleft + document.getElementById('m_content').scrollWidth;

	var lpos = (link_center - (submenu.scrollWidth * 0.5));

	// now check the sides, cant go out of m_content;

	if(lpos < maxleft) {
		lpos = maxleft;
	}else if(lpos + submenu.scrollWidth > maxright) {
		lpos = (maxright - submenu.scrollWidth);
	}

	submenu.style.left = lpos + 'px';

}