var fancy_normal = 0;
var fancy_over = 1;
var fancy_down = 2;

function fancy_preload(base)
{
	fancy_checked = new Array(2);
	fancy_checked[fancy_normal] = new Image();	fancy_checked[fancy_normal].src = base + "checked/normal.gif" ;
	fancy_checked[fancy_over] = new Image(); fancy_checked[fancy_over].src = base + "checked/over.gif" ;
	fancy_checked[fancy_down] = new Image(); fancy_checked[fancy_down].src = base + "checked/down.gif" ;
	
	fancy_unchecked = new Array(2);
	fancy_unchecked[fancy_normal] = new Image(); fancy_unchecked[fancy_normal].src = base + "unchecked/normal.gif" ;
	fancy_unchecked[fancy_over] = new Image(); fancy_unchecked[fancy_over].src = base + "unchecked/over.gif" ;
	fancy_unchecked[fancy_down] = new Image(); fancy_unchecked[fancy_down].src = base + "unchecked/down.gif" ;
}

function fancy_onclick(id)
{
	// get reference to the radiobutton
	var rb = document.getElementById(id);

	if (rb!=null && !rb.checked)
	{
		// flip da switch
		rb.checked = !rb.checked;
		
		// execute onclick event
		if (rb.onclick!=null) rb.onclick();

		// update fancy radiobutton image
		Fancy_SetImage(id , fancy_over);
	
		// update group
		var siblings = document.getElementsByName(rb.name);
		for(i=0; i <siblings.length; i++) 
		{	
			if (siblings[i].id!=id) fancy_update(siblings[i].id); 
		}
	}
}

function fancy_onmdown(id) { Fancy_SetImage(id , fancy_down); }

function fancy_onmup(id) { Fancy_SetImage(id, fancy_over); }

function fancy_onmover(id) { Fancy_SetImage(id , fancy_over); }

function fancy_onmout(id) { Fancy_SetImage(id , fancy_normal); }

function fancy_update(id) { Fancy_SetImage(id, fancy_normal); }

function Fancy_SetImage(id , state)
{
	var rb = document.getElementById(id);
	var img = document.getElementById(id+"_img");

	if (rb!=null && img!=null && state!=null )
	{
		if (rb.checked)
		{
			img.src = fancy_checked[state].src ;
		} else
		{
			img.src = fancy_unchecked[state].src;			
		}
	}

}