function MyObject()
{

	//Array of Selects
	var mDropLists;
	var mNumDropLists;
	
	function SetNumSelects(argNum)
	{
		mNumDropLists=argNum;
		
		mDropLists = new Arrary(argNum);
	}
	function AddOption(argIndex argValue,argText)
	{	
		//Create Option
		var myOption = document.createElement("option");
		myOption.text = argText;
		myOption.value = argValue;
		
		//Adds Option to a select object from mDropLists Array with index argIndex 
		mDropLists[argIndex].appendChild(myOption);
		
	}
	function CreateHtml()
	{
		//Create Select Objects
		for(i=0; i<mNumDropLists;i++)
		{
			var SelName="'Sel"+i+"'";
			document.write("<select name ="+SelName);
			document.write(" id ="+SelName);
			
			//How do I make something like this work?
			document.write(" onchange='EnableNextSelect("+i+")'");
			
			document.write("</select>");
			
			mDropLists=document.getElementById(SelName);
			mDropLists.disabled=true;
		}
		
		//enable first select
		mDropLists[0].disabled=false;
	}

	function EnableNextSelect(argIndex)
	{
		if(argIndex<mNumDropLists)
		{
			//Disable Current Select
			mDropLists[argIndex].disabled=true;
		
			//Enable Next Select
			mDropLists[argIndex+1].disabled=false;
		}
	}
	

	this.CreateHtml=CreateHtml;
}