var img1 = new Image();
img1.src = 'images/top_menu_plus.png';

var img2 = new Image();
img2.src = 'images/top_menu_minus.png';


var lastOpenMenu = null;

function RegisterDownMenu(aId, divId, orientation)
{
	var a = $(aId);
	var d = $(divId);
	if (! a || ! d) return;	
	
	a.div = d;
	a.div.a = a;
	a.div.hover = a.hover = 0;
	
	$(a).click(function(){ ShowDownMenu(this);})
	
	a.div.style.zIndex = 1000;
		
	a.innerHTML = a.innerHTML + '<img src="' + img1.src + '" align=absmiddle border=0 > ';
	
	if (! orientation)
		a.orientation = 'right';
	else
		a.orientation = orientation;		
}

function ShowDownMenu(a)
{	
	doVisible(false);
	
	if (! a.div)
		a = a.a;
			
	if (a.div.style.display != 'none')
	{
		HideDownMenu(a.id, a.div.id);
		return;
	}
	
	if (lastOpenMenu != null && lastOpenMenu != a)
		HideDownMenu(lastOpenMenu.id, lastOpenMenu.div.id);		
		
	lastOpenMenu = a;
			
	var c = findPos(a);
	
	a.div.style.display = 'block';
	a.div.style.position = 'absolute';
	
	// a.div.style.top = (c[1] + a.parentNode.offsetHeight) + 'px';
	a.div.style.top = '40px'
	if (a.orientation == 'left')
		a.div.style.left = (c[0]- a.div.offsetWidth + a.offsetWidth ) + 'px';
	else
		a.div.style.left = c[0] + 'px';
				
	a.getElementsByTagName('IMG')[0].src = img2.src;
	a.style.background = 'url(images/top_menu_active.png)';
	var img = $('IMG[startof="' + a.id + '"]').get(0);
	img.setAttribute('old_src', img.src);
	img.src = img.src.replace(/\.png/ig, '_active.png');
	a.div.style.display = 'none';	
	$(a.div).slideDown('slow');
}

function CheckHideDownMenu(a)
{
	this.hover = 0;
	var div = null;

	if (! a.div){
		div = a;
		a = div.a;
	}
	else
		div = a.div;
	
	if (div.hover == 0 && a.hover == 0)
		setTimeout('HideDownMenu("' + a.id + '", "' + div.id + '")', 300);		
}

function HideDownMenu(aId, divId)
{
	a=$(aId);
	var div = $(divId);
	if (a.hover == 1 || div.hover == 1 )
		return;

	$(a.div).slideUp(400, function(){
		a.getElementsByTagName('IMG')[0].src = img1.src;
		a.style.background = '';
		var img = $('IMG[startof="' + a.id + '"]').get(0);
		img.src = img.getAttribute('old_src');
	});		
	
	doVisible(true);
}
