add projbase to repo

1 files changed, 1976 insertions, 0 deletions

diff --git a/project-base/src/im_ui.c b/project-base/src/im_ui.c
new file mode 100644
index 0000000..ddac4a2
--- /dev/null
+++ b/project-base/src/im_ui.c
@@ -0,0 +1,1976 @@
+/* 
+*  BSD 2-Clause “Simplified” License
+*  Copyright (c) 2019, Aldrik Ramaekers, aldrik.ramaekers@protonmail.com
+*  All rights reserved.
+*/
+
+void ui_set_hovered(u32 id, s32 x, s32 y, s32 w, s32 h)
+{
+	global_ui_context.item_hovered = true;
+	global_ui_context.tooltip.x = x;
+	global_ui_context.tooltip.y = y;
+	global_ui_context.tooltip.w = w;
+	global_ui_context.tooltip.h = h;
+	
+	if (global_ui_context.item_hovered_id == id)
+		global_ui_context.item_hovered_duration++;
+	else
+		global_ui_context.item_hovered_duration = 0;
+	
+	global_ui_context.item_hovered_id = id;
+}
+
+inline void ui_begin(platform_window *window)
+{
+	platform_window_make_current(window);
+	platform_set_cursor(window, CURSOR_DEFAULT);
+	renderer->render_clear(window, rgb(255,255,255));
+	_camera_apply_transformations(window, &_global_camera);
+	renderer->render_reset_scissor();
+
+	global_ui_context.active_window = window;
+	global_ui_context.item_hovered = false;
+	global_ui_context.next_id = (u64)window;
+	global_ui_context.layout.offset_x = 0;
+	global_ui_context.layout.offset_y = 0;
+	global_ui_context.layout.width = global_ui_context.active_window->width;
+	global_ui_context.layout.height = global_ui_context.active_window->height;
+	global_ui_context.layout.active_dropdown_state = 0;
+	global_ui_context.submenus.count = 0;
+	global_ui_context.cursor_to_set = CURSOR_DEFAULT;
+}
+
+static void ui_set_cursor(cursor_type type)
+{
+	if (global_ui_context.cursor_to_set == CURSOR_DEFAULT)
+		global_ui_context.cursor_to_set = type;
+}
+
+inline void ui_end()
+{
+	update_render_notifications();		
+
+	platform_set_cursor(global_ui_context.active_window, global_ui_context.cursor_to_set);
+	if (!global_ui_context.item_hovered) global_ui_context.item_hovered_duration = 0;
+}
+
+inline submenu_state ui_create_submenu()
+{
+	submenu_state state;
+	state.open = false;
+	state.hovered = false;
+	state.item_count = 0;
+	state.w = MENU_ITEM_WIDTH;
+	
+	return state;
+}
+
+inline checkbox_state ui_create_checkbox(bool selected)
+{
+	checkbox_state state;
+	state.state = selected;
+	
+	return state;
+}
+
+inline textbox_state ui_create_textbox(u16 max_len)
+{
+	log_assert(max_len > 0, "max_len should be greater than 0");
+	log_assert(max_len <= MAX_INPUT_LENGTH, "max_len should be less than or equal to MAX_INPUT_LENGTH");
+	
+	textbox_state state;
+	state.max_len = max_len;
+	state.buffer = mem_alloc(max_len+1);
+	state.buffer[0] = 0;
+	state.state = false;
+	state.text_offset_x = 0;
+	state.history = array_create(sizeof(textbox_history_entry));
+	state.future = array_create(sizeof(textbox_history_entry));
+	array_reserve(&state.history, 100);
+	state.history.reserve_jump = 100;
+	array_reserve(&state.future, 100);
+	state.future.reserve_jump = 100;
+	state.selection_start_index = 0;
+	state.double_clicked_to_select = false;
+	state.double_clicked_to_select_cursor_index = 0;
+	state.diff = 0;
+	state.last_click_cursor_index = -1;
+	state.attempting_to_select = false;
+	state.deselect_on_enter = true;
+	state.accept_newline = false;
+	
+	return state;
+}
+
+void ui_destroy_textbox(textbox_state *state)
+{
+	for (s32 i = 0; i < state->history.length; i++)
+	{
+		char **history_entry = array_at(&state->history, i);
+		mem_free(*history_entry);
+	}
+	array_destroy(&state->history);
+	array_destroy(&state->future);
+	
+	mem_free(state->buffer);
+}
+
+inline button_state ui_create_button()
+{
+	button_state state;
+	state.state = 0;
+	
+	return state;
+}
+
+inline scroll_state ui_create_scroll(s32 scroll)
+{
+	scroll_state state;
+	state.scroll = 0;
+	state.height = scroll;
+	state.mouse_scrolling = false;
+	state.in_scroll = false;
+	
+	return state;
+}
+
+void ui_set_textbox_text(textbox_state *textbox, char *text)
+{
+	if (global_ui_context.current_active_textbox == textbox)
+	{
+		keyboard_set_input_text(text);
+	}
+	
+	textbox->diff = 0;
+	string_copyn(textbox->buffer, text, textbox->max_len);
+}
+
+inline dropdown_state ui_create_dropdown()
+{
+	dropdown_state state;
+	state.state = 0;
+	state.selected_index = 0;
+	return state;
+}
+
+void ui_set_style(u16 style)
+{
+	global_ui_context.style.id = style;
+	if (style == UI_STYLE_LIGHT)
+	{
+		global_ui_context.style.hypertext_foreground = rgb(66, 134, 244);
+		global_ui_context.style.hypertext_hover_foreground = rgb(221, 93, 202);
+		global_ui_context.style.image_outline_tint = rgb(200,200,200);
+		global_ui_context.style.scrollbar_handle_background = rgb(225,225,225);
+		global_ui_context.style.info_bar_background = rgb(225,225,225);
+		global_ui_context.style.error_foreground = rgb(224,79,95);
+		global_ui_context.style.item_hover_background = rgb(240,220,220);
+		global_ui_context.style.scrollbar_background = rgb(255,255,255);
+		global_ui_context.style.background = rgb(255,255,255);
+		global_ui_context.style.menu_hover_background = rgb(200,200,200);
+		global_ui_context.style.menu_background = rgb(225,225,225);
+		global_ui_context.style.widget_hover_background = rgb(200,200,200);
+		global_ui_context.style.widget_background = rgb(225,225,225);
+		global_ui_context.style.border = rgb(180,180,180);
+		global_ui_context.style.foreground = rgb(10, 10, 10);
+		global_ui_context.style.textbox_background = rgb(240,240,240);
+		global_ui_context.style.textbox_foreground = rgb(10,10,10);
+		global_ui_context.style.textbox_placeholder_foreground = rgb(80,80,80);
+		global_ui_context.style.textbox_active_border = rgb(66, 134, 244);
+		global_ui_context.style.widget_confirm_background = rgb(211, 80, 80);
+		global_ui_context.style.widget_confirm_hover_background = rgb(211, 53, 53);
+		global_ui_context.style.widget_confirm_border = rgb(130, 0, 0);
+	}
+	if (style == UI_STYLE_DARK)
+	{
+		global_ui_context.style.hypertext_foreground = rgb(66, 134, 244);
+		global_ui_context.style.hypertext_hover_foreground = rgb(221, 93, 202);
+		global_ui_context.style.scrollbar_handle_background = rgb(50,50,50);
+		global_ui_context.style.menu_hover_background = rgb(60,60,60);
+		global_ui_context.style.item_hover_background = rgb(80,60,60);
+		global_ui_context.style.image_outline_tint = rgb(200,200,200);
+		global_ui_context.style.error_foreground = rgb(224,79,95);
+		global_ui_context.style.scrollbar_background = rgb(80,80,80);
+		global_ui_context.style.widget_hover_background = rgb(50,50,50);
+		global_ui_context.style.widget_background = rgb(65,65,65);
+		global_ui_context.style.info_bar_background = rgb(65,65,65);
+		global_ui_context.style.menu_background = rgb(65,65,65);
+		global_ui_context.style.background = rgb(80, 80, 80);
+		global_ui_context.style.border = rgb(60,60,60);
+		global_ui_context.style.foreground = rgb(240,240,240);
+		global_ui_context.style.textbox_background = rgb(65,65,65);
+		global_ui_context.style.textbox_foreground = rgb(240, 240,240);
+		global_ui_context.style.textbox_active_border = rgb(66, 134, 244);
+	}
+}
+
+static scroll_state empty_scroll;
+inline void ui_init(font *font_small)
+{
+	ui_set_style(UI_STYLE_LIGHT);
+	
+	global_ui_context.layout.layout_direction = LAYOUT_VERTICAL;
+	global_ui_context.layout.offset_x = 0;
+	global_ui_context.layout.offset_y = 0;
+	//global_ui_context.active_window = window;
+	//global_ui_context.layout.width = global_ui_context.active_window->width;
+	empty_scroll = ui_create_scroll(1);
+	global_ui_context.layout.scroll = &empty_scroll;
+	
+	global_ui_context.keyboard = &_global_keyboard;
+	global_ui_context.mouse = &_global_mouse;
+	global_ui_context.camera = &_global_camera;
+	global_ui_context.font_small = font_small;
+	global_ui_context.menu_item_count = 0;
+	global_ui_context.active_menu_id = -1;
+	
+	global_ui_context.active_dropdown = 0;
+	global_ui_context.confirming_button_id = -1;
+	global_ui_context.current_active_textbox = 0;
+	
+	global_ui_context.item_hovered = false;
+	global_ui_context.item_hovered_id = -1;
+	global_ui_context.item_hovered_duration = 0;
+}
+
+static void ui_pop_scissor()
+{
+	if (global_ui_context.layout.scroll->in_scroll)
+	{
+		s32 w = global_ui_context.layout.scroll->width;
+		s32 h = global_ui_context.layout.scroll->height;
+		s32 x = global_ui_context.layout.scroll->x;
+		s32 y = global_ui_context.layout.scroll->y;
+		
+		renderer->render_set_scissor(global_ui_context.active_window, x,y,w,h);
+	}
+	else
+	{
+		renderer->render_reset_scissor();
+	}
+}
+
+inline void ui_block_begin(layout_direction direction)
+{
+	global_ui_context.layout.layout_direction = direction;
+	global_ui_context.layout.block_height = 0;
+	global_ui_context.layout.start_offset_y = global_ui_context.layout.offset_y;
+	global_ui_context.layout.start_offset_x = global_ui_context.layout.offset_x;
+	
+	ui_pop_scissor();
+}
+
+inline void ui_block_end()
+{
+	if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL)
+	{
+		global_ui_context.layout.offset_y += global_ui_context.layout.block_height + WIDGET_PADDING;
+	}
+	global_ui_context.layout.offset_x = global_ui_context.layout.start_offset_x;
+}
+
+inline void ui_set_active_window(platform_window *window)
+{
+	global_ui_context.active_window = window;
+}
+
+inline void ui_begin_menu_bar()
+{
+	s32 w = global_ui_context.layout.width;
+	s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y;
+	
+	global_ui_context.layout.offset_x = 0;
+	global_ui_context.layout.layout_direction = LAYOUT_HORIZONTAL;
+	
+	renderer->render_rectangle(0, y, w, MENU_BAR_HEIGHT, global_ui_context.style.menu_background);
+	renderer->render_rectangle(0, y, w, 1, global_ui_context.style.border);
+	renderer->render_rectangle(0, y+MENU_BAR_HEIGHT, w, 1, global_ui_context.style.border);
+	global_ui_context.layout.menu_offset_y = 0;
+}
+
+inline bool ui_is_menu_active(u32 id)
+{
+	return id == global_ui_context.active_menu_id;
+}
+
+inline u32 ui_get_id()
+{
+	return global_ui_context.next_id++;
+}
+
+inline void ui_push_separator()
+{
+	s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x;
+	s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y;
+	s32 w = global_ui_context.layout.width;
+	
+	renderer->render_rectangle(x, y, w, 1, global_ui_context.style.border);
+	global_ui_context.layout.offset_y += 1 + WIDGET_PADDING;
+}
+
+void ui_push_vertical_dragbar()
+{
+	s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x + global_ui_context.layout.width;
+	s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y - WIDGET_PADDING;
+	s32 h = global_ui_context.layout.height;
+	
+	renderer->render_rectangle(x, y, 2, h, global_ui_context.style.border);
+}
+
+inline void ui_push_menu_item_separator()
+{
+	global_ui_context.layout.menu_offset_y += 1;
+}
+
+static s32 ui_get_scroll()
+{
+	if (global_ui_context.layout.scroll->in_scroll)
+	{
+		return global_ui_context.layout.scroll->scroll;
+	}
+	
+	return 0;
+}
+
+bool ui_push_color_button(char *text, bool selected, color c)
+{
+	bool result = false;
+	
+	s32 x = global_ui_context.layout.offset_x + WIDGET_PADDING + global_ui_context.camera->x;
+	s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll();
+	s32 total_w =
+		BUTTON_HORIZONTAL_TEXT_PADDING + BUTTON_HORIZONTAL_TEXT_PADDING;
+	s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x;
+	s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y;
+	s32 h = BUTTON_HEIGHT;
+	
+	if (global_ui_context.layout.block_height < h)
+		global_ui_context.layout.block_height = h;
+	
+	color bg_color = c;
+	
+	s32 virt_top = y;
+	s32 virt_bottom = y + h;
+	if (global_ui_context.layout.scroll->in_scroll)
+	{
+		s32 bottom = global_ui_context.layout.scroll->scroll_start_offset_y + global_ui_context.layout.scroll->height;
+		if (bottom < virt_bottom)
+			virt_bottom = bottom;
+		s32 top = global_ui_context.layout.scroll->scroll_start_offset_y - WIDGET_PADDING;
+		if (top > virt_top)
+			virt_top = top;
+	}
+	
+	if (mouse_x >= x && mouse_x < x + total_w && mouse_y >= virt_top && mouse_y < virt_bottom && !global_ui_context.item_hovered)
+	{
+		ui_set_cursor(CURSOR_POINTER);
+		bg_color.r-=20;
+		bg_color.g-=20;
+		bg_color.b-=20;
+		
+		if (is_left_clicked(global_ui_context.mouse)) 
+		{
+			global_ui_context.mouse->left_state &= ~MOUSE_CLICK;
+			result = true;
+		}
+	}
+	
+	if (selected)
+	{
+		renderer->render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color);
+		renderer->render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 4, global_ui_context.style.border);
+	}
+	else
+	{
+		renderer->render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color);
+		renderer->render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 1, global_ui_context.style.border);
+	}
+	
+	if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL)
+		global_ui_context.layout.offset_x += total_w + WIDGET_PADDING;
+	else
+		global_ui_context.layout.offset_y += BUTTON_HEIGHT + WIDGET_PADDING;
+	
+	return result;
+}
+
+bool ui_push_dropdown_item(image *icon, char *title, s32 index)
+{
+	bool result = false;
+	
+	renderer->set_render_depth(30);
+	
+	u32 id = ui_get_id();
+	global_ui_context.layout.dropdown_item_count++;
+	s32 h = BUTTON_HEIGHT;
+	s32 x = global_ui_context.layout.dropdown_x + WIDGET_PADDING + global_ui_context.camera->x;
+	s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll() + ((global_ui_context.layout.dropdown_item_count)*h-(1*global_ui_context.layout.dropdown_item_count));
+	s32 text_x = x + BUTTON_HORIZONTAL_TEXT_PADDING;
+	s32 text_y = y + (BUTTON_HEIGHT/2) - (global_ui_context.font_small->px_h / 2);
+	s32 total_w = DROPDOWN_ITEM_WIDTH 
+		+ BUTTON_HORIZONTAL_TEXT_PADDING + BUTTON_HORIZONTAL_TEXT_PADDING;
+	s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x;
+	s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y;
+	
+	color bg_color = global_ui_context.style.widget_background;
+	
+	if (mouse_x >= x && mouse_x < x + total_w && mouse_y > y && mouse_y < y + h)
+	{
+		ui_set_hovered(id, x,y,total_w,h);
+		
+		ui_set_cursor(CURSOR_POINTER);
+		if (is_left_clicked(global_ui_context.mouse))
+		{
+			global_ui_context.layout.active_dropdown_state->selected_index = index;
+			result = true;
+		}
+		
+		bg_color = global_ui_context.style.widget_hover_background;
+	}
+	
+	
+	renderer->render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color);
+	renderer->render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 1, global_ui_context.style.border);
+	if (icon)
+	{
+		renderer->render_image(icon, x+(BUTTON_HORIZONTAL_TEXT_PADDING/2), 
+					 y + (h - (h-6))/2, h-6, h-6);
+		text_x += h-10;
+	}
+	renderer->render_text(global_ui_context.font_small, text_x+(BUTTON_HORIZONTAL_TEXT_PADDING/2)-5, text_y, title, global_ui_context.style.foreground);
+	
+	
+#if 0
+	if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL)
+		global_ui_context.layout.offset_x += total_w + WIDGET_PADDING;
+	else
+		global_ui_context.layout.offset_y += BUTTON_HEIGHT + WIDGET_PADDING;
+#endif
+	renderer->set_render_depth(1);
+	
+	return result;
+}
+
+bool ui_push_dropdown(dropdown_state *state, char *title)
+{
+	bool result = false;
+	
+	global_ui_context.layout.active_dropdown_state = state;
+	
+	u32 id = ui_get_id();
+	global_ui_context.layout.dropdown_item_count = 0;
+	s32 x = global_ui_context.layout.offset_x + WIDGET_PADDING + global_ui_context.camera->x;
+	s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll();
+	s32 text_x = x + BUTTON_HORIZONTAL_TEXT_PADDING;
+	s32 text_y = y + (BUTTON_HEIGHT/2) - (global_ui_context.font_small->px_h/2);
+	s32 total_w = DROPDOWN_WIDTH + BUTTON_HORIZONTAL_TEXT_PADDING + BUTTON_HORIZONTAL_TEXT_PADDING;
+	s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x;
+	s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y;
+	s32 h = BUTTON_HEIGHT;
+	
+	if (global_ui_context.layout.block_height < h)
+		global_ui_context.layout.block_height = h;
+	
+	color bg_color = global_ui_context.style.widget_background;
+	
+	if (mouse_x >= x && mouse_x < x + total_w && mouse_y >= y && mouse_y < y + h && !global_ui_context.item_hovered)
+	{
+		ui_set_hovered(id, x,y,total_w,h);
+		
+		ui_set_cursor(CURSOR_POINTER);
+		if (is_left_clicked(global_ui_context.mouse))
+		{
+			state->state = !state->state;
+		}
+		
+		bg_color = global_ui_context.style.widget_hover_background;
+	}
+	else if (is_left_down(global_ui_context.mouse) && state->state)
+	{
+		state->state = false;
+		// render dropdown this frame so item can be selected
+		result = true;
+	}
+	
+	renderer->render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color);
+	renderer->render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 1, global_ui_context.style.border);
+	renderer->render_text(global_ui_context.font_small, text_x, text_y, title, global_ui_context.style.foreground);
+	
+	renderer->render_triangle(x+total_w - h, y+(h-(h-12))/2, h-12, h-12, global_ui_context.style.border, TRIANGLE_DOWN);
+	global_ui_context.layout.dropdown_x = global_ui_context.layout.offset_x;
+	if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL)
+		global_ui_context.layout.offset_x += total_w + WIDGET_PADDING;
+	else
+		global_ui_context.layout.offset_y += BUTTON_HEIGHT + WIDGET_PADDING;
+	
+	return result || state->state;
+}
+
+bool ui_push_menu(char *title)
+{
+	bool result = false;
+	
+	global_ui_context.layout.menu_offset_y = 0;
+	global_ui_context.menu_item_count = 0;
+	u32 id = ui_get_id();
+	
+	s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x;
+	s32 w = renderer->calculate_text_width(global_ui_context.font_small, title) +
+		(MENU_HORIZONTAL_PADDING*2);
+	s32 text_h = global_ui_context.font_small->px_h;
+	s32 h = MENU_BAR_HEIGHT-1;
+	s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y+1;
+	s32 text_y = global_ui_context.layout.offset_y - (text_h / 2) + (h / 2) + global_ui_context.camera->y;
+	s32 text_x = x + MENU_HORIZONTAL_PADDING;
+	
+	s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x;
+	s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y;
+	
+	color bg_color = global_ui_context.style.menu_background;
+	
+	bool is_open = ui_is_menu_active(id);
+	result = is_open;
+	
+	if (mouse_x >= x && mouse_x < x + w && mouse_y >= y && mouse_y < y + h)
+	{
+		ui_set_cursor(CURSOR_POINTER);
+		if (is_left_clicked(global_ui_context.mouse))
+		{
+			if (is_open)
+				global_ui_context.active_menu_id = -1;
+			else
+				global_ui_context.active_menu_id = id;
+			
+			result = !is_open;
+			is_open = result;
+		}
+		
+		bg_color = global_ui_context.style.menu_hover_background;
+	}
+	else if (is_left_down(global_ui_context.mouse))
+	{
+		if (is_open)
+			global_ui_context.active_menu_id = -1;
+		is_open = false;
+	}
+	if (!global_ui_context.active_window->has_focus && is_open)
+	{
+		global_ui_context.active_menu_id = -1;
+		is_open = false;
+	}
+	
+	renderer->render_rectangle(x, y, w, h, bg_color);
+	renderer->render_text(global_ui_context.font_small, text_x, text_y, title, global_ui_context.style.foreground);
+	
+	global_ui_context.layout.prev_offset_x = global_ui_context.layout.offset_x;
+	global_ui_context.layout.offset_x += w;
+	
+	return result;
+}
+
+static void ui_set_active_textbox(textbox_state *state)
+{
+	if (global_ui_context.current_active_textbox && global_ui_context.current_active_textbox != state)
+	{
+		global_ui_context.current_active_textbox->state = false;
+	}
+	global_ui_context.current_active_textbox = state;
+}
+
+void ui_set_textbox_active(textbox_state *textbox)
+{
+	ui_set_active_textbox(textbox);
+	keyboard_set_input_text(textbox->buffer);
+	textbox->state = true;
+	global_ui_context.mouse->left_state &= ~MOUSE_CLICK;
+	global_ui_context.keyboard->take_input = textbox->state;
+}
+
+bool ui_push_textbox(textbox_state *state, char *placeholder)
+{
+	bool result = false;
+	static u64 cursor_tick = 0;
+	static u64 last_cursor_pos = -1;
+	
+	if (!global_ui_context.active_window->has_focus)
+		state->state = false;
+	
+	s32 x = global_ui_context.layout.offset_x + WIDGET_PADDING + global_ui_context.camera->x;
+	s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll();
+	s32 text_x = x + 5;
+	s32 text_y = y + (TEXTBOX_HEIGHT/2) - (global_ui_context.font_small->px_h/2);
+	s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x;
+	s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y;
+	
+	if (global_ui_context.layout.block_height < TEXTBOX_HEIGHT)
+		global_ui_context.layout.block_height = TEXTBOX_HEIGHT;
+	
+	bool has_text = state->buffer[0] != 0;
+	
+	s32 virt_top = y;
+	s32 virt_bottom = y + TEXTBOX_HEIGHT;
+	if (global_ui_context.layout.scroll->in_scroll)
+	{
+		s32 bottom = global_ui_context.layout.scroll->scroll_start_offset_y + global_ui_context.layout.scroll->height;
+		if (bottom < virt_bottom)
+			virt_bottom = bottom;
+		s32 top = global_ui_context.layout.scroll->scroll_start_offset_y - WIDGET_PADDING;
+		if (top > virt_top)
+			virt_top = top;
+	}
+	
+	/////////////////////////////////////////////
+	/////////////////////////////////////////////
+	/////////////////////////////////////////////
+	
+	bool is_selecting = false;
+	bool clicked_to_select = false;
+	bool double_clicked_to_select_first = false;
+	bool clicked_to_set_cursor = false;
+	if (mouse_x >= x && mouse_x < x + TEXTBOX_WIDTH && mouse_y >= virt_top && mouse_y < virt_bottom)
+	{
+		ui_set_cursor(CURSOR_TEXT);
+		
+		if (is_left_double_clicked(global_ui_context.mouse) && has_text)
+		{
+			ui_set_active_textbox(state);
+			
+			global_ui_context.keyboard->selection_begin_offset = 0;
+			global_ui_context.keyboard->selection_length = utf8len(global_ui_context.keyboard->input_text);
+			global_ui_context.keyboard->has_selection = true;
+			state->selection_start_index = 0;
+			
+			global_ui_context.mouse->left_state &= ~MOUSE_DOUBLE_CLICK;
+			global_ui_context.mouse->left_state &= ~MOUSE_CLICK;
+			
+			state->double_clicked_to_select = true;
+			double_clicked_to_select_first = true;
+		}
+		if (is_left_clicked(global_ui_context.mouse))
+		{
+			ui_set_active_textbox(state);
+			
+			keyboard_set_input_text(state->buffer);
+			cursor_tick = 0;
+			
+			if (global_ui_context.keyboard->has_selection)
+			{
+				global_ui_context.keyboard->has_selection = false;
+			}
+			
+			clicked_to_set_cursor = true;
+			
+			state->state = true;
+			global_ui_context.mouse->left_state &= ~MOUSE_CLICK;
+			result = true;
+			
+			global_ui_context.keyboard->take_input = state->state;
+		}
+	}
+	else if (is_left_clicked(global_ui_context.mouse))
+	{
+		if (state->state)
+		{
+			global_ui_context.keyboard->has_selection = false;
+		}
+		
+		state->state = false;
+	}
+	
+	if (is_left_released(global_ui_context.mouse))
+	{
+		state->attempting_to_select = false;
+	}
+	
+	if (state->state && global_ui_context.keyboard->has_selection && is_left_down(global_ui_context.mouse))
+		is_selecting = true;
+	
+	if (keyboard_is_key_pressed(KEY_ENTER) && state->deselect_on_enter)
+	{
+		global_ui_context.keyboard->has_selection = false;
+		state->state = false;
+	}
+	if (state->state && keyboard_is_key_down(KEY_LEFT_CONTROL) &&
+		keyboard_is_key_pressed(KEY_ENTER) &&
+		state->accept_newline)
+	{
+		keyboard_handle_input_string(global_ui_context.active_window, "\n");
+	}
+	
+	// calculate scissor rectangle for background
+	if (global_ui_context.layout.scroll->in_scroll)
+	{
+		s32 scissor_x = x;
+		s32 scissor_y = global_ui_context.layout.scroll->y;
+		s32 scissor_w = TEXTBOX_WIDTH;
+		s32 scissor_h = global_ui_context.layout.scroll->height - 2;
+		
+		renderer->render_set_scissor(global_ui_context.active_window, scissor_x,
+						   scissor_y, scissor_w, scissor_h);
+	}
+	else
+	{
+		s32 scissor_x = x - global_ui_context.camera->x;
+		s32 scissor_y = y - global_ui_context.camera->y;
+		s32 scissor_w = TEXTBOX_WIDTH;
+		s32 scissor_h = TEXTBOX_HEIGHT;
+		
+		renderer->render_set_scissor(global_ui_context.active_window, 
+						   scissor_x, scissor_y, scissor_w, scissor_h);
+	}
+	
+	if (!state->state)
+	{
+		renderer->render_rectangle(x, y, TEXTBOX_WIDTH, TEXTBOX_HEIGHT, global_ui_context.style.textbox_background);
+		renderer->render_rectangle_outline(x, y, TEXTBOX_WIDTH, TEXTBOX_HEIGHT, 1, global_ui_context.style.border);
+	}
+	else
+	{
+		cursor_tick++;
+		renderer->render_rectangle(x, y, TEXTBOX_WIDTH, TEXTBOX_HEIGHT, global_ui_context.style.textbox_background);
+		renderer->render_rectangle_outline(x, y, TEXTBOX_WIDTH, TEXTBOX_HEIGHT, 1, global_ui_context.style.textbox_active_border);
+	}
+	
+	// calculate scissor rectangle for text
+	if (global_ui_context.layout.scroll->in_scroll)
+	{
+		s32 scissor_x = x+3;
+		s32 scissor_y = global_ui_context.layout.scroll->y;
+		s32 scissor_w = TEXTBOX_WIDTH-5;
+		s32 scissor_h = global_ui_context.layout.scroll->height - 2;
+		
+		renderer->render_set_scissor(global_ui_context.active_window, scissor_x,
+						   scissor_y, scissor_w, scissor_h);
+	}
+	else
+	{
+		s32 scissor_x = x - global_ui_context.camera->x+3;
+		s32 scissor_y = y - global_ui_context.camera->y;
+		s32 scissor_w = TEXTBOX_WIDTH-5;
+		s32 scissor_h = TEXTBOX_HEIGHT;
+		
+		renderer->render_set_scissor(global_ui_context.active_window, 
+						   scissor_x, scissor_y, scissor_w, scissor_h);
+	}
+	
+	s32 cursor_text_w;
+	
+	// select first character on click
+	if (clicked_to_set_cursor)
+	{
+		global_ui_context.keyboard->cursor = renderer->calculate_cursor_position(global_ui_context.font_small, 
+																	   state->buffer, mouse_x + state->diff - text_x);
+		
+		state->last_click_cursor_index = global_ui_context.keyboard->cursor;
+		state->attempting_to_select = true;
+		
+		global_ui_context.keyboard->selection_begin_offset = global_ui_context.keyboard->cursor;
+		
+#if 0
+		global_ui_context.keyboard->has_selection = true;
+		global_ui_context.keyboard->selection_begin_offset = calculate_cursor_position(global_ui_context.font_small, 
+																					   state->buffer, mouse_x + state->diff - text_x);
+		global_ui_context.keyboard->selection_length = 1;
+		state->selection_start_index = global_ui_context.keyboard->selection_begin_offset;
+#endif
+	}
+	
+	if (state->state)
+	{
+		// check if text changes, add to history if true
+		bool is_lctrl_down = global_ui_context.keyboard->keys[KEY_LEFT_CONTROL];
+		
+		// go to previous state
+		if (is_lctrl_down && keyboard_is_key_pressed(KEY_Z) && state->history.length)
+		{
+			textbox_history_entry history_entry;
+			history_entry.text = mem_alloc(strlen(state->buffer)+1);
+			history_entry.cursor_offset = last_cursor_pos;
+			string_copyn(history_entry.text, state->buffer, MAX_INPUT_LENGTH);
+			array_push(&state->future, (uint8_t *)&history_entry);
+			
+			global_ui_context.keyboard->text_changed = true;
+			
+			textbox_history_entry *old_text = array_at(&state->history, state->history.length-1);
+			string_copyn(state->buffer, old_text->text, MAX_INPUT_LENGTH);
+			keyboard_set_input_text(state->buffer);
+			
+			mem_free(old_text->text);
+			array_remove_at(&state->history, state->history.length-1);
+			
+			global_ui_context.keyboard->cursor = old_text->cursor_offset;
+		}
+		else if (is_lctrl_down && 
+				 keyboard_is_key_pressed(KEY_Y) && state->future.length)
+		{
+			textbox_history_entry history_entry;
+			history_entry.text = mem_alloc(strlen(state->buffer)+1);
+			history_entry.cursor_offset = last_cursor_pos;
+			string_copyn(history_entry.text, state->buffer, MAX_INPUT_LENGTH);
+			array_push(&state->history, (uint8_t *)&history_entry);
+			
+			global_ui_context.keyboard->text_changed = true;
+			
+			textbox_history_entry *old_text = array_at(&state->future, state->future.length-1);
+			string_copyn(state->buffer, old_text->text, MAX_INPUT_LENGTH);
+			keyboard_set_input_text(state->buffer);
+			
+			mem_free(old_text->text);
+			array_remove_at(&state->future, state->future.length-1);
+			
+			global_ui_context.keyboard->cursor = old_text->cursor_offset;
+		}
+		else
+		{
+			if (global_ui_context.keyboard->text_changed)
+			{
+				if (last_cursor_pos != -1)
+				{
+					textbox_history_entry history_entry;
+					history_entry.text = mem_alloc(strlen(state->buffer)+1);
+					history_entry.cursor_offset = last_cursor_pos;
+					string_copyn(history_entry.text, state->buffer, MAX_INPUT_LENGTH);
+					array_push(&state->history, (uint8_t *)&history_entry);
+				}
+			}
+			
+			string_copyn(state->buffer, global_ui_context.keyboard->input_text, state->max_len);
+			
+			if (global_ui_context.keyboard->cursor > state->max_len)
+			{
+				global_ui_context.keyboard->cursor = state->max_len;
+				utf8_str_replace_at(global_ui_context.keyboard->input_text,global_ui_context.keyboard->cursor, 0);
+			}
+		}
+		
+		// cursor ticking after text change
+		if (last_cursor_pos != global_ui_context.keyboard->cursor || global_ui_context.keyboard->text_changed)
+			cursor_tick = 0;
+		
+		// draw cursor
+		cursor_text_w = renderer->calculate_text_width_upto(global_ui_context.font_small, 
+												  state->buffer, global_ui_context.keyboard->cursor);
+		
+		s32 text_w = renderer->calculate_text_width(global_ui_context.font_small, state->buffer);
+		
+#if 1
+		// change offset after cursor position change
+		if (!is_selecting && !global_ui_context.keyboard->has_selection && !state->attempting_to_select)
+		{
+			if (cursor_text_w < state->diff)
+			{
+				state->diff = cursor_text_w;
+			}
+			if (cursor_text_w - state->diff > TEXTBOX_WIDTH - 10)
+			{
+				state->diff = (cursor_text_w) - (TEXTBOX_WIDTH - 10);
+			}
+		}
+#endif
+		
+		// make sure offset is recalculated when text changes or a portion of text is changed so the textbox doesnt end up half empty
+#if 1
+		if (!clicked_to_select && !clicked_to_set_cursor && !is_selecting && !global_ui_context.keyboard->has_selection && global_ui_context.keyboard->text_changed)
+		{
+			s32 max_offset_x = text_w - (TEXTBOX_WIDTH-10);
+			
+			if (state->diff > max_offset_x && max_offset_x > 0)
+				state->diff = max_offset_x;
+			else if ((cursor_text_w <= TEXTBOX_WIDTH -10))
+				state->diff = 0;
+			
+#if 0
+			if ((state->diff+cursor_text_w > TEXTBOX_WIDTH -10) && (global_ui_context.keyboard->text_changed || global_ui_context.keyboard->cursor != last_cursor_pos))
+			{
+				state->diff = cursor_text_w - TEXTBOX_WIDTH + 10;
+			}
+			else if ((state->diff+cursor_text_w <= TEXTBOX_WIDTH -10))
+			{
+				state->diff = 0;
+			}
+#endif
+		}
+#endif
+	}
+	
+	s32 curr_index = renderer->calculate_cursor_position(global_ui_context.font_small, 
+											   state->buffer, mouse_x + state->diff - text_x);
+	
+	//////////////////////////////////
+	{
+		if (curr_index != state->last_click_cursor_index && state->attempting_to_select)
+		{
+			clicked_to_select = true;
+			state->attempting_to_select = false;
+		}
+	}
+	
+	
+	// select first character on click
+	if (clicked_to_select)
+	{
+#if 1
+		global_ui_context.keyboard->has_selection = true;
+		//global_ui_context.keyboard->selection_begin_offset = calculate_cursor_position(global_ui_context.font_small, 
+		//state->buffer, mouse_x + state->diff - text_x);
+		global_ui_context.keyboard->selection_length = 0;
+		state->selection_start_index = global_ui_context.keyboard->selection_begin_offset;
+		
+		state->selection_start_index--;
+#endif
+	}
+	
+	
+#if 1
+	if (is_selecting)
+	{
+		// move text offset x when selecting so we can select more text than available on screen.
+		if (global_ui_context.mouse->x < x + 10)
+		{
+			s32 text_w = renderer->calculate_text_width(global_ui_context.font_small, state->buffer);
+			if (text_w > TEXTBOX_WIDTH-10)
+			{
+				state->diff -= TEXTBOX_SCROLL_X_SPEED;
+				if (state->diff < 0) state->diff = 0;
+			}
+		}
+		if (global_ui_context.mouse->x > x + TEXTBOX_WIDTH - 10)
+		{
+			s32 text_w = renderer->calculate_text_width(global_ui_context.font_small, state->buffer);
+			s32 diff = text_w - TEXTBOX_WIDTH + 10;
+			
+			if (text_w > TEXTBOX_WIDTH-10)
+			{
+				state->diff += TEXTBOX_SCROLL_X_SPEED;
+				if (state->diff > diff)
+					state->diff = diff;
+			}
+		}
+		///////////////////////////////////////////////////////////
+	}
+#endif
+	
+	// change selection area based on cursor position.
+	// if double clicked to select the entire textbox we should only 
+	// do this when the mouse has moved enough to select a new character
+#if 1
+	if (is_selecting)
+	{
+		s32 index = renderer->calculate_cursor_position(global_ui_context.font_small, 
+											  state->buffer, mouse_x + state->diff - text_x)+1;
+		
+		if (double_clicked_to_select_first)
+			state->double_clicked_to_select_cursor_index = index;
+		
+		if (!state->double_clicked_to_select || (state->double_clicked_to_select && index != state->double_clicked_to_select_cursor_index))
+		{
+			if (index <= state->selection_start_index+1)
+			{
+				global_ui_context.keyboard->selection_begin_offset = index - 1;
+				global_ui_context.keyboard->selection_length = state->selection_start_index - index + 2;
+			}
+			else if (index > state->selection_start_index)
+			{
+				global_ui_context.keyboard->selection_begin_offset = state->selection_start_index+1;
+				global_ui_context.keyboard->selection_length = index - state->selection_start_index-2;
+			}
+			
+			state->double_clicked_to_select = false;
+		}
+	}
+#endif
+	
+	if (state->state)
+	{
+		last_cursor_pos = global_ui_context.keyboard->cursor;
+	}
+	
+	if (!has_text)
+	{
+		if (!state->state)
+			renderer->render_text(global_ui_context.font_small, text_x - state->diff, text_y, 
+						placeholder, global_ui_context.style.textbox_placeholder_foreground);
+		else
+			renderer->render_text_with_cursor(global_ui_context.font_small, text_x - state->diff, text_y, 
+									placeholder, global_ui_context.style.textbox_placeholder_foreground, global_ui_context.keyboard->cursor);
+	}
+	else
+	{
+		if (global_ui_context.keyboard->has_selection && state->state && global_ui_context.keyboard->selection_length)
+			renderer->render_text_with_selection(global_ui_context.font_small, text_x - state->diff, text_y, 
+									   state->buffer, global_ui_context.style.foreground, global_ui_context.keyboard->selection_begin_offset,
+									   global_ui_context.keyboard->selection_length);
+		else if (state->state)
+			renderer->render_text_with_cursor(global_ui_context.font_small, text_x - state->diff, text_y, 
+									state->buffer, global_ui_context.style.foreground, global_ui_context.keyboard->cursor);
+		else
+			renderer->render_text(global_ui_context.font_small, text_x - state->diff, text_y, 
+						state->buffer, global_ui_context.style.foreground);
+	}
+	
+	ui_pop_scissor();
+	//render_reset_scissor();
+	
+	if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL)
+		global_ui_context.layout.offset_x += TEXTBOX_WIDTH + WIDGET_PADDING;
+	else
+		global_ui_context.layout.offset_y += TEXTBOX_HEIGHT + WIDGET_PADDING;
+	
+	return result || state->state;
+}
+
+bool ui_push_hypertext_link(char *text)
+{
+	bool result = false;
+	
+	s32 spacing_y = (BLOCK_HEIGHT - CHECKBOX_SIZE)/2;
+	s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x;
+	s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll() - spacing_y;
+	s32 text_x = x + WIDGET_PADDING;
+	s32 text_h = global_ui_context.font_small->px_h + 10;
+	s32 text_y = y + (BLOCK_HEIGHT/2) - (global_ui_context.font_small->px_h/2) + spacing_y;
+	s32 total_w = renderer->calculate_text_width(global_ui_context.font_small, text) +
+		WIDGET_PADDING + WIDGET_PADDING + 10;
+	s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x;
+	s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y;
+	
+	if (global_ui_context.layout.block_height < global_ui_context.font_small->px_h)
+		global_ui_context.layout.block_height = global_ui_context.font_small->px_h;
+	
+	color bg_color = global_ui_context.style.hypertext_foreground;
+	bool hovered = false;
+	if (mouse_x >= text_x && mouse_x < text_x + total_w && mouse_y >= text_y && mouse_y < text_y+text_h && !global_ui_context.item_hovered)
+	{
+		hovered = true;
+		if (is_left_clicked(global_ui_context.mouse))
+		{
+			result = true;
+		}
+		bg_color = global_ui_context.style.hypertext_hover_foreground;
+	}
+	
+	s32 text_width = renderer->render_text(global_ui_context.font_small, text_x + 5, text_y + 5, text, bg_color);
+	
+	if (result)
+		renderer->render_rectangle(text_x, text_y+text_h+2, text_width+10, 1, bg_color);
+	else if (hovered)
+		renderer->render_rectangle(text_x, text_y+text_h, text_width+10, 1, bg_color);
+	
+	
+	if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL)
+		global_ui_context.layout.offset_x += total_w;
+	else
+		global_ui_context.layout.offset_y += CHECKBOX_SIZE + WIDGET_PADDING;
+	
+	return result;
+}
+
+void ui_push_textf(font *f, char *text)
+{
+	s32 spacing_y = (BLOCK_HEIGHT - CHECKBOX_SIZE)/2;
+	s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x;
+	s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll() - spacing_y;
+	s32 text_x = x + WIDGET_PADDING;
+	s32 text_y = y + (BLOCK_HEIGHT/2) - (f->px_h/2) + spacing_y;
+	s32 total_w = renderer->calculate_text_width(f, text) +
+		WIDGET_PADDING + WIDGET_PADDING;
+	
+	if (global_ui_context.layout.block_height < f->px_h)
+		global_ui_context.layout.block_height = f->px_h+5;
+	
+	renderer->render_text(f, text_x, text_y, text, global_ui_context.style.foreground);
+	
+	if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL)
+		global_ui_context.layout.offset_x += total_w;
+	else
+		global_ui_context.layout.offset_y += CHECKBOX_SIZE + WIDGET_PADDING;
+}
+
+
+void ui_push_textf_width(font *f, char *text, s32 maxw)
+{
+	s32 spacing_y = (BLOCK_HEIGHT - CHECKBOX_SIZE)/2;
+	s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x;
+	s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll() - spacing_y;
+	s32 text_x = x + WIDGET_PADDING;
+	s32 text_y = y + (BLOCK_HEIGHT/2) - (f->px_h/2) + spacing_y;
+	s32 total_w = maxw +
+		WIDGET_PADDING + WIDGET_PADDING;
+	maxw -= (WIDGET_PADDING*2);
+	if (global_ui_context.layout.block_height < f->px_h)
+		global_ui_context.layout.block_height = f->px_h+5;
+	
+	renderer->render_text_ellipsed(f, text_x, text_y, maxw, text, global_ui_context.style.foreground);
+	
+	if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL)
+		global_ui_context.layout.offset_x += total_w;
+	else
+		global_ui_context.layout.offset_y += CHECKBOX_SIZE + WIDGET_PADDING;
+}
+
+
+void ui_push_text(char *text)
+{
+	s32 spacing_y = (BLOCK_HEIGHT - CHECKBOX_SIZE)/2;
+	s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x;
+	s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll() - spacing_y;
+	s32 text_x = x + WIDGET_PADDING;
+	s32 text_y = y + (BLOCK_HEIGHT/2) - (global_ui_context.font_small->px_h/2) + spacing_y;
+	s32 total_w = renderer->calculate_text_width(global_ui_context.font_small, text) +
+		WIDGET_PADDING + WIDGET_PADDING;
+	
+	if (global_ui_context.layout.block_height < global_ui_context.font_small->px_h)
+		global_ui_context.layout.block_height = global_ui_context.font_small->px_h+5;
+	
+	renderer->render_text(global_ui_context.font_small, text_x, text_y, text, global_ui_context.style.foreground);
+	
+	if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL)
+		global_ui_context.layout.offset_x += total_w;
+	else
+		global_ui_context.layout.offset_y += CHECKBOX_SIZE + WIDGET_PADDING;
+}
+
+void ui_push_rect(s32 w, color c)
+{
+	s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x;
+	s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll();
+	s32 total_w = w +
+		WIDGET_PADDING + WIDGET_PADDING;
+	s32 h = BUTTON_HEIGHT;
+	
+	s32 virt_top = y;
+	s32 virt_bottom = y + TEXTBOX_HEIGHT;
+	if (global_ui_context.layout.scroll->in_scroll)
+	{
+		s32 bottom = global_ui_context.layout.scroll->scroll_start_offset_y + global_ui_context.layout.scroll->height;
+		if (bottom < virt_bottom)
+			virt_bottom = bottom;
+		s32 top = global_ui_context.layout.scroll->scroll_start_offset_y - WIDGET_PADDING;
+		if (top > virt_top)
+			virt_top = top;
+	}
+	
+	if (global_ui_context.layout.block_height < h)
+		global_ui_context.layout.block_height = h;
+	
+	{
+		renderer->render_rectangle(x+WIDGET_PADDING,y,w,h,c);
+	}
+	
+	if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL)
+		global_ui_context.layout.offset_x += total_w;
+	else
+		global_ui_context.layout.offset_y += BUTTON_HEIGHT + WIDGET_PADDING;
+}
+
+bool ui_push_text_width(char *text, s32 maxw, bool active)
+{
+	bool result = false;
+	
+	s32 spacing_y = (BLOCK_HEIGHT - CHECKBOX_SIZE)/2;
+	s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x;
+	s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll() - spacing_y;
+	s32 text_x = x + WIDGET_PADDING;
+	s32 h = BUTTON_HEIGHT;
+	s32 text_y = y + (BLOCK_HEIGHT/2) - (global_ui_context.font_small->px_h/2) + spacing_y;
+	s32 total_w = maxw +
+		WIDGET_PADDING + WIDGET_PADDING;
+	s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x;
+	s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y;
+	s32 virt_top = y;
+	s32 virt_bottom = y + h;
+	
+	if (global_ui_context.layout.scroll->in_scroll)
+	{
+		s32 bottom = global_ui_context.layout.scroll->scroll_start_offset_y + global_ui_context.layout.scroll->height;
+		if (bottom < virt_bottom)
+			virt_bottom = bottom;
+		s32 top = global_ui_context.layout.scroll->scroll_start_offset_y - WIDGET_PADDING;
+		if (top > virt_top)
+			virt_top = top;
+	}
+	
+	if (global_ui_context.layout.block_height < global_ui_context.font_small->px_h)
+		global_ui_context.layout.block_height = global_ui_context.font_small->px_h+5;
+	maxw -= (WIDGET_PADDING*2);
+	if (active)
+	{
+		bool hovered = false;
+		if (mouse_x >= x && mouse_x < x + total_w && mouse_y >= virt_top && mouse_y < virt_bottom && !global_ui_context.item_hovered)
+		{
+			hovered = true;
+			ui_set_cursor(CURSOR_POINTER);
+			if (is_left_clicked(global_ui_context.mouse))
+			{
+				result = true;
+			}
+		}
+		
+		if (hovered)
+		{
+			renderer->render_rectangle_outline(x-1,y+spacing_y,total_w, h, 1, global_ui_context.style.textbox_active_border);
+		}
+	}
+	
+	renderer->render_text_ellipsed(global_ui_context.font_small, text_x, text_y, maxw, text, global_ui_context.style.foreground);
+	
+	
+	if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL)
+		global_ui_context.layout.offset_x += total_w;
+	else
+		global_ui_context.layout.offset_y += BUTTON_HEIGHT + WIDGET_PADDING;
+	
+	return result;
+}
+
+bool ui_push_checkbox(checkbox_state *state, char *title)
+{
+	bool result = false;
+	
+	u32 id = ui_get_id();
+	s32 spacing_y = (BLOCK_HEIGHT - CHECKBOX_SIZE)/2;
+	s32 x = global_ui_context.layout.offset_x + WIDGET_PADDING + global_ui_context.camera->x;
+	s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll() - spacing_y;
+	s32 text_x = x + CHECKBOX_SIZE + WIDGET_PADDING;
+	s32 text_y = y + (BLOCK_HEIGHT/2) - (global_ui_context.font_small->px_h/2) + spacing_y;
+	s32 total_w = renderer->calculate_text_width(global_ui_context.font_small, title) +
+		CHECKBOX_SIZE + WIDGET_PADDING + WIDGET_PADDING;
+	s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x;
+	s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y;
+	
+	if (global_ui_context.layout.block_height < CHECKBOX_SIZE)
+		global_ui_context.layout.block_height = CHECKBOX_SIZE;
+	
+	renderer->render_rectangle_outline(x, y, CHECKBOX_SIZE, CHECKBOX_SIZE, 1, global_ui_context.style.border);
+	
+	s32 virt_top = y;
+	s32 virt_bottom = y + CHECKBOX_SIZE;
+	if (global_ui_context.layout.scroll->in_scroll)
+	{
+		s32 bottom = global_ui_context.layout.scroll->scroll_start_offset_y + global_ui_context.layout.scroll->height;
+		if (bottom < virt_bottom)
+			virt_bottom = bottom;
+		s32 top = global_ui_context.layout.scroll->scroll_start_offset_y - WIDGET_PADDING;
+		if (top > virt_top)
+			virt_top = top;
+	}
+	
+	if (mouse_x >= x && mouse_x < x + total_w && mouse_y >= virt_top && mouse_y < virt_bottom && !global_ui_context.item_hovered)
+	{
+		ui_set_hovered(id, x,y,total_w,CHECKBOX_SIZE);
+		
+		ui_set_cursor(CURSOR_POINTER);
+		if (is_left_clicked(global_ui_context.mouse))
+		{
+			state->state = !state->state;
+			result = true;
+		}
+	}
+	
+	if (state->state)
+	{
+		s32 spacing = 2;
+		renderer->render_rectangle(x+spacing, y+spacing, CHECKBOX_SIZE-(spacing*2), CHECKBOX_SIZE-(spacing*2), global_ui_context.style.border);
+	}
+	
+	renderer->render_text(global_ui_context.font_small, text_x, text_y, title, global_ui_context.style.foreground);
+	
+	if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL)
+		global_ui_context.layout.offset_x += total_w;
+	else
+		global_ui_context.layout.offset_y += CHECKBOX_SIZE + WIDGET_PADDING;
+	
+	return result;
+}
+
+void ui_begin_menu_submenu(submenu_state *state, char *title)
+{
+	bool result = ui_push_menu_item(title, "");
+	
+	s32 h = MENU_BAR_HEIGHT;
+	s32 x = global_ui_context.layout.prev_offset_x + global_ui_context.camera->x;
+	s32 y = global_ui_context.layout.offset_y + (global_ui_context.menu_item_count * h)+1 +
+		global_ui_context.layout.menu_offset_y + global_ui_context.camera->y;
+	s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x;
+	s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y;
+	
+	state->x = x + MENU_ITEM_WIDTH;
+	state->y = y;
+	state->item_count = 0;
+	
+	if ((mouse_x >= x && mouse_x < x + MENU_ITEM_WIDTH && mouse_y >= y && mouse_y < y + h))
+	{
+		state->hovered = true;
+		state->open = true;
+	}
+	else
+	{
+		state->hovered = false;
+	}
+	
+	log_assert(global_ui_context.submenus.count <= 4, "Submenu count cannot be greater than 4"); // @Hardcoded why is this?
+	global_ui_context.submenus.submenu_stack[global_ui_context.submenus.count++] = state;
+	
+	if (result) state->open = false;
+}
+
+void ui_end_menu_submenu(char* empty_placeholder)
+{
+	renderer->set_render_depth(30);
+	
+	submenu_state *state = global_ui_context.submenus.submenu_stack[global_ui_context.submenus.count-1];
+	
+	s32 w = state->w;
+	s32 h = MENU_BAR_HEIGHT;
+	s32 total_h = state->item_count*h;
+	s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x;
+	s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y;
+	
+	if (state->open)
+	{
+		if (!(mouse_x >= state->x && mouse_x < state->x + w && mouse_y >= state->y && mouse_y < state->y + total_h) && !state->hovered)
+		{
+			state->open = false;
+		}
+		
+		if (!state->item_count)
+		{
+			s32 text_h = global_ui_context.font_small->px_h;
+			s32 text_y = state->y - (text_h / 2) + (h / 2);
+			s32 text_x = state->x + MENU_HORIZONTAL_PADDING;
+			
+			total_h = h;
+			renderer->render_rectangle(state->x, state->y, w, total_h, global_ui_context.style.widget_background);
+			renderer->render_rectangle_outline(state->x, state->y, w, total_h, 1, global_ui_context.style.border);
+			
+			renderer->render_text(global_ui_context.font_small, text_x, text_y, empty_placeholder, global_ui_context.style.foreground);
+		}
+		else
+		{
+			renderer->render_rectangle(state->x, state->y, w, 1, global_ui_context.style.border);
+		}
+	}
+	
+	
+	global_ui_context.submenus.count--;
+	
+	renderer->set_render_depth(1);
+}
+
+bool ui_push_menu_item(char *title, char *shortcut)
+{
+	bool result = false;
+	
+	renderer->set_render_depth(30);
+	
+	s32 x = global_ui_context.layout.prev_offset_x + global_ui_context.camera->x;
+	s32 w = MENU_ITEM_WIDTH;
+	s32 text_h = global_ui_context.font_small->px_h;
+	s32 h = MENU_BAR_HEIGHT;
+	s32 y = global_ui_context.layout.offset_y + ((global_ui_context.menu_item_count+1) * h)+1 +
+		global_ui_context.layout.menu_offset_y + global_ui_context.camera->y;
+	
+	s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x;
+	s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y;
+	
+	color bg_color = global_ui_context.style.menu_background;
+	
+	s32 text_y = 0;
+	s32 text_x = 0;
+	s32 text_2_x = 0;
+	
+	submenu_state *state = 0;
+	if (global_ui_context.submenus.count)
+	{
+		state = global_ui_context.submenus.submenu_stack[global_ui_context.submenus.count-1];
+		w = state->w;
+		
+		if (!state->open) return false;
+		
+		x = state->x;
+		y = state->y + (state->item_count*h);
+		
+		text_y = y - (text_h / 2) + (h / 2);
+		text_x = x + MENU_HORIZONTAL_PADDING;
+		text_2_x = x + w - MENU_HORIZONTAL_PADDING
+			- renderer->calculate_text_width(global_ui_context.font_small, shortcut);
+		
+		state->item_count++;
+	}
+	else
+	{
+		global_ui_context.menu_item_count++;
+		
+		text_y = y - (text_h / 2) + (h / 2);
+		text_x = x + MENU_HORIZONTAL_PADDING;
+		text_2_x = x + w - MENU_HORIZONTAL_PADDING
+			- renderer->calculate_text_width(global_ui_context.font_small, shortcut);
+	}
+	
+	if ((mouse_x >= x && mouse_x < x + w && mouse_y >= y && mouse_y < y + h))
+	{
+		ui_set_cursor(CURSOR_POINTER);
+		bg_color = global_ui_context.style.menu_hover_background;
+		
+		if (is_left_clicked(global_ui_context.mouse)) 
+		{
+			if (state) state->open = false;
+			global_ui_context.mouse->left_state &= ~MOUSE_CLICK;
+			result = true;
+		}
+	}
+	
+	renderer->render_rectangle(x, y, w, h, bg_color);
+	renderer->render_rectangle(x, y+MENU_BAR_HEIGHT, w, 1, global_ui_context.style.border);
+	
+	// borders
+	renderer->render_rectangle(x, y, w, 1,  bg_color);
+	renderer->render_rectangle(x, y, 1, MENU_BAR_HEIGHT, global_ui_context.style.border);
+	renderer->render_rectangle(x+w, y, 1, MENU_BAR_HEIGHT+1, global_ui_context.style.border);
+	
+	// shadow
+	renderer->render_rectangle(x+w, y, 3, MENU_BAR_HEIGHT, rgba(0,0,0,100));
+	renderer->render_rectangle(x+3, y+h, w, 3, rgba(0,0,0,100));
+	
+	renderer->render_text(global_ui_context.font_small, text_x, text_y, title, global_ui_context.style.foreground);
+	renderer->render_text(global_ui_context.font_small, text_2_x, text_y, shortcut, global_ui_context.style.foreground);
+	
+	renderer->set_render_depth(1);
+	
+	return result;
+}
+
+bool ui_push_image(image *img, s32 w, s32 h, s32 outline, color tint)
+{
+	bool result = false;
+	
+	if (!img->loaded) return result;
+
+	s32 x = global_ui_context.layout.offset_x + WIDGET_PADDING + global_ui_context.camera->x;
+	s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll();
+	s32 total_w = w;
+	s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x;
+	s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y;
+	
+	if (global_ui_context.layout.block_height < h)
+		global_ui_context.layout.block_height = h;
+	
+	s32 virt_top = y;
+	s32 virt_bottom = y + h;
+	if (global_ui_context.layout.scroll->in_scroll)
+	{
+		s32 bottom = global_ui_context.layout.scroll->scroll_start_offset_y + global_ui_context.layout.scroll->height;
+		if (bottom < virt_bottom)
+			virt_bottom = bottom;
+		s32 top = global_ui_context.layout.scroll->scroll_start_offset_y - WIDGET_PADDING;
+		if (top > virt_top)
+			virt_top = top;
+	}
+	
+	if (mouse_x >= x && mouse_x < x + total_w && mouse_y >= virt_top && mouse_y < virt_bottom && !global_ui_context.item_hovered)
+	{
+		ui_set_cursor(CURSOR_POINTER);
+		
+		if (is_left_clicked(global_ui_context.mouse)) 
+		{
+			global_ui_context.mouse->left_state &= ~MOUSE_CLICK;
+		}
+		if (is_left_released(global_ui_context.mouse))
+		{
+			result = true;
+		}
+	}
+	
+	renderer->render_image_tint(img,x,y,w,h,global_ui_context.style.image_outline_tint);
+	renderer->render_image_tint(img,x+outline,y+outline,w-(outline*2),h-(outline*2),tint);
+	
+	if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL)
+		global_ui_context.layout.offset_x += total_w + WIDGET_PADDING;
+	else
+		global_ui_context.layout.offset_y += BUTTON_HEIGHT + WIDGET_PADDING;
+	
+	return result;
+}
+
+bool ui_push_button(button_state *state, char *title)
+{
+	bool result = false;
+	
+	u32 id = ui_get_id();
+	s32 x = global_ui_context.layout.offset_x + WIDGET_PADDING + global_ui_context.camera->x;
+	s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll();
+	s32 text_x = x + BUTTON_HORIZONTAL_TEXT_PADDING;
+	s32 text_y = y + (BUTTON_HEIGHT/2) - (global_ui_context.font_small->px_h/2);
+	s32 total_w = renderer->calculate_text_width(global_ui_context.font_small, title) +
+		BUTTON_HORIZONTAL_TEXT_PADDING + BUTTON_HORIZONTAL_TEXT_PADDING;
+	s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x;
+	s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y;
+	s32 h = BUTTON_HEIGHT;
+	
+	if (global_ui_context.layout.block_height < h)
+		global_ui_context.layout.block_height = h;
+	
+	color bg_color = global_ui_context.style.widget_background;
+	
+	s32 virt_top = y;
+	s32 virt_bottom = y + h;
+	if (global_ui_context.layout.scroll->in_scroll)
+	{
+		s32 bottom = global_ui_context.layout.scroll->scroll_start_offset_y + global_ui_context.layout.scroll->height;
+		if (bottom < virt_bottom)
+			virt_bottom = bottom;
+		s32 top = global_ui_context.layout.scroll->scroll_start_offset_y - WIDGET_PADDING;
+		if (top > virt_top)
+			virt_top = top;
+	}
+	
+	if (mouse_x >= x && mouse_x < x + total_w && mouse_y >= virt_top && mouse_y < virt_bottom && !global_ui_context.item_hovered)
+	{
+		ui_set_hovered(id, x,y,total_w,h);
+		ui_set_cursor(CURSOR_POINTER);
+		bg_color = global_ui_context.style.widget_hover_background;
+		
+		if (is_left_clicked(global_ui_context.mouse)) 
+		{
+			global_ui_context.mouse->left_state &= ~MOUSE_CLICK;
+			state->state = 1;
+		}
+		if (is_left_released(global_ui_context.mouse) && state->state)
+		{
+			state->state = 0;
+			result = true;
+		}
+	}
+	if (is_left_released(global_ui_context.mouse))
+	{
+		//state->state = 0;
+	}
+	
+	renderer->render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color);
+	renderer->render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 1, global_ui_context.style.border);
+	renderer->render_text(global_ui_context.font_small, text_x, text_y, title, global_ui_context.style.foreground);
+	
+	if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL)
+		global_ui_context.layout.offset_x += total_w + WIDGET_PADDING;
+	else
+		global_ui_context.layout.offset_y += BUTTON_HEIGHT + WIDGET_PADDING;
+	
+	return result;
+}
+
+bool ui_push_button_image_with_confirmation(button_state *state, char *title, image *img)
+{
+	bool result = false;
+	
+	u32 id = ui_get_id();
+	s32 x = global_ui_context.layout.offset_x + WIDGET_PADDING + global_ui_context.camera->x;
+	s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll();
+	s32 text_x = x + BUTTON_HORIZONTAL_TEXT_PADDING;
+	s32 text_y = y + (BUTTON_HEIGHT/2) - (global_ui_context.font_small->px_h/2);
+	s32 text_w = renderer->calculate_text_width(global_ui_context.font_small, title);
+	s32 total_w = text_w + BUTTON_HORIZONTAL_TEXT_PADDING;
+	s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x;
+	s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y;
+	s32 h = BUTTON_HEIGHT;
+	bool confirming = global_ui_context.confirming_button_id == id;
+	
+	if (title[0] == 0)
+	{
+		total_w = 0;
+	}
+	
+	color bg_color;
+	color border_color;
+	
+	if (confirming)
+	{
+		bg_color = global_ui_context.style.widget_confirm_background;
+		border_color = global_ui_context.style.widget_confirm_border;
+	}
+	else
+	{
+		bg_color = global_ui_context.style.widget_background;
+		border_color = global_ui_context.style.border;
+	}
+	
+	if (global_ui_context.layout.block_height < h)
+		global_ui_context.layout.block_height = h;
+	
+	int icon_w = 14;
+	int icon_h = 14;
+	if (img->loaded)
+	{
+		float max_icon_size = BUTTON_HEIGHT - (BUTTON_IMAGE_PADDING*2);
+		float scale = 1.0f;
+		if (img->width >= img->height)
+		{
+			scale = img->width / max_icon_size;
+			
+			icon_w = img->width / scale;
+			icon_h = icon_w;
+		}
+		else if (img->height >= img->width)
+		{
+			scale = img->height / max_icon_size;
+			
+			icon_h = img->height / scale;
+			icon_w = icon_h;
+		}
+	}
+	total_w += icon_w + (BUTTON_IMAGE_SPACING*2);
+	
+	s32 virt_top = y;
+	s32 virt_bottom = y + h;
+	if (global_ui_context.layout.scroll->in_scroll)
+	{
+		s32 bottom = global_ui_context.layout.scroll->scroll_start_offset_y + global_ui_context.layout.scroll->height;
+		if (bottom < virt_bottom)
+			virt_bottom = bottom;
+		s32 top = global_ui_context.layout.scroll->scroll_start_offset_y - WIDGET_PADDING;
+		if (top > virt_top)
+			virt_top = top;
+	}
+	
+	if (mouse_x >= x && mouse_x < x + total_w && mouse_y >= virt_top && mouse_y < virt_bottom && !global_ui_context.item_hovered)
+	{
+		ui_set_hovered(id, x,y,total_w,h);
+		ui_set_cursor(CURSOR_POINTER);
+		
+		if (confirming)
+			bg_color = global_ui_context.style.widget_confirm_hover_background;
+		else
+			bg_color = global_ui_context.style.widget_hover_background;
+		
+		if (is_left_clicked(global_ui_context.mouse)) 
+		{
+			global_ui_context.mouse->left_state &= ~MOUSE_CLICK;
+			state->state = 1;
+			
+			if (confirming)
+			{
+				result = true;
+				global_ui_context.confirming_button_id = -1;
+			}
+		}
+		if (is_left_released(global_ui_context.mouse) && (state->state || confirming))
+		{
+			state->state = 0;
+			
+			if (!confirming)
+			{
+				global_ui_context.confirming_button_id = id;
+			}
+		}
+	}
+	else
+	{
+		if (is_left_clicked(global_ui_context.mouse) && confirming) 
+		{
+			global_ui_context.confirming_button_id = -1;
+		}
+	}
+	
+	if (is_left_released(global_ui_context.mouse))
+	{
+		state->state = 0;
+	}
+	
+	renderer->render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color);
+	renderer->render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 1, border_color);
+	renderer->render_text(global_ui_context.font_small, text_x, text_y, title, global_ui_context.style.foreground);
+	
+	if (img && img->loaded)
+		renderer->render_image(img, x + total_w - icon_w - BUTTON_IMAGE_SPACING, y + BUTTON_IMAGE_PADDING, img->width, img->height);
+	else
+		renderer->render_rectangle(x + total_w - icon_w - BUTTON_IMAGE_SPACING, y + BUTTON_IMAGE_PADDING, icon_w, icon_w, rgb(160,160,160));
+	
+	if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL)
+		global_ui_context.layout.offset_x += total_w + WIDGET_PADDING;
+	else
+		global_ui_context.layout.offset_y += BUTTON_HEIGHT + WIDGET_PADDING;
+	
+	return result;
+}
+
+bool ui_push_button_image(button_state *state, char *title, image *img)
+{
+	bool result = false;
+	
+	u32 id = ui_get_id();
+	s32 x = global_ui_context.layout.offset_x + WIDGET_PADDING + global_ui_context.camera->x;
+	s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y + ui_get_scroll();
+	s32 text_x = x + BUTTON_HORIZONTAL_TEXT_PADDING;
+	s32 text_y = y + (BUTTON_HEIGHT/2) - (global_ui_context.font_small->px_h/2);
+	s32 text_w = renderer->calculate_text_width(global_ui_context.font_small, title);
+	s32 total_w = text_w + BUTTON_HORIZONTAL_TEXT_PADDING;
+	s32 mouse_x = global_ui_context.mouse->x + global_ui_context.camera->x;
+	s32 mouse_y = global_ui_context.mouse->y + global_ui_context.camera->y;
+	s32 h = BUTTON_HEIGHT;
+	
+	if (title[0] == 0)
+	{
+		total_w = 0;
+	}
+	
+	color bg_color = global_ui_context.style.widget_background;
+	
+	if (global_ui_context.layout.block_height < h)
+		global_ui_context.layout.block_height = h;
+	
+	int icon_w = 14;
+	int icon_h = 14;
+	if (img->loaded)
+	{
+		float max_icon_size = BUTTON_HEIGHT - (BUTTON_IMAGE_PADDING*2);
+		float scale = 1.0f;
+		if (img->width >= img->height)
+		{
+			scale = img->width / max_icon_size;
+			
+			icon_w = img->width / scale;
+			icon_h = icon_w;
+		}
+		else if (img->height >= img->width)
+		{
+			scale = img->height / max_icon_size;
+			
+			icon_h = img->height / scale;
+			icon_w = icon_h;
+		}
+	}
+	total_w += icon_w + (BUTTON_IMAGE_SPACING*2);
+	
+	s32 virt_top = y;
+	s32 virt_bottom = y + h;
+	if (global_ui_context.layout.scroll->in_scroll)
+	{
+		s32 bottom = global_ui_context.layout.scroll->scroll_start_offset_y + global_ui_context.layout.scroll->height;
+		if (bottom < virt_bottom)
+			virt_bottom = bottom;
+		s32 top = global_ui_context.layout.scroll->scroll_start_offset_y - WIDGET_PADDING;
+		if (top > virt_top)
+			virt_top = top;
+	}
+	
+	if (mouse_x >= x && mouse_x < x + total_w && mouse_y >= virt_top && mouse_y < virt_bottom && !global_ui_context.item_hovered)
+	{
+		ui_set_hovered(id, x,y,total_w,h);
+		
+		ui_set_cursor(CURSOR_POINTER);
+		bg_color = global_ui_context.style.widget_hover_background;
+		
+		if (is_left_clicked(global_ui_context.mouse)) 
+		{
+			global_ui_context.mouse->left_state &= ~MOUSE_CLICK;
+			state->state = 1;
+		}
+		if (is_left_released(global_ui_context.mouse) && state->state)
+		{
+			state->state = 0;
+			result = true;
+		}
+	}
+	else if (is_left_released(global_ui_context.mouse))
+	{
+		state->state = 0;
+	}
+	
+	renderer->render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color);
+	renderer->render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 1, global_ui_context.style.border);
+	renderer->render_text(global_ui_context.font_small, text_x, text_y, title, global_ui_context.style.foreground);
+	
+	if (img && img->loaded)
+		renderer->render_image(img, x + total_w - icon_w - BUTTON_IMAGE_SPACING, y + BUTTON_IMAGE_PADDING, img->width, img->height);
+	else
+		renderer->render_rectangle(x + total_w - icon_w - BUTTON_IMAGE_SPACING, y + BUTTON_IMAGE_PADDING, icon_w, icon_w, rgb(160,160,160));
+	
+	if (global_ui_context.layout.layout_direction == LAYOUT_HORIZONTAL)
+		global_ui_context.layout.offset_x += total_w + WIDGET_PADDING;
+	else
+		global_ui_context.layout.offset_y += BUTTON_HEIGHT + WIDGET_PADDING;
+	
+	return result;
+}
+
+inline void ui_end_menu_bar()
+{
+	global_ui_context.layout.layout_direction = LAYOUT_VERTICAL;
+	global_ui_context.layout.offset_x = 0;
+	global_ui_context.layout.offset_y += MENU_BAR_HEIGHT;
+	
+	//ui_push_separator();
+}
+
+inline void ui_destroy()
+{
+}
+
+void ui_scroll_begin(scroll_state *state)
+{
+	global_ui_context.layout.scroll = state;
+	global_ui_context.layout.scroll->in_scroll = true;
+	//global_ui_context.layout.scroll->height = height;
+	
+	s32 w = global_ui_context.layout.width;
+	s32 h = state->height;
+	s32 x = global_ui_context.layout.offset_x + global_ui_context.camera->x;
+	s32 y = global_ui_context.layout.offset_y + global_ui_context.camera->y - WIDGET_PADDING;
+	
+	state->width = w;
+	state->height = h;
+	state->x = x;
+	state->y = y;
+	
+	//global_ui_context.layout.offset_x += WIDGET_PADDING;
+	global_ui_context.layout.start_offset_x = global_ui_context.layout.offset_x;
+	//global_ui_context.layout.offset_y += WIDGET_PADDING;
+	global_ui_context.layout.scroll->scroll_start_offset_y = global_ui_context.layout.offset_y;
+	
+	//render_rectangle_outline(x, y, w, h, 1, global_ui_context.style.border);
+	renderer->render_set_scissor(global_ui_context.active_window, x, y, w, h);
+}
+
+void ui_scroll_end()
+{
+	s32 max_scroll = (global_ui_context.layout.scroll->scroll_start_offset_y -
+					  global_ui_context.layout.offset_y) + global_ui_context.layout.scroll->height - WIDGET_PADDING;
+	
+	//global_ui_context.layout.offset_x -= WIDGET_PADDING;
+	global_ui_context.layout.offset_y = global_ui_context.layout.scroll->scroll_start_offset_y + global_ui_context.layout.scroll->height;
+	global_ui_context.layout.offset_y += WIDGET_PADDING;
+	
+	// draw scrollbar
+	if (max_scroll < 0)
+	{
+		s32 scroll_w = 14;
+		
+		if (global_ui_context.mouse->x >= global_ui_context.layout.scroll->x &&
+			global_ui_context.mouse->x <= global_ui_context.layout.scroll->x+global_ui_context.layout.scroll->width &&
+			global_ui_context.mouse->y >= global_ui_context.layout.scroll->y &&
+			global_ui_context.mouse->y <= global_ui_context.layout.scroll->y+global_ui_context.layout.scroll->height)
+		{
+			s32 scroll_y = 0;
+			if (global_ui_context.mouse->scroll_state == SCROLL_UP)
+				scroll_y+=SCROLL_SPEED;
+			if (global_ui_context.mouse->scroll_state == SCROLL_DOWN)
+				scroll_y-=SCROLL_SPEED;
+			global_ui_context.layout.scroll->scroll += scroll_y;
+		}
+		
+		if (global_ui_context.layout.scroll->scroll > 0)
+			global_ui_context.layout.scroll->scroll = 0;
+		if (global_ui_context.layout.scroll->scroll < max_scroll)
+			global_ui_context.layout.scroll->scroll = max_scroll;
+		
+		float percentage = global_ui_context.layout.scroll->scroll / 
+			(float)max_scroll;
+		
+		float scrollbar_height_percentage = -(max_scroll - global_ui_context.layout.scroll->height) / (float)global_ui_context.layout.scroll->height;
+		
+		s32 scrollbar_height = (global_ui_context.layout.scroll->height / scrollbar_height_percentage);
+		s32 scrollbar_pos_y = global_ui_context.layout.scroll->scroll_start_offset_y - WIDGET_PADDING;
+		
+		s32 tw = global_ui_context.layout.width - WIDGET_PADDING*2;
+		s32 tx = global_ui_context.layout.offset_x + global_ui_context.camera->x + WIDGET_PADDING;
+		
+		s32 scrollbar_pos_x = tx + tw + WIDGET_PADDING - scroll_w;
+		
+		scrollbar_pos_y += (global_ui_context.layout.scroll->height - 
+							scrollbar_height) * percentage;
+		if (is_left_clicked(global_ui_context.mouse) &&
+			global_ui_context.mouse->x >= scrollbar_pos_x && global_ui_context.mouse->x <= scrollbar_pos_x + scroll_w &&
+			global_ui_context.mouse->y >= global_ui_context.layout.scroll->y && global_ui_context.mouse->y <= global_ui_context.layout.scroll->y + global_ui_context.layout.scroll->height)
+		{
+			global_ui_context.layout.scroll->mouse_scrolling = true;
+		}
+		else if (is_left_released(global_ui_context.mouse))
+		{
+			global_ui_context.layout.scroll->mouse_scrolling = false;
+		}
+		//render_reset_scissor();
+		if (global_ui_context.layout.scroll->mouse_scrolling)
+		{
+			float mouse_percentage = (global_ui_context.mouse->y-global_ui_context.layout.scroll->y-(scrollbar_height/2))/
+				(float)(global_ui_context.layout.scroll->height-(scrollbar_height));
+			
+			global_ui_context.layout.scroll->scroll = (s32)(mouse_percentage * max_scroll);
+			if (global_ui_context.layout.scroll->scroll > 0) global_ui_context.layout.scroll->scroll = 0;
+			if (global_ui_context.layout.scroll->scroll < max_scroll)
+				global_ui_context.layout.scroll->scroll = max_scroll;
+		}
+		
+		{
+			// scroll background
+			renderer->render_rectangle(scrollbar_pos_x,global_ui_context.layout.scroll->y,
+							 scroll_w,global_ui_context.layout.scroll->height,global_ui_context.style.scrollbar_background);
+			
+			renderer->render_rectangle_outline(scrollbar_pos_x,global_ui_context.layout.scroll->y-1,
+									 scroll_w,global_ui_context.layout.scroll->height+2, 1,
+									 global_ui_context.style.border);
+			
+			// scrollbar
+			renderer->render_rectangle(scrollbar_pos_x, scrollbar_pos_y-1,
+							 scroll_w,scrollbar_height+2,global_ui_context.style.scrollbar_handle_background);
+			
+			renderer->render_rectangle_outline(scrollbar_pos_x, scrollbar_pos_y-1,
+									 scroll_w,scrollbar_height+2, 1,
+									 global_ui_context.style.border);
+			
+			//render_rectangle(scrollbar_pos_x, scrollbar_pos_y, 10, scrollbar_height, global_ui_context.style.scrollbar_handle_background);
+		}
+	}
+	renderer->render_reset_scissor();
+	global_ui_context.layout.scroll->in_scroll = false;
+}
+
+void ui_push_tooltip(char *text)
+{
+	if (global_ui_context.item_hovered && global_ui_context.item_hovered_id == global_ui_context.next_id-1)
+	{
+		if (global_ui_context.item_hovered_duration > (1000/TARGET_FRAMERATE)/2)
+		{
+			s32 total_w = renderer->calculate_text_width(global_ui_context.font_small, text) +
+				WIDGET_PADDING + WIDGET_PADDING;
+			
+			s32 x = 0;
+			s32 y = 0;
+			s32 triangle_s = 20;
+			
+			renderer->render_reset_scissor();
+			
+			renderer->set_render_depth(30);
+			
+			// align right
+			if (global_ui_context.tooltip.x < (total_w/2))
+			{
+				x = global_ui_context.tooltip.x + global_ui_context.tooltip.w + WIDGET_PADDING+3;
+				y = global_ui_context.tooltip.y;
+				
+				renderer->render_triangle(x-9, y+(TEXTBOX_HEIGHT/2)-9,triangle_s,triangle_s, rgb(40,40,40), TRIANGLE_LEFT);
+			}
+			// align left
+			else if (global_ui_context.tooltip.x > 
+					 global_ui_context.active_window->width-(total_w/2))
+			{
+				log_assert(0, "Alligning pointer to the left is not implemented"); // TODO(Aldrik): implement
+			}
+			// align bottom
+			else
+			{
+				x = global_ui_context.tooltip.x - (total_w/2) + (global_ui_context.tooltip.w/2);
+				y = global_ui_context.tooltip.y + global_ui_context.tooltip.h + 
+					WIDGET_PADDING+3;
+				
+				renderer->render_triangle(x+(total_w/2)-(triangle_s/2), y-9,triangle_s,triangle_s, rgb(40,40,40), TRIANGLE_UP);
+			}
+			
+			renderer->render_rectangle(x, y,total_w,TEXTBOX_HEIGHT, rgb(40,40,40));
+			
+			renderer->render_text(global_ui_context.font_small, x + WIDGET_PADDING, y + (TEXTBOX_HEIGHT/2)- (global_ui_context.font_small->px_h/2), text, rgb(240,240,240));
+			
+			renderer->set_render_depth(1);
+			
+			ui_pop_scissor();
+		}
+	}
+}
\ No newline at end of file