<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<meta http-equiv=Content-Type content="text/html; charset=unicode">
<title>ローカルホーム</title>
<style type=text/css>
body {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#333333;
}
.title {
	width:192px;
	overflow:hidden;
	word-break:break-all;
	white-space:nowrap;
	text-overflow:ellipsis;
}
a:link, a:visited {
	text-decoration:none;
	color:#333333;
}
a:hover{
	text-decoration:underline;
	color:#333333;
}
.cIcon {
	background:url(./localhome/toggle_collapse.png) no-repeat center left;
	padding:3px 0px 3px 18px;
}

ul {
	margin:0px 10px 0px 20px;
}
li {
	height:1em;
}
#closed li, #lastTab li, #lastLastTab li{
	list-style-image:url(./localhome/tab.png);
}
#closed span{
	color:#9F988D;
}
#tabList li{
	list-style-image:url(./localhome/tab__arrow.png);
}
#freqPage li, #todayPage li{
	list-style-image:url(./localhome/document_text_image.png);
}
#home li{
	list-style-image:url(./localhome/home.png);
}
</style>
<script language=javascript>
function sn(s)
{
	s=s.replace('<',"&lt;");
	s.replace('>',"&gt;");
	return s;
}
var g_thumbnailWidth=196;
function ellipsisText(elem)
{
	// 8文字毎に強制的にスペースを入れる
	var	txt=elem.innerText;
	var	len=txt.length;
	var	len8=(len/8)-1;
	var	txt8='';
	for(i=0; i<len8;++i){
		txt8+=txt.substr((i*8)+1,8);
		txt8+='<span style="width:0px;"> </span>';
	}
	len=len-(len8*8);
	if(len){
		txt8+=txt.substr((len8+1)*8);
		txt8+='<span style="width:0px;"> </span>';
	}
	elem.innerHTML=txt8;
	elem.className="title";
}
function search(id)
{
	var	tab=external.app.createTab();
	tab.cmdExec("search",id,document.search_terms.v.value);
}
function refreshSearch()
{
	var	list=external.app.searchList;
	var	cnt=list.count;
	var	html="なし";
	if(cnt) {
		html='<form name=search_terms style="margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;" onSubmit="return false">';
		html+='<label>キーワード：<input type="text" name=v style="height:22px;width:33%;"></label>';
		html+='</form>';
		for(i=0;i<cnt;++i) {
			if((i%5)==4){
				html+="<br>";
			}
			var	tmp='<button onclick=search('+list.id(i)+')>'+sn(list.name(i))+'</button>';
			html+=tmp;
		}
	}
	document.all.search.innerHTML=html;
}

var	g_closeds=null;
function openClosed(idx,active)
{
	if(idx in g_closeds) {
		external.app.openClosed(g_closeds[idx],active);
		var	elem=document.getElementById("closed"+idx);
		var	parent=elem.parentNode;
		elem.removeNode(true);
		if(null==parent.firstChild) {
			parent.innerHTML="なし";
		}
		delete g_closeds[idx];
	}
}
function openClosedAll()
{
	var	active=true;
	var	cnt=g_closeds.length;
	for(i=0;i<cnt;++i) {
		openClosed(i,active);
		active=false;
	}
}
function refreshClosed()
{
	var	list=external.app.closedList;
	var	cnt=list.count();
	var	html="なし";
	g_closeds=new Array();
	if(cnt) {
		html="<ul>";
		for(i=0;i<cnt;++i) {
			var	info=list.at(i);
			g_closeds[i]=info;
			var	date=new Date(info.date);
			var	month=(date.getMonth()+1).toString();
			var	day=date.getDate();
			var	hour=date.getHours();
			var	min=date.getMinutes();
			if(10>day)day="0"+day;
			if(10>hour)hour="0"+hour;
			if(10>min)min="0"+min;
			var strDate=month+'/'+day+' '+hour+':'+min;
			var	title=sn(info.title);
			var	tmp='<li id="closed'+i+'"><a target="_blank" href="'+info.url+'" onclick="javascript:openClosed('+i+',true); return false;" title="'+title+'">'+title+'</a><span> - '+strDate+'</span></li>';
			html+=tmp;
		}
		html+="</ul>";
	}
	document.all.closed.innerHTML=html;
}
function clearClosed()
{
	external.app.cmdExec("clear.closed");
	refreshClosed();
}
var	g_closeds=null;
function openClosed(idx,active)
{
	if(idx in g_closeds) {
		external.app.openClosed(g_closeds[idx],active);
		var	elem=document.getElementById("closed"+idx);
		var	parent=elem.parentNode;
		elem.removeNode(true);
		if(null==parent.firstChild) {
			parent.innerHTML="なし";
		}
		delete g_closeds[idx];
	}
}
function openClosedAll()
{
	var	active=true;
	var	cnt=g_closeds.length;
	for(i=0;i<cnt;++i) {
		openClosed(i,active);
		active=false;
	}
}
var	g_lastTabList=null;
function refreshLastTab()
{
	g_lastTabList=null;
	g_lastTabList=external.app.readTabList();
	var list=g_lastTabList;
	var	cnt=0;
	if(list){
		cnt=list.count();
	}
	var	html="なし";
	if(cnt) {
		html="<ul>";
		for(i=0;i<cnt;++i) {
			var	info=list.at(i);
			var	title=sn(info.title);
			var	tmp='<li><a target="_blank" href="'+info.url+'" onclick="javascript:openTabList(g_lastTabList,'+i+'); return false;" title="'+title+'">'+title+'</a></li>';
			html+=tmp;
		}
		html+="</ul>";
	}
	document.all.lastTab.innerHTML=html;
}
function openTabList(list,idx)
{
	if(list){
		if(-1==idx){
			external.app.openTablist(list);
		} else {
			external.app.openTablist(list,idx);
		}
	}
}
function buildDayTabListName()
{	
	var	dt=new Date();
	var	year=dt.getFullYear();
	var	month=dt.getMonth()+1;
	var	day=dt.getDate();
	if(month<10)month="0"+month;
	if(day<10)day="0"+day;
	var	name=year+"-"+month+"-"+day+"のタブリスト";
	return name;
}
function getNewTabListName(list,name,callCount)
{
	var	cnt=list.count();
	for(i=0;i<cnt;++i){
		if(list.name(i)==name){
			if(1!=callCount){
				name=name.substring(0,name.lastIndexOf("_"));
			}
			name+="_"+(callCount+1).toString();
			return getNewTabListName(list,name,callCount+1);
		}
	}
	return name;
}
function saveTabList(list)
{
	if(list){
		var	name=buildDayTabListName();
		var	tabList=external.app.enumTabList();
		name=getNewTabListName(tabList,name,1);
		if(external.app.saveTabList(name,list)){
			refreshTabList();
		}
	}
}
function saveTab()
{
	var	name=buildDayTabListName();
	var	tabList=external.app.enumTabList();
	name=getNewTabListName(tabList,name,1);
	if(external.app.cmdExec("save.tab",name)){
		refreshTabList();
	}
}
function deleteTabList()
{
	if(external.app.deleteTabList()){
		refreshTabList();
	}
}
var	g_lastLastTabList=null;
function refreshLastLastTab()
{
	g_lastLastTabList=null;
	g_lastLastTabList=external.app.readTabList("LastLastTab.json");
	var list=g_lastLastTabList;
	var	cnt=0;
	if(list){
		cnt=list.count();
	}
	var	html="なし";
	if(cnt) {
		html="<ul>";
		for(i=0;i<cnt;++i) {
			var	info=list.at(i);
			var	title=sn(info.title);
			var	tmp='<li><a target="_blank" href="'+info.url+'" onclick="javascript:openTabList(g_lastLastTabList,'+i+'); return false;" title="'+title+'">'+title+'</a></li>';
			html+=tmp;
		}
		html+="</ul>";
	}
	document.all.lastLastTab.innerHTML=html;
}
function refreshTabList()
{
	var	list=external.app.enumTabList();
	var	cnt=list.count();
	var	html="なし";
	if(cnt) {
		html="<ul>";
		for(i=0;i<cnt;++i) {
			var	title=sn(list.name(i));
			var	tmp='<li><a href="javascript:openTabList(\''+list.filename(i)+'\');" onclick="eval(this.href);return false;" title="'+title+'">'+title+'</a></li>';
			html+=tmp;
		}
		html+="</ul>";
	}
	document.all.tabList.innerHTML=html;
}
function openChildAll(id)
{
	var	ul=document.getElementById(id).firstChild;
	if(ul){
		var	li=ul.firstChild;
		if(li){
			var active=true;
			var	app=external.app;
			while(li) {
				var	a=li.firstChild;
				if(a) {
					var	tab=app.createTab(-1,active);
					tab.Browser.Navigate(a.href);
					active=false;
				}
				li=li.nextSibling;
			}
		}
	}
}
function refreshHome()
{
	var	list=external.app.homeList;
	var	cnt=list.count();
	var	html="なし";
	if(cnt) {
		html="<ul>";
		for(i=0;i<cnt;++i) {
			var	title=sn(list.title(i));
			var	tmp='<li><a target="_blank" href="'+list.url(i)+'" title="'+title+'">'+title+'</a></li>';
			html+=tmp;
		}
		html+="</ul>";
	}
	document.all.home.innerHTML=html;
}
var	g_asyncFreqPage=null;
function callbackFreqPage(list)
{
	g_asyncFreqPage=null;
	var	cnt=list.count();
	var	html="なし";
	if(cnt) {
		html="<ul>";
		for(i=0;i<cnt;++i) {
			var title=sn(list.title(i));
			var	tmp='<li><a target="_blank" href="'+list.url(i)+'" title="'+title+'">'+title+'</a></li>';
			html+=tmp;
		}
		html+="</ul>";
	}
	document.all.freqPage.innerHTML=html;
}
function refreshFreqPage()
{
	if(! g_asyncFreqPage){
		g_asyncFreqPage=external.async;
		g_asyncFreqPage.callback="callbackFreqPage";
		g_asyncFreqPage.call("frequentlyPageList");
		document.all.freqPage.innerHTML='<img src="./localhome/loading.gif"><br clear=all>';
	}
}
var g_asyncTodayPage=null;
function refreshTodayPage()
{
	if(! g_asyncTodayPage){
		g_asyncTodayPage=external.async;
		g_asyncTodayPage.callback="callbackTodayPage";
		g_asyncTodayPage.call("todayPageList");
		document.all.todayPage.innerHTML='<img src="./localhome/loading.gif"><br clear=all>';
	}
}
function callbackTodayPage(list)
{
	g_asyncTodayPage=null;
	var	cnt=list.count();
	var	html="なし";
	if(cnt){
		html="<ul>";
		for(i=0;i<cnt;++i) {
			var title=sn(list.title(i));
			var	tmp='<li><a target="_blank" href="'+list.url(i)+'" title="'+title+'">'+title+'</a></li>';
			html+=tmp;

			// 150件までの表示
			if(150==i){
				break;
			}
		}
		html+="</ul>";
	}
	document.all.todayPage.innerHTML=html;
}
function refresh()
{
	refreshSearch();
	refreshClosed();
	refreshLastTab();
	refreshLastLastTab();
	refreshTabList();
	refreshHome();
	refreshFreqPage();
	refreshTodayPage();
}
function toggleVisible(id)
{
	var	elem=document.getElementById(id);
	var	title=document.getElementById(id+"Title");
	if(elem){
		if("block"==elem.style.display||0==elem.style.display.length){
			elem.style.display="none";
			if(title){
				title.style.backgroundImage="url(./localhome/toggle.png)";
			}
		}else{
			elem.style.display="block";
			if(title){
				title.style.backgroundImage="url(./localhome/toggle_collapse.png)";
			}
		}
	}
}

</script>
</head>
<body onload="toggleVisible('search');refresh();">

<table width=100% height=100% vspace=0px hspace=0px border=0 cellpadding=0 cellspacing=0 align=left>

<tr align=left valign=top width=100px><td colspan=2>
<script>
document.open();
document.write("<div align=right style='color:#9F988D; padding-right:2%;'>"+external.app.appinfo+"</div>");
document.write("<div align=right style='color:#9F988D; padding-right:2%;'>Internet Explorer "+external.app.ieInfo+"</div>");
document.close();
</script>
<a id="searchTitle" class=cIcon href="javascript:toggleVisible('search');" onclick="eval(this.href);return false;"><b>Webページの検索</b>
<a class=cIcon target="_blank" style="background-image:url(./localhome/magnifier__plus.png)" href="http://www.egrath.net/index.php?Ancia%2F%B8%A1%BA%F7%A5%A8%A5%F3%A5%B8%A5%F3">検索エンジンの追加</a>
<hr width=98%>
<div id=search></div>
<br>
</td></tr>

<tr align=left valign=top>
<td width=50% height=100%>
<a id="closedTitle" class=cIcon href="javascript:toggleVisible('closed');" onclick="eval(this.href);return false;"><b>最近閉じたタブ</b></a>
<a class=cIcon style="background-image:url(./localhome/tab__arrow.png)" href="javascript:openClosedAll();" onclick="eval(this.href);return false;">全て開く</a>
<a class=cIcon style="background-image:url(./localhome/broom.png)" href="javascript:clearClosed();" onclick="eval(this.href);return false;">クリア</a>
<a class=cIcon style="background-image:url(./localhome/arrow_circle_double_135.png)" href="javascript:refreshClosed();" onclick="eval(this.href);return false;">更新</a>
<hr width=96%>
<div id="closed"></div>
<br>

<a id="lastTabTitle" class=cIcon href="javascript:toggleVisible('lastTab');" onclick="eval(this.href);return false;"><b>前回終了時のタブ</b></a>
<a class=cIcon style="background-image:url(./localhome/tab__arrow.png)" href="javascript:openTabList(g_lastTabList,-1);" onclick="eval(this.href);return false;">全て開く</a>
<a class=cIcon style="background-image:url(./localhome/disk.png)" href="javascript:saveTabList(g_lastTabList);" onclick="eval(this.href);return false;">タブリストとして保存</a>
<hr width=96%>
<div id="lastTab"></div>
<br>

<a id="lastLastTabTitle" class=cIcon href="javascript:toggleVisible('lastLastTab');" onclick="eval(this.href);return false;"><b>前々回終了時のタブ</b></a>
<a class=cIcon style="background-image:url(./localhome/tab__arrow.png)" href="javascript:openTabList(g_lastLastTabList,-1);" onclick="eval(this.href);return false;">全て開く</a>
<a class=cIcon style="background-image:url(./localhome/disk.png)" href="javascript:saveTabList(g_lastLastTabList);" onclick="eval(this.href);return false;">タブリストとして保存</a>
<hr width=96%>
<div id="lastLastTab"></div>
<br>

<a id="tabListTitle" class=cIcon href="javascript:toggleVisible('tabList');" onclick="eval(this.href);return false;"><b>タブリスト</b></a>
<a class=cIcon style="background-image:url(./localhome/arrow_circle_double_135.png)" href="javascript:refreshTabList();" onclick="eval(this.href);return false;">更新</a>
<a class=cIcon style="background-image:url(./localhome/cross.png)" href="javascript:deleteTabList();" onclick="eval(this.href);return false;">削除...</a>
<hr width=96%>
<div id="tabList"></div>
<br>

<a id="cmdTitle" class=cIcon href="javascript:toggleVisible('cmd');" onclick="eval(this.href);return false;"><b>いろいろな操作</b></a>
<hr width=96%>
<div id="cmd">
<a class=cIcon style="height:1em;background-image:url(./localhome/application-sidebar-expand.png)" href="javascript:external.app.cmdExec('mpanel');" onclick="eval(this.href);return false;">サイドバーを表示</a><br>
<a class=cIcon style="height:1em;background-image:url(./localhome/disk.png)" href="javascript:saveTab()" onclick="eval(this.href);return false;">現在のタブをタブリストとして保存...</a><br>
<a class=cIcon style="height:1em;background-image:url(./localhome/gear.png)" href="javascript:external.app.cmdExec('option');" onclick="eval(this.href);return false;">アプリケーションオプション...</a><br>
<a class=cIcon style="height:1em;background-image:url(./localhome/wrench_screwdriver.png)" href="javascript:external.app.cmdExec('internetoption');" onclick="eval(this.href);return false;">インターネットオプション...</a><br>
<a class=cIcon style="height:1em;background-image:url(./localhome/information_frame.png)" href="javascript:external.app.cmdExec('about');" onclick="eval(this.href);return false;">バージョン情報...</a><br>
<a class=cIcon style="height:1em;background-image:url(./localhome/arrow.png)" href="http://www.egrath.net/" target="blank">配布元ページを開く</a><br>
</div>

</td>
<td width=50% valign=top height=100%>
<a id="homeTitle" class=cIcon href="javascript:toggleVisible('home');" onclick="eval(this.href);return false;"><b>ホームページ</b></a>
<a class=cIcon style="background-image:url(./localhome/tab__arrow.png)" href="javascript:openChildAll('home');" onclick="eval(this.href);return false;">全て開く</a>
<hr width=96%>
<div id="home"></div>
<br>

<a id="freqPageTitle" class=cIcon href="javascript:toggleVisible('freqPage');" onclick="eval(this.href);return false;"><b>サイトを表示した回数順</b></a>
<a class=cIcon style="background-image:url(./localhome/arrow_circle_double_135.png)" href="javascript:refreshFreqPage();" onclick="eval(this.href);return false;">更新</a>
<hr width=96%>
<div id="freqPage"></div>

<br>
<a id="todayPageTitle" class=cIcon href="javascript:toggleVisible('todayPage');" onclick="eval(this.href);return false;"><b>今日表示したページ</b></a>
<a class=cIcon style="background-image:url(./localhome/arrow_circle_double_135.png)" href="javascript:refreshTodayPage();" onclick="eval(this.href);return false;">更新</a>
<hr width=96%>
<div id="todayPage"></div>
</td>
</tr>

</table>

</body>
</html>