// 表示を切り替える
function toggle(id)
{
	var obj = getObj(id);
	var currentStyle = getDisplay(obj);

	if ( currentStyle == "none" )
	{
		setDisplay(obj, "block");
	}
	else
	{
		setDisplay(obj, "none");
	}
	if ( id == "shopList" )
	{
		setDisplay(getObj("genreList"), "none");
		setDisplay(getObj("foodList"), "none");
	}
	else if ( id == "genreList" )
	{
		setDisplay(getObj("shopList"), "none");
		setDisplay(getObj("foodList"), "none");
	}
	else if ( id == "foodList" )
	{
		setDisplay(getObj("shopList"), "none");
		setDisplay(getObj("genreList"), "none");
	}
}

// オブジェクトを得る
function getObj(id)
{
	var obj;
	if ( document.getElementById )
	{
		obj = document.getElementById(id);
	}
	else if ( document.all )
	{
		obj = document.all(id);
	}
	return obj;
}

// 表示非表示のセット
function setDisplay(obj, prop)
{
	obj.style.display = prop;
}

// 表示非表示の取得
function getDisplay(obj)
{
	var displayStyle = obj.style.display;
	if ( displayStyle == "" )
	{
		displayStyle = "none";
	}
	return displayStyle;
}