BbsSet();
BbsGet(0);

function BbsReadCookie(){
	if(document.cookie=="") return;
	var cookie=document.cookie.split(/[ ;]/);
	for(i in cookie){
		var line=cookie[i].split(/=/,2);
		if(line[0]=="BbsName") document.getElementById('BbsName').value=unescape(line[1]);
	}
}
function BbsRecordCookie(){
	var str=document.getElementById('BbsName').value;
	var expires=new Date();
	expires.setYear(expires.getFullYear()+1);
	document.cookie="BbsName="+escape(str)+";path=/;expires="+expires.toGMTString()+";";
	return(true);
}

function BbsShowForm(){
	var form=document.getElementById('BbsForm');
	if(form.style.display=='block'){
		form.style.display="none";
		return;
	}
	BbsReadCookie();
	form.style.display="block";
}

function BbsGet(n){
	var obj=document.createElement('script');
	var d=new Date();
	obj.src=BbsPath+'page/'+n+'.dat?'+d.getTime();
	obj.charset='utf-8';
	var block=document.getElementById('BbsBlock');
	block.appendChild(obj);
	obj=document.getElementById('BbsNumber');
	obj.innerHTML=' '+n+' '
	obj=document.getElementById('BbsLeft');
	if(n>0) obj.href='javascript:BbsGet('+(n-1)+')';
	obj=document.getElementById('BbsRight');
	obj.href='javascript:BbsGet('+(n+1)+')';
}

function BbsPage(page){
	var block,line,obj,d;
	var date=new Array();
	block=document.getElementById('BbsContent');
	while(block.firstChild){
		block.removeChild(block.firstChild);
	}
	for(i in page){
		line=document.createElement('div');
		line.style.borderBottom='1px black dashed';
		line.style.margin='5px 0px';
		obj=document.createElement('div');
		obj.innerHTML=page[i].comment;
		line.appendChild(obj);
		obj=document.createElement('div');
		d=new Date(page[i].time);
		d.setTime(page[i].time*1000);
		date[0]=d.getFullYear();
		date[1]=d.getMonth()+1;
		date[2]=d.getDate();
		date[3]=d.getHours();
		date[4]=d.getMinutes();
		for(j=1;j<5;j++){
			if((""+date[j]).length==1) date[j]='0'+date[j];
		}
		obj.innerHTML=page[i].name+' [ '+date[0]+'-'+date[1]+'-'+date[2]+' '+date[3]+':'+date[4]+' ]';
		obj.style.textAlign='right';
		line.appendChild(obj);
		block.appendChild(line);
	}
}

function BbsSet(){
	var script,block,form,obj;
	script=document.getElementById('BbsScript');
	while(script.firstChild){
		script.removeChild(script.firstChild);
	}
	block=document.createElement('div');
	block.id='BbsBlock';
	script.appendChild(block);
	
/*	obj=document.createElement('a');
	obj.appendChild(document.createTextNode('[▼入力フォーム表示]'));
	obj.href='javascript:BbsShowForm()';
	block.appendChild(obj);
*/
	
	form=document.createElement('form');
	form.id='BbsForm';
	form.action=BbsPath+'write.cgi';
	form.method='post';
	if(form.addEventListener){
		form.addEventListener('submit',BbsRecordCookie,false);
	}else{
		form.attachEvent('onsubmit',BbsRecordCookie);
	}
	form.style.display='none';
	
	obj=document.createElement('div');
	obj.appendChild(document.createTextNode('名前'));
	form.appendChild(obj);
	obj=document.createElement('input');
	obj.name='BbsName';
	obj.id='BbsName';
	obj.style.width='100%';
	obj.style.maxWidth='320px';
	form.appendChild(obj);
	
	obj=document.createElement('div');
	obj.appendChild(document.createTextNode('コメント'));
	form.appendChild(obj);
	obj=document.createElement('textarea');
	obj.name='BbsComment';
	obj.style.width='100%';
	obj.style.maxWidth='640px';
	obj.style.height='100px';
	obj.style.display='block';
	form.appendChild(obj);
	
	obj=document.createElement('input');
	obj.type='submit';
	obj.value='書き込む';
	form.appendChild(obj);
	
	block.appendChild(form);
	
	obj=document.createElement('div');
	obj.style.borderTop='1px black dashed';
	obj.style.margin='5px 0px';
	obj.id='BbsContent';
	block.appendChild(obj);
	
	obj=document.createElement('a');
	obj.id='BbsLeft';
	obj.innerHTML='&nbsp;&lt;&lt;&nbsp;';
	block.appendChild(obj);
	
	obj=document.createElement('span');
	obj.id='BbsNumber';
	obj.innerHTML='&nbsp;0&nbsp;';
	block.appendChild(obj);
	
	obj=document.createElement('a');
	obj.id='BbsRight';
	obj.href='javascript:BbsGet(1)';
	obj.innerHTML='&nbsp;&gt;&gt;&nbsp;';
	block.appendChild(obj);
}