function updateTimes(is_from,from_input_id,to_input_id,from_slot_obj,to_slot_obj) {
	if (is_from) {
		from_hour   = from_slot_obj.childNodes[0].selectedIndex;
		from_minute = from_slot_obj.childNodes[2].selectedIndex;
		from_input  = document.getElementById(from_input_id);
		if (from_input.value == "" + addZero(from_hour) + ":" + addZero(from_minute)) return; 
		from_input.value = "" + addZero(from_hour) + ":" + addZero(from_minute);
	} else {
		to_hour   = to_slot_obj.childNodes[0].selectedIndex;
		to_minute = to_slot_obj.childNodes[2].selectedIndex;
		to_input  = document.getElementById(to_input_id);
		if (to_input.value == "" + addZero(to_hour) + ":" + addZero(to_minute)) return; 
		to_input.value = "" + addZero(to_hour) + ":" + addZero(to_minute);
	}
	draw_slot(to_slot_obj);
}
function draw_slot(slot_obj) {
	var slot_data = slot_obj.id.split("_");
	var curr_time = document.getElementById(slot_data[2]).value.split(":");
	if (slot_data[0] == "from") {
		slot_obj.innerHTML = getTimeSelector(curr_time[0], curr_time[1],0,0);	
	} else {
		var from_time = document.getElementById(slot_data[3]).value.split(":");
		if (curr_time[0] * 1 > 1 * from_time[0]) {
			from_time[1] = 0;
		} else if (curr_time[1] * 1 < 1 * from_time[1]) {
			curr_time[1] = from_time[1];
			document.getElementById(slot_data[2]).value = "" + addZero(curr_time[0]) + ":" + addZero(curr_time[1]);
		} else {
			curr_time[0] = from_time[0];
			document.getElementById(slot_data[2]).value = "" + addZero(curr_time[0]) + ":" + addZero(curr_time[1]); 
		}
		slot_obj.innerHTML = getTimeSelector(curr_time[0], curr_time[1], from_time[0], from_time[1]);
	}
}
function addZero(value) {
	return ((value * 1 < 10) ? "0" + (value * 1) : (value * 1));
}
function getTimeSelector(currentHour, currentMinute ,minHour, minMinute) {
	var output = '';
	output += getSelectorHTML(24, minHour, currentHour);
	output += ' : ';
	output += getSelectorHTML(60, minMinute, currentMinute);
	return output;
}
function draw_timeslots() {
	var time_slots = document.getElementsByName("time_slot_span");
	for (var i=0; i<time_slots.length; i++) {
		draw_slot(time_slots[i]);
	}
}
function getSelectorHTML(size, allowedSize, selected) {
	var output = '<select>';
	var selectedText = '';
	for(var i = 0; i < size; i++) {
		if (i == selected)
			selectedText = 'selected';
		else  
			selectedText = '';
		if (i < 10)
			if (i < allowedSize)
				output += '<option disabled=\'disabled\' ' + selectedText + ' >0' + i + '</option>';
			else 
				output += '<option ' + selectedText + ' >0' + i + '</option>';
		else 
			if (i < allowedSize)
				output += '<option disabled=\'disabled\' ' + selectedText + ' > ' + i + '</option>';
			else 
				output += '<option ' + selectedText + ' > ' + i + '</option>';
	}
	output += '</select>';
	return output;
}
//draw_timeslots();