var Input = 
{
	initialize: function() 
	{	
		if(document.getElementsByTagName("form")) 
		{
			var divs = document.getElementsByTagName("div");
			for(var i = 0; i<divs.length; i++) 
			{
				if(divs[i].className.match("checkbox") || divs[i].className.match("radio")) 
				{
				    //alert(divs[i].className);
					divs[i].onmousedown = Input.effect;					
					divs[i].onmouseup = Input.handle;					
					window.onmouseup = Input.clear;
				}
			}
		}
	},	
	effect: function() 
	{
		if(this.className == "checkbox" || this.className == "radio") 
		{
			this.style.backgroundPosition = "0 -26px";
		} 
		else 
		{
			this.style.backgroundPosition = "0 -79px";		
		}
	},

	handle: function() 
	{
		selector = this.getElementsByTagName("input")[0];		
		if(this.className == "checkbox") 
		{
			selector.checked = true;
			this.className = "checkbox selected";
			this.style.backgroundPosition = "0 -52px";
		} 
		else if(this.className == "checkbox selected") 
		{
			selector.checked = false;
			this.className = "checkbox";		
			this.style.backgroundPosition = "0 0";
		}
		else 
		{
			selector.checked = true;
			this.className = "radio selected";
			this.style.backgroundPosition = "0 -52px";
			inputs = document.getElementsByTagName("input");			
			for(i = 0; i<inputs.length; i++) 
			{
				if(inputs[i].getAttribute("name") == selector.getAttribute("name")) 
				{
					if(inputs[i] != selector) 
					{
						inputs[i].parentNode.className = "radio";
						inputs[i].parentNode.style.backgroundPosition = "0 0";					
					}
				}
			}
		}
	},
	clear: function() 
	{
		divs = document.getElementsByTagName("div");
		for(var i = 0; i<divs.length; i++) 
		{
			if(divs[i].className == "checkbox" || divs[i].className == "radio") 
			{
				divs[i].style.backgroundPosition = "0 0";	
				divs[i].setAttribute("style","z-index:9999;")		
			} 
			else if(divs[i].className == "checkbox selected" || divs[i].className == "radio selected") 
			{
				divs[i].style.backgroundPosition = "0 -52px";
			}
		}
	}
}
//window.onload = Input.initialize;