var subm = "";
var oldm = "empty";
var w = 0;
var hideID = -1;
var showID = -1;

function setw(i)
{
	w = i;
	if (subm == "")
	{
		document.getElementById('sub_menu').innerHTML = '<div style="overflow:hidden;width:' + w + 'px;">' + document.getElementById(oldm).innerHTML + '</div>';
	}
	else
	{
		document.getElementById('sub_menu').innerHTML = '<div style="overflow:hidden;width:' + w + 'px;">' + document.getElementById(subm).innerHTML + '</div>';
	}
}


function show()
{
	if (w >= 140)
	{
		clearInterval(showID);
		showID = -1;
		document.getElementById('sub_menu').innerHTML = document.getElementById(subm).innerHTML;
	}
	else
	{
		setw(w+10);
	}
}

function hide()
{
	if (w <= 0)
	{
		clearInterval(hideID);
		hideID = -1;
		document.getElementById('sub_menu').innerHTML = "";
	}
	else
	{
		setw(w-10);
	}
}

function toggle_menu(m)
{
	if (subm == m)
	{
		subm = "";
		if (showID != -1)
		{
			clearInterval(showID);
		}
		if (hideID == -1)
		{
			hideID = setInterval('hide();', 1);
		}
	}
	else
	{
		subm = m;
		oldm = m;
		if (hideID != -1)
		{
			clearInterval(hideID);
		}
		if (showID == -1)
		{
			showID = setInterval('show();', 1);
		}
	}
}

function init_menu(m)
{
	if (m == "clear")
	{
		subm = "";
		setw(0);
	}
	else
	{
		subm = m;
		oldm = m;
		setw(140);
	}
}