1 files changed, 1768 insertions, 1759 deletions

diff --git a/src/ui.c b/src/ui.c
index e8e3629..d11d3a7 100644
--- a/src/ui.c
+++ b/src/ui.c
@@ -1,1759 +1,1768 @@
-/* 
-*  BSD 2-Clause “Simplified” License
-*  Copyright (c) 2019, Aldrik Ramaekers, aldrik.ramaekers@protonmail.com
-*  All rights reserved.
-*/
-
-inline void ui_begin(s32 id)
-{
-	global_ui_context.item_hovered = false;
-	global_ui_context.next_id = id * 100;
-	global_ui_context.layout.offset_x = 0;
-	global_ui_context.layout.offset_y = 0;
-	global_ui_context.layout.width = global_ui_context.layout.active_window->width;
-	global_ui_context.layout.height = global_ui_context.layout.active_window->height;
-	global_ui_context.layout.active_dropdown_state = 0;
-}
-
-inline void ui_end()
-{
-	
-}
-
-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)
-{
-	assert(max_len > 0);
-	assert(max_len <= 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(global_ui_context.keyboard, 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_create(platform_window *window, keyboard_input *keyboard, mouse_input *mouse, camera *camera, 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.layout.active_window = window;
-	global_ui_context.layout.width = global_ui_context.layout.active_window->width;
-	empty_scroll = ui_create_scroll(1);
-	global_ui_context.layout.scroll = &empty_scroll;
-	
-	global_ui_context.keyboard = keyboard;
-	global_ui_context.mouse = mouse;
-	global_ui_context.font_small = font_small;
-	global_ui_context.active_menus = array_create(sizeof(s32));
-	global_ui_context.menu_item_count = 0;
-	global_ui_context.camera = camera;
-	
-	array_reserve(&global_ui_context.active_menus, 100);
-}
-
-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;
-		
-		render_set_scissor(global_ui_context.layout.active_window, x,y,w,h);
-	}
-	else
-	{
-		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.layout.active_window = window;
-}
-
-inline void ui_begin_menu_bar()
-{
-	s32 w = global_ui_context.layout.width;
-	s32 h = global_ui_context.layout.active_window->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;
-	
-	global_ui_context.layout.offset_x = 0;
-	global_ui_context.layout.layout_direction = LAYOUT_HORIZONTAL;
-	
-	render_rectangle(0, y, w, MENU_BAR_HEIGHT, global_ui_context.style.menu_background);
-	render_rectangle(0, y, w, 1, global_ui_context.style.border);
-	global_ui_context.layout.menu_offset_y = 0;
-}
-
-inline bool ui_is_menu_active(u32 id)
-{
-	for (int i = 0; i < global_ui_context.active_menus.length; i++)
-	{
-		s32 *iid = array_at(&global_ui_context.active_menus, i);
-		if (*iid == id) return true;
-	}
-	return false;
-}
-
-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;
-	
-	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;
-	
-	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 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 =
-		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)
-	{
-		platform_set_cursor(global_ui_context.layout.active_window, 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)
-	{
-		render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color);
-		render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 4, global_ui_context.style.border);
-	}
-	else
-	{
-		render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color);
-		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;
-	
-	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)
-	{
-		global_ui_context.item_hovered = true;
-		
-		platform_set_cursor(global_ui_context.layout.active_window, 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;
-	}
-	
-	
-	render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color);
-	render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 1, global_ui_context.style.border);
-	if (icon)
-	{
-		render_image(icon, x+(BUTTON_HORIZONTAL_TEXT_PADDING/2), 
-					 y + (h - (h-6))/2, h-6, h-6);
-		text_x += h-10;
-	}
-	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
-	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)
-	{
-		global_ui_context.item_hovered = true;
-		platform_set_cursor(global_ui_context.layout.active_window, 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;
-	}
-	
-	render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color);
-	render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 1, global_ui_context.style.border);
-	render_text(global_ui_context.font_small, text_x, text_y, title, global_ui_context.style.foreground);
-	
-	render_triangle(x+total_w - h, y+(h-(h-12))/2, h-12, h-12, global_ui_context.style.border);
-	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 = 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)
-	{
-		platform_set_cursor(global_ui_context.layout.active_window, CURSOR_POINTER);
-		if (is_left_clicked(global_ui_context.mouse))
-		{
-			if (is_open)
-				array_remove_by(&global_ui_context.active_menus, &id);
-			else
-				array_push(&global_ui_context.active_menus, &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)
-			array_remove_by(&global_ui_context.active_menus, &id);
-		is_open = false;
-	}
-	if (!global_ui_context.layout.active_window->has_focus && is_open)
-	{
-		array_remove_by(&global_ui_context.active_menus, &id);
-		is_open = false;
-	}
-	
-	render_rectangle(x, y, w, h, bg_color);
-	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(global_ui_context.keyboard, 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.layout.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)
-	{
-		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(global_ui_context.keyboard, 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(global_ui_context.keyboard, KEY_ENTER) && state->deselect_on_enter)
-	{
-		global_ui_context.keyboard->has_selection = false;
-		state->state = false;
-	}
-	if (state->state && keyboard_is_key_down(global_ui_context.keyboard, KEY_LEFT_CONTROL) &&
-		keyboard_is_key_pressed(global_ui_context.keyboard, KEY_ENTER) &&
-		state->accept_newline)
-	{
-		keyboard_handle_input_string(global_ui_context.layout.active_window, global_ui_context.keyboard, "\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;
-		
-		render_set_scissor(global_ui_context.layout.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;
-		
-		render_set_scissor(global_ui_context.layout.active_window, 
-						   scissor_x, scissor_y, scissor_w, scissor_h);
-	}
-	
-	if (!state->state)
-	{
-		render_rectangle(x, y, TEXTBOX_WIDTH, TEXTBOX_HEIGHT, global_ui_context.style.textbox_background);
-		render_rectangle_outline(x, y, TEXTBOX_WIDTH, TEXTBOX_HEIGHT, 1, global_ui_context.style.border);
-	}
-	else
-	{
-		cursor_tick++;
-		render_rectangle(x, y, TEXTBOX_WIDTH, TEXTBOX_HEIGHT, global_ui_context.style.textbox_background);
-		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;
-		
-		render_set_scissor(global_ui_context.layout.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;
-		
-		render_set_scissor(global_ui_context.layout.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 = 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)
-	{
-		s32 len = utf8len(global_ui_context.keyboard->input_text);
-		s32 old_len = utf8len(state->buffer);
-		
-		// 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(global_ui_context.keyboard, 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, &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(global_ui_context.keyboard, 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(global_ui_context.keyboard, 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, &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(global_ui_context.keyboard, 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, &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 = calculate_text_width_upto(global_ui_context.font_small, 
-												  state->buffer, global_ui_context.keyboard->cursor);
-		
-		s32 text_w = 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)
-		{
-			if ((text_w > TEXTBOX_WIDTH -10) && (global_ui_context.keyboard->text_changed || global_ui_context.keyboard->cursor != last_cursor_pos))
-			{
-				state->diff = text_w - TEXTBOX_WIDTH + 10;
-			}
-			else if ((text_w <= TEXTBOX_WIDTH -10))
-			{
-				state->diff = 0;
-			}
-		}
-#endif
-	}
-	
-	s32 curr_index = 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 = 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 = 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 = 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)
-			render_text(global_ui_context.font_small, text_x - state->diff, text_y, 
-						placeholder, global_ui_context.style.textbox_placeholder_foreground);
-		else
-			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)
-			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)
-			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
-			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;
-	s32 text_y = y + (BLOCK_HEIGHT/2) - (global_ui_context.font_small->px_h/2) + spacing_y;
-	s32 total_w = calculate_text_width(global_ui_context.font_small, text) +
-		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 < 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;
-	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)
-	{
-		if (is_left_clicked(global_ui_context.mouse))
-		{
-			result = true;
-		}
-		bg_color = global_ui_context.style.hypertext_hover_foreground;
-	}
-	
-	s32 text_width = render_text(global_ui_context.font_small, text_x, text_y, text, bg_color);
-	
-	if (result)
-		render_rectangle(text_x, text_y + text_h+2, text_width, 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 = 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;
-	
-	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;
-	
-	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 = 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;
-	
-	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 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();
-	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;
-	
-	{
-		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;
-			platform_set_cursor(global_ui_context.layout.active_window, CURSOR_POINTER);
-			if (is_left_clicked(global_ui_context.mouse))
-			{
-				result = true;
-			}
-		}
-		
-		if (hovered)
-		{
-			render_rectangle_outline(x-1,y+spacing_y,total_w, h, 1, global_ui_context.style.textbox_active_border);
-		}
-	}
-	
-	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;
-	
-	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 = 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;
-	
-	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 + CHECKBOX_SIZE && mouse_y >= virt_top && mouse_y < virt_bottom && !global_ui_context.item_hovered)
-	{
-		platform_set_cursor(global_ui_context.layout.active_window, CURSOR_POINTER);
-		if (is_left_clicked(global_ui_context.mouse))
-		{
-			state->state = !state->state;
-			result = true;
-		}
-	}
-	
-	if (state->state)
-	{
-		s32 spacing = 2;
-		render_rectangle(x+spacing, y+spacing, CHECKBOX_SIZE-(spacing*2), CHECKBOX_SIZE-(spacing*2), global_ui_context.style.border);
-	}
-	
-	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;
-}
-
-inline bool is_shortcut_down(s32 shortcut_keys[2])
-{
-	return keyboard_is_key_down(global_ui_context.keyboard, shortcut_keys[0]) &&
-		keyboard_is_key_pressed(global_ui_context.keyboard, shortcut_keys[1]);
-}
-
-bool ui_push_menu_item(char *title, char *shortcut)
-{
-	bool result = false;
-	
-	set_render_depth(30);
-	
-	global_ui_context.menu_item_count++;
-	
-	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 * h)+1 +
-		global_ui_context.layout.menu_offset_y + global_ui_context.camera->y;
-	s32 text_y = y - (text_h / 2) + (h / 2);
-	s32 text_x = x + MENU_HORIZONTAL_PADDING;
-	s32 text_2_x = x + w - MENU_HORIZONTAL_PADDING
-		- calculate_text_width(global_ui_context.font_small, shortcut);
-	
-	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;
-	
-	color bg_color = global_ui_context.style.menu_background;
-	
-	if ((mouse_x >= x && mouse_x < x + w && mouse_y >= y && mouse_y < y + h))
-	{
-		platform_set_cursor(global_ui_context.layout.active_window, CURSOR_POINTER);
-		bg_color = global_ui_context.style.menu_hover_background;
-		global_ui_context.item_hovered = true;
-		
-		if (is_left_clicked(global_ui_context.mouse)) 
-		{
-			global_ui_context.mouse->left_state &= ~MOUSE_CLICK;
-			result = true;
-		}
-	}
-	
-	render_rectangle(x, y, w, h, bg_color);
-	render_rectangle(x, y+MENU_BAR_HEIGHT, w, 1, global_ui_context.style.border);
-	
-	// borders
-	render_rectangle(x, y, w, 1,  bg_color);
-	render_rectangle(x, y, 1, MENU_BAR_HEIGHT, global_ui_context.style.border);
-	render_rectangle(x+w, y, 1, MENU_BAR_HEIGHT+1, global_ui_context.style.border);
-	
-	render_text(global_ui_context.font_small, text_x, text_y, title, global_ui_context.style.foreground);
-	render_text(global_ui_context.font_small, text_2_x, text_y, shortcut, global_ui_context.style.foreground);
-	
-	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)
-	{
-		platform_set_cursor(global_ui_context.layout.active_window, 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;
-		}
-	}
-	
-	render_image_tint(img,x,y,w,h,global_ui_context.style.image_outline_tint);
-	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;
-	
-	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 = 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)
-	{
-		platform_set_cursor(global_ui_context.layout.active_window, 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;
-	}
-	
-	render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color);
-	render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 1, global_ui_context.style.border);
-	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 = 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 = 1;
-	int icon_h = 1;
-	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)
-	{
-		platform_set_cursor(global_ui_context.layout.active_window, 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;
-	}
-	
-	render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color);
-	render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 1, border_color);
-	render_text(global_ui_context.font_small, text_x, text_y, title, global_ui_context.style.foreground);
-	render_image(img, x + total_w - icon_w - BUTTON_IMAGE_SPACING, y + BUTTON_IMAGE_PADDING, img->width, img->height);
-	
-	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;
-	
-	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 = 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 = 1;
-	int icon_h = 1;
-	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)
-	{
-		platform_set_cursor(global_ui_context.layout.active_window, 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;
-	}
-	
-	render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color);
-	render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 1, global_ui_context.style.border);
-	render_text(global_ui_context.font_small, text_x, text_y, title, global_ui_context.style.foreground);
-	render_image(img, x + total_w - icon_w - BUTTON_IMAGE_SPACING, y + BUTTON_IMAGE_PADDING, img->width, img->height);
-	
-	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()
-{
-	array_destroy(&global_ui_context.active_menus);
-}
-
-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);
-	render_set_scissor(global_ui_context.layout.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;
-	
-	//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
-			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);
-			
-			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
-			render_rectangle(scrollbar_pos_x, scrollbar_pos_y-1,
-							 scroll_w,scrollbar_height+2,global_ui_context.style.scrollbar_handle_background);
-			
-			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);
-		}
-	}
-	render_reset_scissor();
-	global_ui_context.layout.scroll->in_scroll = false;
-}
+/* 

+*  BSD 2-Clause “Simplified” License

+*  Copyright (c) 2019, Aldrik Ramaekers, aldrik.ramaekers@protonmail.com

+*  All rights reserved.

+*/

+

+inline void ui_begin(s32 id)

+{

+	global_ui_context.item_hovered = false;

+	global_ui_context.next_id = id * 100;

+	global_ui_context.layout.offset_x = 0;

+	global_ui_context.layout.offset_y = 0;

+	global_ui_context.layout.width = global_ui_context.layout.active_window->width;

+	global_ui_context.layout.height = global_ui_context.layout.active_window->height;

+	global_ui_context.layout.active_dropdown_state = 0;

+}

+

+inline void ui_end()

+{

+	

+}

+

+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)

+{

+	assert(max_len > 0);

+	assert(max_len <= 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(global_ui_context.keyboard, 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_create(platform_window *window, keyboard_input *keyboard, mouse_input *mouse, camera *camera, 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.layout.active_window = window;

+	global_ui_context.layout.width = global_ui_context.layout.active_window->width;

+	empty_scroll = ui_create_scroll(1);

+	global_ui_context.layout.scroll = &empty_scroll;

+	

+	global_ui_context.keyboard = keyboard;

+	global_ui_context.mouse = mouse;

+	global_ui_context.font_small = font_small;

+	global_ui_context.active_menus = array_create(sizeof(s32));

+	global_ui_context.menu_item_count = 0;

+	global_ui_context.camera = camera;

+	

+	array_reserve(&global_ui_context.active_menus, 100);

+}

+

+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;

+		

+		render_set_scissor(global_ui_context.layout.active_window, x,y,w,h);

+	}

+	else

+	{

+		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.layout.active_window = window;

+}

+

+inline void ui_begin_menu_bar()

+{

+	s32 w = global_ui_context.layout.width;

+	s32 h = global_ui_context.layout.active_window->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;

+	

+	global_ui_context.layout.offset_x = 0;

+	global_ui_context.layout.layout_direction = LAYOUT_HORIZONTAL;

+	

+	render_rectangle(0, y, w, MENU_BAR_HEIGHT, global_ui_context.style.menu_background);

+	render_rectangle(0, y, w, 1, global_ui_context.style.border);

+	global_ui_context.layout.menu_offset_y = 0;

+}

+

+inline bool ui_is_menu_active(u32 id)

+{

+	for (int i = 0; i < global_ui_context.active_menus.length; i++)

+	{

+		s32 *iid = array_at(&global_ui_context.active_menus, i);

+		if (*iid == id) return true;

+	}

+	return false;

+}

+

+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;

+	

+	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;

+	

+	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 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 =

+		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)

+	{

+		platform_set_cursor(global_ui_context.layout.active_window, 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)

+	{

+		render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color);

+		render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 4, global_ui_context.style.border);

+	}

+	else

+	{

+		render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color);

+		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;

+	

+	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)

+	{

+		global_ui_context.item_hovered = true;

+		

+		platform_set_cursor(global_ui_context.layout.active_window, 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;

+	}

+	

+	

+	render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color);

+	render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 1, global_ui_context.style.border);

+	if (icon)

+	{

+		render_image(icon, x+(BUTTON_HORIZONTAL_TEXT_PADDING/2), 

+					 y + (h - (h-6))/2, h-6, h-6);

+		text_x += h-10;

+	}

+	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

+	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)

+	{

+		global_ui_context.item_hovered = true;

+		platform_set_cursor(global_ui_context.layout.active_window, 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;

+	}

+	

+	render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color);

+	render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 1, global_ui_context.style.border);

+	render_text(global_ui_context.font_small, text_x, text_y, title, global_ui_context.style.foreground);

+	

+	render_triangle(x+total_w - h, y+(h-(h-12))/2, h-12, h-12, global_ui_context.style.border);

+	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 = 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)

+	{

+		platform_set_cursor(global_ui_context.layout.active_window, CURSOR_POINTER);

+		if (is_left_clicked(global_ui_context.mouse))

+		{

+			if (is_open)

+				array_remove_by(&global_ui_context.active_menus, &id);

+			else

+				array_push(&global_ui_context.active_menus, &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)

+			array_remove_by(&global_ui_context.active_menus, &id);

+		is_open = false;

+	}

+	if (!global_ui_context.layout.active_window->has_focus && is_open)

+	{

+		array_remove_by(&global_ui_context.active_menus, &id);

+		is_open = false;

+	}

+	

+	render_rectangle(x, y, w, h, bg_color);

+	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(global_ui_context.keyboard, 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.layout.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)

+	{

+		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(global_ui_context.keyboard, 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(global_ui_context.keyboard, KEY_ENTER) && state->deselect_on_enter)

+	{

+		global_ui_context.keyboard->has_selection = false;

+		state->state = false;

+	}

+	if (state->state && keyboard_is_key_down(global_ui_context.keyboard, KEY_LEFT_CONTROL) &&

+		keyboard_is_key_pressed(global_ui_context.keyboard, KEY_ENTER) &&

+		state->accept_newline)

+	{

+		keyboard_handle_input_string(global_ui_context.layout.active_window, global_ui_context.keyboard, "\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;

+		

+		render_set_scissor(global_ui_context.layout.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;

+		

+		render_set_scissor(global_ui_context.layout.active_window, 

+						   scissor_x, scissor_y, scissor_w, scissor_h);

+	}

+	

+	if (!state->state)

+	{

+		render_rectangle(x, y, TEXTBOX_WIDTH, TEXTBOX_HEIGHT, global_ui_context.style.textbox_background);

+		render_rectangle_outline(x, y, TEXTBOX_WIDTH, TEXTBOX_HEIGHT, 1, global_ui_context.style.border);

+	}

+	else

+	{

+		cursor_tick++;

+		render_rectangle(x, y, TEXTBOX_WIDTH, TEXTBOX_HEIGHT, global_ui_context.style.textbox_background);

+		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;

+		

+		render_set_scissor(global_ui_context.layout.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;

+		

+		render_set_scissor(global_ui_context.layout.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 = 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)

+	{

+		s32 len = utf8len(global_ui_context.keyboard->input_text);

+		s32 old_len = utf8len(state->buffer);

+		

+		// 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(global_ui_context.keyboard, 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, &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(global_ui_context.keyboard, 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(global_ui_context.keyboard, 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, &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(global_ui_context.keyboard, 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, &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 = calculate_text_width_upto(global_ui_context.font_small, 

+												  state->buffer, global_ui_context.keyboard->cursor);

+		

+		s32 text_w = 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 = 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 = 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 = 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 = 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)

+			render_text(global_ui_context.font_small, text_x - state->diff, text_y, 

+						placeholder, global_ui_context.style.textbox_placeholder_foreground);

+		else

+			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)

+			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)

+			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

+			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;

+	s32 text_y = y + (BLOCK_HEIGHT/2) - (global_ui_context.font_small->px_h/2) + spacing_y;

+	s32 total_w = calculate_text_width(global_ui_context.font_small, text) +

+		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 < 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;

+	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)

+	{

+		if (is_left_clicked(global_ui_context.mouse))

+		{

+			result = true;

+		}

+		bg_color = global_ui_context.style.hypertext_hover_foreground;

+	}

+	

+	s32 text_width = render_text(global_ui_context.font_small, text_x, text_y, text, bg_color);

+	

+	if (result)

+		render_rectangle(text_x, text_y + text_h+2, text_width, 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 = 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;

+	

+	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;

+	

+	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 = 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;

+	

+	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 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();

+	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;

+	

+	{

+		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;

+			platform_set_cursor(global_ui_context.layout.active_window, CURSOR_POINTER);

+			if (is_left_clicked(global_ui_context.mouse))

+			{

+				result = true;

+			}

+		}

+		

+		if (hovered)

+		{

+			render_rectangle_outline(x-1,y+spacing_y,total_w, h, 1, global_ui_context.style.textbox_active_border);

+		}

+	}

+	

+	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;

+	

+	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 = 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;

+	

+	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 + CHECKBOX_SIZE && mouse_y >= virt_top && mouse_y < virt_bottom && !global_ui_context.item_hovered)

+	{

+		platform_set_cursor(global_ui_context.layout.active_window, CURSOR_POINTER);

+		if (is_left_clicked(global_ui_context.mouse))

+		{

+			state->state = !state->state;

+			result = true;

+		}

+	}

+	

+	if (state->state)

+	{

+		s32 spacing = 2;

+		render_rectangle(x+spacing, y+spacing, CHECKBOX_SIZE-(spacing*2), CHECKBOX_SIZE-(spacing*2), global_ui_context.style.border);

+	}

+	

+	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;

+}

+

+inline bool is_shortcut_down(s32 shortcut_keys[2])

+{

+	return keyboard_is_key_down(global_ui_context.keyboard, shortcut_keys[0]) &&

+		keyboard_is_key_pressed(global_ui_context.keyboard, shortcut_keys[1]);

+}

+

+bool ui_push_menu_item(char *title, char *shortcut)

+{

+	bool result = false;

+	

+	set_render_depth(30);

+	

+	global_ui_context.menu_item_count++;

+	

+	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 * h)+1 +

+		global_ui_context.layout.menu_offset_y + global_ui_context.camera->y;

+	s32 text_y = y - (text_h / 2) + (h / 2);

+	s32 text_x = x + MENU_HORIZONTAL_PADDING;

+	s32 text_2_x = x + w - MENU_HORIZONTAL_PADDING

+		- calculate_text_width(global_ui_context.font_small, shortcut);

+	

+	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;

+	

+	color bg_color = global_ui_context.style.menu_background;

+	

+	if ((mouse_x >= x && mouse_x < x + w && mouse_y >= y && mouse_y < y + h))

+	{

+		platform_set_cursor(global_ui_context.layout.active_window, CURSOR_POINTER);

+		bg_color = global_ui_context.style.menu_hover_background;

+		global_ui_context.item_hovered = true;

+		

+		if (is_left_clicked(global_ui_context.mouse)) 

+		{

+			global_ui_context.mouse->left_state &= ~MOUSE_CLICK;

+			result = true;

+		}

+	}

+	

+	render_rectangle(x, y, w, h, bg_color);

+	render_rectangle(x, y+MENU_BAR_HEIGHT, w, 1, global_ui_context.style.border);

+	

+	// borders

+	render_rectangle(x, y, w, 1,  bg_color);

+	render_rectangle(x, y, 1, MENU_BAR_HEIGHT, global_ui_context.style.border);

+	render_rectangle(x+w, y, 1, MENU_BAR_HEIGHT+1, global_ui_context.style.border);

+	

+	render_text(global_ui_context.font_small, text_x, text_y, title, global_ui_context.style.foreground);

+	render_text(global_ui_context.font_small, text_2_x, text_y, shortcut, global_ui_context.style.foreground);

+	

+	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)

+	{

+		platform_set_cursor(global_ui_context.layout.active_window, 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;

+		}

+	}

+	

+	render_image_tint(img,x,y,w,h,global_ui_context.style.image_outline_tint);

+	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;

+	

+	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 = 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)

+	{

+		platform_set_cursor(global_ui_context.layout.active_window, 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;

+	}

+	

+	render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color);

+	render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 1, global_ui_context.style.border);

+	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 = 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 = 1;

+	int icon_h = 1;

+	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)

+	{

+		platform_set_cursor(global_ui_context.layout.active_window, 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;

+	}

+	

+	render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color);

+	render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 1, border_color);

+	render_text(global_ui_context.font_small, text_x, text_y, title, global_ui_context.style.foreground);

+	render_image(img, x + total_w - icon_w - BUTTON_IMAGE_SPACING, y + BUTTON_IMAGE_PADDING, img->width, img->height);

+	

+	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;

+	

+	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 = 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 = 1;

+	int icon_h = 1;

+	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)

+	{

+		platform_set_cursor(global_ui_context.layout.active_window, 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;

+	}

+	

+	render_rectangle(x, y, total_w, BUTTON_HEIGHT, bg_color);

+	render_rectangle_outline(x, y, total_w, BUTTON_HEIGHT, 1, global_ui_context.style.border);

+	render_text(global_ui_context.font_small, text_x, text_y, title, global_ui_context.style.foreground);

+	render_image(img, x + total_w - icon_w - BUTTON_IMAGE_SPACING, y + BUTTON_IMAGE_PADDING, img->width, img->height);

+	

+	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()

+{

+	array_destroy(&global_ui_context.active_menus);

+}

+

+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);

+	render_set_scissor(global_ui_context.layout.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;

+	

+	//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

+			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);

+			

+			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

+			render_rectangle(scrollbar_pos_x, scrollbar_pos_y-1,

+							 scroll_w,scrollbar_height+2,global_ui_context.style.scrollbar_handle_background);

+			

+			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);

+		}

+	}

+	render_reset_scissor();

+	global_ui_context.layout.scroll->in_scroll = false;

+}