//global variables that can be used by ALL the function son this page.
var inputs;
/*
var imgFalse = 'http://www.egroupnet.com/netcentive/images/checkbox_unchecked.png';
var imgTrue = 'http://www.egroupnet.com/netcentive/images/checkbox_checked.png';
var imgFalseDisabled = 'http://www.egroupnet.com/netcentive/images/checkbox_unchecked_disabled.png';
var imgTrueDisabled = 'http://www.egroupnet.com/netcentive/images/checkbox_checked_disabled.png';
*/
var imgFalse = 'http://media.egroupnet.com/images/netcentive/checkbox_unchecked.png';
var imgTrue = 'http://media.egroupnet.com/images/netcentive/checkbox_checked.png';
var imgFalseDisabled = 'http://media.egroupnet.com/images/netcentive/checkbox_unchecked_disabled.png';
var imgTrueDisabled = 'http://media.egroupnet.com/images/netcentive/checkbox_checked_disabled.png';

addEvent(window, "load", replaceChecks); // run this right away

function replaceChecks() {
	// look for  overriding checkbox images
	if (getElement("imgFalse") != null) imgFalse = getElement("imgFalse").value;
	if (getElement("imgTrue") != null) imgFalse = getElement("imgTrue").value;
	if (getElement("imgFalseDisabled") != null) imgFalse = getElement("imgFalseDisabled").value;
	if (getElement("imgTrueDisabled") != null) imgFalse = getElement("imgTrueDisabled").value;
	
	//get all the input fields on the page
	inputs = document.getElementsByTagName('input');

	//cycle trough the input fields
	for(var i=0; i < inputs.length; i++) {

		if(inputs[i].getAttribute('type') == 'checkbox') {
			
			//create a new image
			var img = document.createElement('img');
			img.border = 0;
			
			//check if the checkbox is checked and/or disabled
			if(inputs[i].checked) {
				img.src = (inputs[i].disabled) ? imgTrueDisabled : imgTrue;
			} else {
				img.src = (inputs[i].disabled) ? imgFalseDisabled : imgFalse;
			}

			//set image ID and onclick action
			img.id = 'checkImage'+i;
			//set image 
			img.onclick = new Function('checkChange('+i+')');
			//place image in front of the checkbox
			inputs[i].parentNode.insertBefore(img, inputs[i]);
			
			//hide the checkbox
			inputs[i].style.display='none';
		}
	}
}

function checkChange(i) {
	if (!inputs[i].disabled) {
		if(inputs[i].checked) {
			inputs[i].checked = '';
			getElement('checkImage'+i).src=imgFalse;
		} else {
			inputs[i].checked = 'checked';
			getElement('checkImage'+i).src=imgTrue;
		}
		var d = new Date();
		getElement("checkImage"+i).style.lastChecked = d.getTime();
		try { 
			inputs[i].onchange(); 
		} 
		catch(e) {
			
		}
	}
}
function checkChangeA(a_tag) {
	var html = a_tag.innerHTML;
	var img_id = html.substr(html.indexOf("img id=")+8);
	img_id = img_id.substr(0,img_id.indexOf(" "));
	img_id = img_id.replace('"','');
	img_id = img_id.replace('=','');
	var lastChecked = "abcde" + getElement(img_id).style.lastChecked;
	if (lastChecked == undefined) {lastChecked = "a;dklfjadk;jfakdj"; }
	lastChecked = lastChecked.substr(lastChecked.length - 4);
	var d = new Date();
	var currTime = "x" + d.getTime();
	currTime = currTime.substr(currTime.length - 4);
	if (lastChecked.substr(0,2) != currTime.substr(0,2)) {
		getElement(img_id).onclick();
	}
	return false;
}