function setStyleDisplay()
{
	for(i=0; i<myStyleSheet.styleSheet.rules.length; ++i) {
		var style = myStyleSheet.styleSheet.rules(i).style;
		switch(myStyleSheet.styleSheet.rules(i).selectorText) {
		case ".cPerson":
			style.display = (chkPerson .checked ? 'block':'none');
			break;
		case ".cTanka":
			style.display = (chkTanka  .checked ? 'block':'none');
			break;
		case ".cImage":
			style.display = (chkImage  .checked ? 'block':'none');
			break;
		case ".cHead":
			style.display = (chkHead   .checked ? 'block':'none');
			break;
		}
	}
	try {
		tblMain.border=(chkRuler.checked?1:0);
	}
	catch(e) { }
	var i;
	var CheckBoxes = trCheckBoxes.innerHTML.split("id=");
	var strCheckedButtons = "";
	for(i=1;i<CheckBoxes.length;++i) {
		if(result=/^(chk[A-Z][a-z]+) /.exec(CheckBoxes[i]), result!=null) {
			var idCheckBox = result[1];
			if(document.all[idCheckBox].checked) {
				strCheckedButtons = strCheckedButtons + "," + idCheckBox;
			}
		}
	}
	document.cookie = "CheckedButtons_Index="+strCheckedButtons.substring(1);
}

var arrayStyleIDs     = "cPerson,cTanka,cImage,cHead,".split(",");
var strCheckedButtons = "chkPerson,chkTanka,chkImage,chkRuler";
if(result=/CheckedButtons_Index=([A-Za-z0-9_,]*)/.exec(document.cookie), result!=null) {
	strCheckedButtons = new String(result[1]);
}
document.write("<STYLE id=\"myStyleSheet\">\n");
for(i=0;i<arrayStyleIDs.length;++i) {
	var styleID = arrayStyleIDs[i];
	document.write("."+styleID+" {display:"+(strCheckedButtons.indexOf("chk"+styleID.replace(/^[ctr]*/,""))>=0 ? "block" : "none") + ";}\n");
}
document.write("</STYLE>\n");

function setCheckBoxes()
{
	var i;
	var CheckBoxes = trCheckBoxes.innerHTML.split("id=");
	for(i=1;i<CheckBoxes.length;++i) {
		if(result=/^(chk[A-Z][a-z]+) /.exec(CheckBoxes[i]), result!=null) {
			var idCheckBox = result[1];
			document.all[idCheckBox].checked = (strCheckedButtons.indexOf(idCheckBox)>=0 ? true : false);
		}
	}
	setStyleDisplay();
}

function writeDisplySettingButtons()
{
	document.write(
		'<TABLE border=1>' +
			'<TR><TH nowrap rowspan=2 valign=middle ><FONT size=6><B>表示設定</B></FONT></TH>' +
				'<TH nowrap>登場人物</TH>' +
				'<TH nowrap>和歌</TH>' +
				'<TH nowrap>絵</TH>' +
				'<TH nowrap>列見出し</TH>' +
				'<TH nowrap>罫線</TH>' +
				(window.name == top.name ? "" :
				'<TD rowspan=2><INPUT type=button value="全画面" onclick="top.location.href=window.location.href;"></TD>') +
				'</TR>' +
			'<TR id=trCheckBoxes>' +
				'<TD align=center><INPUT type=checkbox id=chkPerson  onclick="setStyleDisplay()"></TD>' +
				'<TD align=center><INPUT type=checkbox id=chkTanka   onclick="setStyleDisplay()"></TD>' +
				'<TD align=center><INPUT type=checkbox id=chkImage   onclick="setStyleDisplay()"></TD>' +
				'<TD align=center><INPUT type=checkbox id=chkHead    onclick="setStyleDisplay()"></TD>' +
				'<TD align=center><INPUT type=checkbox id=chkRuler   onclick="setStyleDisplay()"></TD>' +
				'</TR>' +
		'</TABLE>'
	);
	setCheckBoxes();
}