/*********** DROP DOWN PERSONAL MENU ************/
var CurrentTimer = null;
var CurrentId = null;
var CurrentTopId = null;
var FadeTimer = null;

function HideMenu(id){
	var element = null;
	element = document.getElementById(id).style;
	element.visibility = 'hidden';
	element.display = 'none';
}

function ShowMenu(id, top_id){
	//HIDE LAST VISABLE MENU
	if(CurrentId != null)
	{
		if(CurrentId != id)
		{
			HideMenu(CurrentId);
		}
	}
	if(CurrentTopId != null)
	{
		if(CurrentTopId != top_id)
		{
			FadeOut(CurrentTopId);
		}
	}
	//SHOW THIS MENU
	if(CurrentTimer != null) clearTimeout(CurrentTimer);
	
	element = document.getElementById(id).style;
	
	if(element.visibility != 'visible'){
		if(FadeTimer != null){
			clearTimeout(FadeTimer);
		}
		FadeIn(top_id, 20);

	element.visibility = 'visible';
	element.display = 'block';
	}
	
	CurrentId = id;
	CurrentTopId = top_id;
}

function StopHide(){
	//KEEP SHOWING THIS MENU
	if(CurrentTimer != null) clearTimeout(CurrentTimer);
}

function DelayHide(id){
	var FunctionCall = "HideMenu(\'"+id+"\');";
	CurrentTimer = setTimeout(FunctionCall, 800);
}

function FadeIn(id, amount){
	if(document.all){	
		var element = null;
		element = document.getElementById(id);
		element.style.filter = 'alpha(opacity='+ amount +');'
		element.filters[0].apply();
		
		amount += 3;
		if(amount < 100){
			var FunctionCall = "FadeIn(\'"+id+"\', "+ amount +");";
			FadeTimer = setTimeout(FunctionCall, 2);
		}
	}
}

function FadeOut(id){
	if(document.all){	
		var element = null;
		element = document.getElementById(id);
		element.style.filter = 'alpha(opacity='+'0'+')';
		element.filters[0].apply();
	}
}