//マウスオン
function menu_list_on(id,num)
{
	if(time_set[num]!=null)	//多重防止
	{
	off_manage[num]=0;
	return;
	}
	else
	{
	css_chg(num,id);
	}
}

//オンファンク
function css_chg(num,id)
{
	var num = parseInt(num);	//?
	var col = menu_list_css[func_statas[num]];
	var cnt = 0;

	//setInterval開始
	time_set[num] = setInterval("col_chg('"+ id +"','"+ num +"')",col_ptn_span);//CSS変更呼び出し
}

//文字色を変える
function col_chg(id,num)	//非同期でループ　動的
{
	var col = menu_list_css[func_statas[parseInt(num)]];	//次回の色をセット
	document.getElementById(id).setAttribute("style",col+"background:"+menu_color_list[parseInt(num)]);	//CSS書き換え実行

	if( func_statas[num]==col_ptn-1)	//カウンタリセット
	{
		func_statas[num]=0;

		if( off_manage[num]==1)	//マウスアウトしている
		{
			document.getElementById(id).setAttribute("style",col_def_);	//初期色に戻す
			clearInterval(time_set[num]);//
			time_set[num]=null;
			off_manage[num] = 0;
		}
	}
	else							//次回の色の設定数
	{
		func_statas[num]++;
	}
	//他関数の管理
}

//マウスアウト
function menu_list_out(id,num)
{
	if(time_set[num]!=null)
		{
		off_manage[num]=1;
		}
}

//アウトファンク
function mouseoff_css_chg(num,id)
{

}

//マウスクリック
function mouse_click(event)
{
	var menu = String(event.target.id);
	var n = 0;

	for(var i = 0 ; i <menu_b_n;i++)
		{
			if(menu == menu_b_list[i])	//どのメニューがクリックされたか
				{
					n=i;
					return_side_nav();
					break;
				}
			click_manage[i]=0;	//クリックの管理(OFF)
		}

//すでに押下されたメニューのサイドバーを消去

	click_manage[i]=1 ; //クリックの管理(ON)

	//メニュー別の処理
	switch(n)
	{
		case 0:	//info
		{
			call_side_nav(n,menu_m_list[n]);
			break;
		}

		case 1:	//youkai
		{
			call_side_nav(n,menu_m_list[n]);
			break
		}

		case 2:	//illust
		{
			call_side_nav(n,menu_m_list[n]);
			break;
		}

		case 3:	//text
		{
			call_side_nav(n,menu_m_list[n]);
			break;
		}
		case 4:	//plan
		{
			call_side_nav(n,menu_m_list[n]);
			break;
		}

		case 5:	//contact
		{
			call_side_nav(n,menu_m_list[n]);
			break;
		}

	}

}
//サイドナビ呼び出しチェック
function check(n)
{
	console.log("n :"+n);
	console.log("click_manage["+n+"]="+n);
}

//サイドナビ呼び出し
function call_side_nav(n,list)

{
	var ele = document.getElementById("side_nav");	//sub_navの親DiV要素取得
	var old = document.getElementById("list_title");

	//リストの初期化（削除）
	if(old!=null)
		{
		//現在のリストを取得し、削除
			ele.removeChild(old);
			ele.removeChild(document.getElementById("side_ul"));
		}

	//タイトルリストの構造作成
	var title_ul = document.createElement("ul");	//タイトル（メニュー項目)
	var title_li = document.createElement("li");

	//リストの構造作成
	var ul = document.createElement("ul");
	var li = new Array(list.length);

	for(var i = 0 ; i < list.length ; i++)
		{
			li[i] = document.createElement("li");
		}

	// タイトルリストのＣＳＳ
	title_ul.setAttribute("style","background:"+menu_color_list[n]+";list-style-type: none;margin:3px;padding:0px;color:white;"+"border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;");
	title_li.setAttribute("style","margin:2px;padding:2px;text-align:center;");

	//リストのＣＳＳ
	ul.setAttribute("style","margin:5px;padding:0px;text-align:center;background:#ffffff;color:#222222;");

	for(var i = 0; i < list.length;i++)
		{
			li[i].setAttribute("style","margin:0px;padding:3px;padding-left:5px;text-align:left;list-style-type:none;font-weight:bold;color:#777799;");
		}


	//タイトルリストにIDを割り振る
	title_ul.setAttribute("id","list_title");
	title_li.setAttribute("id","li_title");

	//リストにＩＤを割り振る
	ul.setAttribute("id","side_ul");
	for(var i = 0; i < list.length; i++)
		{
			li[i].setAttribute("id","side_li_" + i);
		}

	//タイトルリストの構造にfunction追加
	title_li.setAttribute("onclick","return_side_nav()");

	//リストにfunction追加
	for(var i = 0 ; i < list.length ; i++)
		{
			li[i].setAttribute("onMouseOver","side_nav_list_func_on("+i+")");	//マウスオン
			li[i].setAttribute("onMouseOut","side_nav_list_func_out("+i+")");	//マウスアウト
			li[i].setAttribute("onclick","side_nav_list_func_click("+i+")");	//クリック
		}

	//リストの構造に内容を作成
	var txt = document.createTextNode(menu_b_list[n]);	//サイドメニューのタイトル

	var txt_list = new Array(list.length);

	for(var i = 0 ; i < list.length ; i++)
		{
			txt_list[i] = document.createTextNode(list[i]);
		}

	//タイトルリストの構造と、テキストを登録
	title_ul.appendChild(title_li);
	title_li.appendChild(txt);

	//リストにテキスト追加
	for(var i = 0 ; i < list.length ; i++)
		{
			ul.appendChild(li[i]);
			li[i].appendChild(txt_list[i])
		}

	//リストに登録
	ele.appendChild(title_ul);
	ele.appendChild(ul);

	//サイドナビ表示
	ele.setAttribute("style","visibility:visible;");


}
//サイドナビ消去
function return_side_nav()
{
	document.getElementById("side_nav").setAttribute("style","visibility:hidden;");
}

//サイドナビ・リスト・マウス・オン
function side_nav_list_func_on(Nb)
{
	var n = parseInt(Nb);//リストのどの項目か
	var ele = document.getElementById("side_li_"+n);
	ele.setAttribute("style","background-color:#666666;margin:0px;padding:3px;padding-left:5px;text-align:left;list-style-type:none;font-weight:bold;color:#eeeeee;")
}

//サイドナビ・リスト・マウス・アウト
function side_nav_list_func_out(Nb)
{
	var n = parseInt(Nb);//リストのどの項目か
	var ele = document.getElementById("side_li_"+n);
	ele.setAttribute("style","background-color:#white;margin:0px;padding:3px;padding-left:5px;text-align:left;list-style-type:none;font-weight:bold;color:#777799;")
}

//サイドナビ・リスト・マウス・クリック
function side_nav_list_func_click(Nb)
{
	var n = parseInt(Nb);	//リストのどの項目か
	var ele = document.getElementById("side_li_"+n);	//リストのエレメント

	var ul = document.getElementById("li_title").firstChild.nodeValue;
	var li_n = document.getElementById("side_li_"+Nb).firstChild.nodeValue;

	alert(String(ul) +" : ["+ Nb + "] : " + String(li_n));
}

///////////////////////   初期化

function onloads(str)
{
	//ブラウザ種類

	var user_agent = navigator.userAgent;

	//ブラウザの種類をuser_agent_listと照合して取得
	for(var i = 0 ; i <user_agent_list.length ; i++)
		{
			if(-1!=user_agent.indexOf(user_agent_list[i]))
				{
					user_browser = i;
				}
		}

	//メニューのマウスオーバー用スイッチを初期化
	const_menu_list_swich()

	//マウスオーバー時の色のパターンを生成
	const_css_ptn();

	//初期化
	for(var i = 0 ; i < menu_list_switch_02.length; i++)
	{
		menu_list_switch_01[i] = null;
		menu_list_switch_02[i] = null;
	}
	return(onloads);
}