// JavaScript Document
function loadRadioInputs(element) {
	if(element) {
		element = $(element);
	} else {
		element = $(document.body);
	}
	var radios = $A(element.getElementsByTagName('input')).findAll( function (p) { return p.type == 'radio'; });
	radios.each( function (r) {
		replaceRadio($(r), element);
	});
}

function replaceRadio(r, element) {
	var labels = $A(element.getElementsByTagName('label')).findAll( function (l) { return l.htmlFor == r.id; });
	
	var img = $(document.createElement('img'));
	var par = r.up();
	
	img.rad_sel = "assets/images/radio_sel_red.gif";
	if(r.hasClassName('blue')) {
		img.rad_sel = "assets/images/radio_sel_blue.gif";
	}
	
	if(r.checked) {
		img.src = img.rad_sel;
	} else {
		img.src = "assets/images/radio.gif";
	}
	img.setStyle({cursor:'pointer', verticalAlign:'middle', display:'block', border:'0', margin:'2px 2px 2px 2px', 'float':'left'});
	img.radio = r;
	r.img	  = img;
	
	r.changed = function() {
		if(!this.checked) {
			this.img.src = "assets/images/radio.gif";
		} else {
			this.img.src = this.img.rad_sel;
		}
	};
	img.onclick = function() {
		if(!this.radio.checked) {
			this.src = this.rad_sel;
			this.radio.checked = !this.radio.checked;
		}
		
		var brs = $A(document.getElementsByName(this.radio.name)).findAll( function (p) { return p.type == 'radio'; });
		brs.each(function(r) {r.changed()});
	};
	
	labels.each( function(l) {
		l.onclick = function() {
			$(this.htmlFor).img.onclick();
		}
	});
	
	par.insertBefore(img, r);
	r.hide();
}