//
//
//
const SIDE_DISPLAY_NONE = 1;
const SIDE_DISPLAY_EDITTRACK = 2;

function side_Display(type) {
	var x = document.getElementById("side_trackedit");
	var btn = document.getElementById("mode-none");
	
	debug ("side_display(" + type +")");
	
	if (type == SIDE_DISPLAY_EDITTRACK) {
		x.style.display = "block";
	}
	else {
	 	sideBtnModeClick(btn);
	    x.style.display = "none";
	}
}



//
// on off switch
//
// value 0-off, 1-on, 2-stop, 3-shortciruit
function sideBtnOnOffClick (obj) {
	side_Display(SIDE_DISPLAY_NONE);
    if (obj.value == 0) {
    	serverinout_Power(1);
    }
    else {
    	serverinout_Power(0);
    }
};


//
// if the power status changed, this function will be called.
function sideBtnOnOffMode (mode) {
  	var btn = document.getElementById("btn-onoff");
    btn.value = mode;

	if (mode == 1) {
		btn.className = "side_btn_poweron";
		btn.value = 1;
	}
	else if (mode == 2) {
		btn.className = "side_btn_stop";
		btn.value = 2;
	}
	else if (mode == 3) {
		btn.className = "side_btn_shortcircuit";
		btn.value = 3;
	}
	else {
		btn.className = "side_btn_poweroff";
		btn.value = 0;
	}
};


//
// deselect all elements and select new one
//
function sideBtnModeClick (obj) {
	$('.side_btn_mode').each(function(i, objiter) {
	    if (obj.id == objiter.id) {
	    	objiter.className = "side_btn_mode side_btn_selected";
	    }
	    else {
	    	objiter.className = "side_btn_mode";
	    }
	});
};


function sideBtnModeGet () {
	var i, selected = "";
	
	i = 0;
	$('.side_btn_mode').each(function(j, objiter) {
		i++;
	    if (objiter.className == "side_btn_mode side_btn_selected") selected = objiter.id;
	});
	
	// debug ("Selected: '" + selected + "'");
	
	return selected;
};