/*
window.onload=function()
{
	form_style();
}
*/
function form_style()
{
	var elements=document.getElementsByTagName('input');
	for(i=0;i<elements.length;i++)
	{
		if(elements[i].type=='checkbox'||elements[i].type=='radio')
		{
			if(elements[i].parentNode.className.indexOf('form-style')>=0)
			{
				elements[i].parentNode.style.cssFloat='left';
				form_style_input(elements[i]);
			}
		}
	}
}

var form_style_input_cpt=0;
function form_style_input(element)
{
	if(element.id=='')
	{
		form_style_input_cpt++;
		element.id='form_style_input'+form_style_input_cpt;
	}

	var url_img_off='url("images/'+element.className+'-off.png")';
	var url_img_on='url(images/'+element.className+'-on.png)';

	element.style.display='none';

	var altElement=document.createElement('div');
	altElement.style.width='15px';
	altElement.style.height='15px';

	if(element.checked==true)
		altElement.style.background=url_img_on;
	else
		altElement.style.background=url_img_off;
	altElement.id=element.id+'-form-style';

	element.parentNode.appendChild(altElement);

	altElement.onclick=function()
	{
		if(element.checked!=true)
		{
			if(element.type=='radio')
			  form_style_input_click(element.name,url_img_off);
			altElement.style.background=url_img_on;
			element.checked=true
		}
		else
		{
			if(element.type=='radio')
				form_style_input_click(element.name,url_img_off);
			altElement.style.background=url_img_off;
			element.checked=false;
		}
	}
}

function form_style_input_click(name,url_img_off)
{
	var radiobuttons=document.getElementsByName(name);
	for(i=0;i<radiobuttons.length;i++)
	{
		document.getElementById(radiobuttons[i].id+'-form-style').style.background=url_img_off;
	}
}