//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') {
			var cls = inputs[i].getAttribute('class');
			if (cls == null) cls = inputs[i].getAttribute('className');
			ok_to_change_to_image = true;
			if (cls != null) {
				if (cls.indexOf("no_img_replace") >= 0) ok_to_change_to_image = false;
			}
			
			if (ok_to_change_to_image) {
				//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]);
				inputs[i].onchange = new Function('setImage('+i+')');
				
				//hide the checkbox
				inputs[i].style.display='none';
			}
		}
	}
}

function setImage(i) {
	getElement('checkImage'+i).src = (inputs[i].checked) ? imgTrue : imgFalse;
}

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;
}