var xSubOffset = 5;
var ySubOffset = 5;
var overSub = false;
var delay = 200;

// GET X COORDINATE
function getRealLeft(id) { 
	var el = $(id);
	if (el) { 
		xPos = el.offsetLeft + el.offsetWidth;
		tempEl = el.offsetParent;
		while (tempEl != null) {
			xPos += tempEl.offsetLeft;
			tempEl = tempEl.offsetParent;
		} 
		return xPos;
	} 
} 

// GET Y COORDINATE
function getRealTop(id) {
	var el = $(id);
	if (el) { 
		yPos = el.offsetTop;
		tempEl = el.offsetParent;
		while (tempEl != null) {
			yPos += tempEl.offsetTop;
			tempEl = tempEl.offsetParent;
		}
		return yPos;
	}
}

// MOVE OBJECT TO COORDINATE
function moveObjectTo (objectID,x,y) {
	var el = $(objectID);
	el.style.left = x + "px";
	el.style.top = y + "px";
}

// MOVE SUBMENU TO CORRESPONDING caller
function showSubmenu(subID, callerID) {
	hideAllSubmenus();
	callerX = getRealLeft(callerID);
	callerY = getRealTop(callerID);
	moveObjectTo(subID,callerX+xSubOffset, callerY+ySubOffset);
	//Effect.SlideDown(subID);
}

// HIDE ALL SUB MENUS
function hideAllSubmenus() 
{
    for(i=0; i<cat_sub_size; i++) {
       moveObjectTo("cat_div_" + i, -400, 100);
    }
}

// HIDE ONE SUB MENU
function hideSubmenu(subID) {
	if ( overSub == false ) {
	   //Effect.Squish(subID);
	   moveObjectTo(subID,-400, 100);
	}
}