document.write("<style>\
.cont-txt{width: 107px; font-family: Times New Roman; font-weight: bold; font-size: 15px;}\
.cont-num{width: 107px; font-family: Times New Roman; font-weight: bold; font-size: 15px;}\
.lbl{border: 1px outset black; font-family: Times New Roman; font-weight: bold; font-size: 15px;}\
.lbl3{align: center; border: 1px outset black; font-family: Times New Roman; font-size: 15px; font-weight: bold;}\
</style>");


function numview()
{
	var ur=0, uw=0, ux=0;
	var usr='';

	if(document.chmod.rdusr.checked==true) ur=1;
	if(document.chmod.wrusr.checked==true) uw=1;
	if(document.chmod.exusr.checked==true) ux=1;
	
	usr=ur.toString()+uw.toString()+ux.toString();
	var usrdec=parseInt(usr,2);

	var gr=0, gw=0, gx=0;
	var grp='';

	if(document.chmod.rdgrp.checked==true) gr=1;
	if(document.chmod.wrgrp.checked==true) gw=1;
	if(document.chmod.exgrp.checked==true) gx=1;
	
	grp=gr.toString()+gw.toString()+gx.toString();
	var grpdec=parseInt(grp,2);

	var or=0, ow=0, ox=0;
	var oth='';

	if(document.chmod.rdoth.checked==true) or=1;
	if(document.chmod.wroth.checked==true) ow=1;
	if(document.chmod.exoth.checked==true) ox=1;
	
	oth=or.toString()+ow.toString()+ox.toString();
	var othdec=parseInt(oth,2);
	textview();

	document.chmod.numdisp.value=usrdec.toString()+grpdec.toString()+othdec.toString();
}


function textview()
{
	var tur='_', tuw='_', tux='_';
	var tusr='';

	if(document.chmod.rdusr.checked==true) tur='r';
	if(document.chmod.wrusr.checked==true) tuw='w';
	if(document.chmod.exusr.checked==true) tux='x';
	tusr=tur+tuw+tux;

	var tgr='_', tgw='_', tgx='_';
	var tgrp='';

	if(document.chmod.rdgrp.checked==true) tgr='r';
	if(document.chmod.wrgrp.checked==true) tgw='w';
	if(document.chmod.exgrp.checked==true) tgx='x';
	tgrp=tgr+tgw+tgx;

	var tor='_', tow='_', tox='_';
	var toth='';

	if(document.chmod.rdoth.checked==true) tor='r';
	if(document.chmod.wroth.checked==true) tow='w';
	if(document.chmod.exoth.checked==true) tox='x';
	toth=tor+tow+tox;

	document.chmod.txtdisp.value=tusr+' '+tgrp+' '+toth;
}

document.write("<form name=chmod>\
<table class=lbl3><tr><td>\
</td><td width=50><label name=lbrd>Read</label>\
</td><td width=50><label name=lbwr>Write</label>\
</td><td width=50><label name=lbex>Execute</label>\
</td></tr>\
\
<tr><td><label name=lbusr>User</label>\
</td><td align=center><input type=\"checkbox\" name=rdusr value=\"rdusr\" onClick=\"numview()\">\
</td><td align=center><input type=\"checkbox\" name=wrusr value=\"wrusr\" onClick=\"numview()\">\
</td><td align=center><input type=\"checkbox\" name=exusr value=\"exusr\" onClick=\"numview()\">\
</td></tr>\
\
<tr><td>\
<label name=lbgrp>Group</label>\
</td><td align=center><input type=\"checkbox\" name=rdgrp value=\"rdgrp\" onClick=\"numview()\">\
</td><td align=center><input type=\"checkbox\" name=wrgrp value=\"wrgrp\" onClick=\"numview()\">\
</td><td align=center><input type=\"checkbox\" name=exgrp value=\"exgrp\" onClick=\"numview()\">\
</td></tr>\
\
<tr><td>\
<label name=lboth>Others</label>\
</td><td align=center><input type=\"checkbox\" name=rdoth value=\"rdoth\" onClick=\"numview()\">\
</td><td align=center><input type=\"checkbox\" name=wroth value=\"wroth\" onClick=\"numview()\">\
</td><td align=center><input type=\"checkbox\" name=exoth value=\"exoth\" onClick=\"numview()\">\
</td></tr></table>\
\
<table class=lbl><tr><td>\
<label name=lbnum>Permission</label>\
</td><td><input class=cont-num type=\"text\" name=numdisp readonly value=\'000\'></td></tr>\
<tr><td><label name=lbtxt>Symbolic Mode</label></td><td>\
<input class=cont-txt type=\"text\" name=txtdisp readonly value=\'___ ___ ___\'>\
</td></tr>\
</table>\
</form>");