window.addEvent('domready', function() {
	$$('.muticheckbox').each(function(div) {
		div.valueField = $('muticheckboxvalue_' + div.id);
		
		var preset = div.getAttribute('preset');
		
		div.setValue = function(value) {
			if(value == 1) {
				div.setStyle('backgroundImage', 'url("/graphics/multicheckbox/enabled.png")');
			}
			else if(value == -1) {
				div.setStyle('backgroundImage', 'url("/graphics/multicheckbox/disabled.png")');
			}
			else if(value == 0) {
				if(preset == 'ion') {
					div.setStyle('backgroundImage', 'url("/graphics/multicheckbox/inherit_on.png")');
				}
				else if(preset == 'ioff') {
					div.setStyle('backgroundImage', 'url("/graphics/multicheckbox/inherit_off.png")');
				}
				else if(preset == 'on') {
					div.setStyle('backgroundImage', 'url("/graphics/multicheckbox/enabled.png")');
				}
				else if(preset == 'off') {
					div.setStyle('backgroundImage', 'url("/graphics/multicheckbox/disabled.png")');
				}
				
			}
			div.valueField.value = value;
		}
		div.getValue = function() {
			return div.valueField.get('value');
		}
		div.addEvent('click', function() {
			var value = div.getValue();
			if(value == 1) {
				if(preset == 'off') {
					div.setValue(0);
				}
				else {
					div.setValue(-1);
				}
			}					
			else if(value == -1) {
				div.setValue(0);
			}
			else if(value == 0) {
				if(preset == 'on') {
					div.setValue(-1);
				}
				else {
					div.setValue(1);
				}
			}
		});
		div.setValue(div.valueField.get('value'));
	});
});