// Written by Ahmad Azarinurazie (aien@pixl8.co.uk).
// Created on November 14th. 2008

/*
	To use this, call this function at the end of the page.
	
	<script type="text/javascript">								
		initCheckbox("id_of_the_element");
	</script>
*/

var chkbox_on_image = "/graphics/checkbox_on.gif";
var chkbox_off_image = "/graphics/checkbox.gif";
var chkbox_className = "checkbox-replacement";

var detect = navigator.userAgent.toLowerCase();

function getBrowser() {
	if (checkIt('konqueror')) 		return "Konqueror";
	else if (checkIt('safari')) 	return "Safari"
	else if (checkIt('omniweb')) 	return "OmniWeb"
	else if (checkIt('opera')) 		return "Opera"
	else if (checkIt('webtv')) 		return "WebTV";
	else if (checkIt('icab')) 		return "iCab"
	else if (checkIt('msie')) 		return "IE"
	else if (!checkIt('compatible')) {
		return "Netscape Navigator"
		//version = detect.charAt(8);
	}
	else return "An unknown browser";
}

function checkIt(string) {
	place = detect.indexOf(string) + 1;
	thestring = string;
	return place;
}



function initCheckbox(id, id_label) {
	var chkbox = document.getElementById(id);
	var chkbox_replacement = new Image();
	
	var chkbox_label = document.getElementById(id_label);

	chkbox_replacement.className = chkbox_className;
	chkbox_replacement.id = chkbox.id + "-replacement";
	
	if (this.checked == true) chkbox_replacement.src = chkbox_on_image;
	else chkbox_replacement.src = chkbox_off_image;
	
	chkbox_replacement.onclick = function() {
		var chkbox = this.id.substr(0, this.id.length-12);
		chkbox = document.getElementById(chkbox);
		
		var chkbox_replacement;
		
		if (chkbox.checked == true) {
			chkbox.checked = false;
			
			chkbox_replacement = document.getElementById(chkbox.id + "-replacement");
			chkbox_replacement.src = chkbox_off_image;
		}
		else {
			chkbox.checked = true;
			
			chkbox_replacement = document.getElementById(chkbox.id + "-replacement");
			chkbox_replacement.src = chkbox_on_image;
		}
	};
	
	chkbox_label.onclick = function() {
		var chkbox = this.id.substr(0, this.id.length-6);
		chkbox = document.getElementById(chkbox);
		
		var chkbox_replacement;
	
		if (chkbox.checked == true) {
			// This has to be removed as it triggers twice on label onclickue) {
			if (getBrowser() == "IE") chkbox.checked = false;
			
			chkbox_replacement = document.getElementById(chkbox.id + "-replacement");
			chkbox_replacement.src = chkbox_off_image;
		}
		else {
			// This has to be removed as it triggers twice on label onclicklse {
			if (getBrowser() == "IE") chkbox.checked = true;
			
			chkbox_replacement = document.getElementById(chkbox.id + "-replacement");
			chkbox_replacement.src = chkbox_on_image;
		}
	};

	chkbox.className = "hide";
	chkbox.parentNode.insertBefore(chkbox_replacement, chkbox);
}