var curMenu = '';
var tid = null;
ShowSub = function(menuID, oRef, offsetX, offsetY) {
	if( curMenu != '' ) $(curMenu).hide();

	if( offsetX == null ) offsetX = 0;
	if( offsetY == null ) offsetY = 0;

	//var dx = $(oRef).cumulativeOffset().left + offsetX;
	
	var dx = $(oRef).cumulativeOffset().left - (( $(menuID).getWidth()-$(oRef).getWidth() )/2)
	var dy = $(oRef).cumulativeOffset().top + $(oRef).getHeight() + offsetY;
	if( dx < 0 ) dx = 0;
	if( dy < 0 ) dy = 0;
	$(menuID).setStyle({
		left: dx+'px',
		top: dy+'px'
	});
	$(menuID).show();
	curMenu = menuID;
}
SubTime = function(show) {
	if( show ) {
		$(curMenu).show();
		clearTimeout(tid);
	} else {
		tid = setTimeout('\$(curMenu).hide();',500);
	}
}

var theMenus = [
	[
		["sub01#1", "#"],
		["sub01#2", "#"],
		["sub01#3", "#"],
		["sub01#4", "#"],
		["sub01#5", "#"]
	],
	[
		["sub02#1", "#"],
		["sub02#2", "#"],
		["sub02#3", "#"],
		["sub02#4", "#"],
		["sub02#5", "#"]
	],
	[
		["sub03#1", "#"],
		["sub03#2", "#"],
		["sub03#3", "#"],
		["sub03#4", "#"],
		["sub03#5", "#"]
	],
	[
		["sub04#1", "#"],
		["sub04#2", "#"],
		["sub04#3", "#"],
		["sub04#4", "#"],
		["sub04#5", "#"]
	],
	[
		["sub05#1", "#"],
		["sub05#2", "#"],
		["sub05#3", "#"],
		["sub05#4", "#"],
		["sub05#5", "#"]
	],
	[
		["sub05#1", "#"],
		["sub05#2", "#"],
		["sub05#3", "#"],
		["sub05#4", "#"],
		["sub05#5", "#"]
	],
	[
		["sub06#1", "#"],
		["sub06#2", "#"],
		["sub06#3", "#"],
		["sub06#4", "#"],
		["sub06#5", "#"]
	]
];

DrawSubMenu = function(index, id, w) {
	var m = theMenus[ index ];
	var html = "";
	html += '<div id="'+ id +'" style="display:none; position:absolute; z-index:10; opacity:0.9; filter:alpha(opacity=90); width:'+w+'px; border:1px outset #714F0C; background:#C8B595 url(../images/layout_content.png) repeat scroll 0 0; padding:5 2;">';
	html += ' <ul>';
	for(var i=0; i < m.length; i++) {
		html += '<li style="padding:0;';
		if( i < (m.length-1) ) html += '';
		if( i == (m.length-1) ) html += '';
		html += '"><a href="'+ m[i][1] +'" onmouseover="SubTime(1);" onmouseout="SubTime(0);" style="white-space:nowrap; font-size:10pt; padding:2 5;">'+ m[i][0] +'</a></li>';
	}
	html += ' </ul>';
	html += '</div>';
	document.write( html );
}