// dtk XBOX

function dtk_xbox(id, states, style, init_state, onclick_func) {
	var init_img_url = null;
	if (states == null) states = new Array(new Array('dtk_xbox_0.gif',0),new Array('dtk_xbox_1.gif',1));
	if (init_state == null) init_state = states[0][1];
	for (var i = 0; i < states.length; i++) {
		if (states[i][1] == init_state) init_img_url = states[i][0];
		var pre_img = new Image();
		pre_img.src = states[i][0];
	}
	document.write('<img id="dtk_xbox_'+id+'" src="'+init_img_url+'" align="middle" style="'+style+'" onclick="if (this.ksx_editmode == \'enabled\') {dtk_xbox_onclick(\''+id+'\'); '+onclick_func+'}">');
	document.write('<input type="hidden" name="'+id+'" id="'+id+'" value="'+init_state+'">');
	var img_obj = document.getElementById('dtk_xbox_' + id);
	img_obj.states = states;
	img_obj.ksx_editmode = 'enabled';
}

function dtk_xbox_onclick(id) {
	var obj = document.getElementById(id);
	var img_obj = document.getElementById('dtk_xbox_' + id);
	var states = img_obj.states;
	for (var i = 0; i < states.length; i++)
		if (states[i][1] == obj.value) {
			var new_state_index = (i == states.length - 1 ? 0 : i + 1);
			break;
		}
	obj.value = states[new_state_index][1];
	img_obj.src = states[new_state_index][0];
}

function dtk_xbox_enable(id) {
	var img_obj = document.getElementById('dtk_xbox_' + id);
	img_obj.ksx_editmode = 'enabled';
	img_obj.style.backgroundColor = '#FFFFFF';
}

function dtk_xbox_disable(id) {
	var img_obj = document.getElementById('dtk_xbox_' + id);
	img_obj.ksx_editmode = 'disabled';
	img_obj.style.backgroundColor = '#CCCCCC';
}