//document.write('<link rel="stylesheet" type="text/css" href="/css/inputs.080131.01.css" media="screen" />');

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"))
				{
					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 0px"; 
	} else { 
		this.style.backgroundPosition = "0 -52px"; 
	} 
}, 

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"; 
		}
		else if(divs[i].className == "checkbox selected" || divs[i].className == "radio selected")
		{ 
			divs[i].style.backgroundPosition = "0 -52px"; 
		} 
	} 
} 

} 





window.onload = Input.initialize;