<!-- "Time_Digital.htc" -->
<HEAD>
<PUBLIC:COMPONENT tagName=TODO2_HTC>
	<PUBLIC:PROPERTY Name=items />
  	<PUBLIC:ATTACH event="oncontentready" onevent="fnInit()"/>
	<PUBLIC:ATTACH event="onblur" onevent="fnSaveState()"/>
</PUBLIC:COMPONENT>
<STYLE>
	body
	{
		background:lightgray;
	}
  	#todolist
	{
               	border:solid 1px;
               	border-color:#D6D3CE;
		text-align:letf;
		color:blue;
		font-size:12;
		font-weight:normal;	
		width:160;
		overflow:hidden;
        }
</STYLE>
<SCRIPT LANGUAGE="JScript">
// Next 3 cookie functions from http://www.quirksmode.org/js/cookies.html
function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}
function eraseCookie(name) {
	createCookie(name,"",-1);
}
// Entry point
function fnInit()
{
  	defaults.viewLink = document;
	newlist=document.createElement("ol")
	var x = readCookie('rhstodohtc')
	if(x) 
	{
		x = x.replace(/<OL>\s*<\/OL>/gi,"")
		x = x.replace(/_/gi,"")
		todolist.innerHTML = x	//x.split("_").join("")
	}
	else
	{
		var listitems = items.split("|")
		for(var i=0;i<listitems.length;i++)
		{
			newItem=document.createElement("li")
				newItem.className = "todoitem"
			newItemCheck=document.createElement("input")
			newItemCheck.type="checkbox"
			newItemText=document.createTextNode(listitems[i])
			newItem.appendChild(newItemCheck)
			newItem.appendChild(newItemText)
			newlist.appendChild(newItem)
		}
	}
	if(todolist.innerHTML.toString().search(/<\/OL>/gi)==-1)
		todolist.appendChild(newlist)
}
function addItem()
{
	var userItem = prompt("Enter the thing to do","")
	if(userItem!="")
	{
		newItem=document.createElement("li")
		newItemCheck=document.createElement("input")
		newItemCheck.type="checkbox"
		newItemText=document.createTextNode(userItem)
		newItem.appendChild(newItemCheck)
		newItem.appendChild(newItemText)
		newlist.appendChild(newItem)
		todolist.appendChild(newlist)
	}
}
function clearItems()
{
	var cnt = 0
	var ti = document.getElementsByTagName("input")
	for(var i=0;i<3;i++)
	for(var n in ti)
	{
		if(ti[n].className = "todoitem")
		{
			if(ti[n].checked==true)
			{
				ti[n].parentNode.removeNode(ti[n])
			}
		}
	}
}
function fnSaveState()
{
	var rhstodohtcContent = todolist.innerHTML
	createCookie('rhstodohtc',rhstodohtcContent,30)
}
</SCRIPT>
</HEAD>
<BODY>
<div id="todolist">
Things To Do...<br>
</div>
<button onclick="addItem()">Addto List</button>
<button onclick="clearItems()">Clear</button>
</BODY>