var last_menu_obj=menu_timer=null;


// Shows context menu
function show_menu(menu_obj) {

	if(last_menu_obj!=null)
		hide_menu(last_menu_obj);

//	document.getElementById('context_'+menu_obj).style.display = 'block';
	Effect.toggle('context_'+menu_obj, 'blind', { duration: 0.2 });

	change_image(menu_obj, true);
	last_menu_obj=menu_obj;
}


// Hides context menu
function hide_menu(menu_obj){
	document.getElementById('context_'+menu_obj).style.display = 'none';
	change_image(menu_obj);
	//Effect.toggle('context_'+menu_obj, 'blind', { duration: 0.2 });
}

function change_image(image_id, over){
	if(over == null)
		over = '';
	else 
		over = '_over';
	
	$(image_id).src = '/images/menu/' + image_id + over + '.jpg'
}


function start_hide(){
	if(menu_timer==null) menu_timer = window.setTimeout("hide_menu('"+last_menu_obj+"')",600); // start the timer to hide menu
}

function keep_menu_timer(){
	if(menu_timer!=null) clearTimeout(menu_timer); menu_timer = null; // kill the timer if it started
}

function set_menu_position(menu_obj){
	if(menu_timer!=null) clearTimeout(menu_timer); menu_timer = null; // kill the timer if it started

	document.getElementById('context_'+menu_obj).style.top = getOffsetTop(document.getElementById(menu_obj)) + 38 +'px';
	document.getElementById('context_'+menu_obj).style.left = getOffsetLeft(document.getElementById(menu_obj)) +'px';

	show_menu(menu_obj);
}


function getOffsetLeft(el) {
	var ol = el.offsetLeft;
	while ((el = el.offsetParent) != null)
		ol += el.offsetLeft;
	return ol;
}
function getOffsetTop(el) {
	var ot = el.offsetTop;
	while((el = el.offsetParent) != null)
		ot += el.offsetTop;
	return ot;
}