GUID is a complex tool to create menus or graphical interfaces. It can export the needed graphics and the source code for c-script and lite-c. It also gives the ability to create "simple" images and render text buttons.

How to use
After you've installed GUID, an Wizard will guid you through your project setup. You need to give your project a name, because you can work on different projects. After the Wizard has finished, you see the tool and all the toolbars of it.

On the upper right corner you've different "tabs" to switch to a menu where you can do different things:

Selection: If a panel is selected, you can set flags and properties here (Position, Transparency, Overlay, Light, ...)
Create: Different functions to load panels or buttons from files or to render images.
Project Files: The list of all panels in your current project. Use the mouse wheel to scroll. Click on a name to select the panel. Now you can use the right mouse button to change settings on it. Also, you can now select the tab "Selection"
Fct.-Manager: Here you can find the function list of the current project. You can create different functions and use it for the "OnClick" event of a panel or button. If you want to delete a function, click on it. Now you can press the "DEL"-Key on your keyboard to remove it. To edit a function, double click on it.
Export: In this section, you can export your project and all the needed graphics. You can also change some export settings.
Settings: Here you can change global tool settings like the Grid Size or your favourite script editor.

To set panels, you can use the mouse to select it. After that, you can use the mouse or the arrow keys to move it around. By double clicking on a panel, you can edit the "OnClick" function.
By using the right mouse button you get some more actions. Just try it.

At the left and top of the tool you can see rulers. They can help you positioning panels at the right position. You can also create "ledger" lines. To do this, just click on a ruler. Now, hold the left mouse button and "drag" the mouse into the menu. The tool is creating a ledger line. You can remove this line by drag it back to the ruler. If you don't want to see the ledger lines, you can hide them by clicking on "hide leger lines" in the bottom toolbar.

At the bottom you can see different tabs, named "1", "2", ... This tabs, also called "pages", can help you designing menus with sub-menus.
The first, nameless tab, is called the "global page". All you create on this page is visible on every other page. For example, if you want to create a menu background, you should create it on the "global page".
The other 10 pages are sub-pages where you can place sub-menu elements. To open such a menu, you can use the functions open_menu_x().
If you have created a panel on the wrong page, you can move it to an other page by doing the following steps:
1. Copy the panel into the tool clipboard by pressing STRG+C
2. Switch to the page you want to have your panel and press STRG+V to insert the panel.
3. Switch to the "wrong" page and delete the panel there by pressing "DEL"

In the bottom tool bar there are also 5 color chooser. You can use them to store colors you need often. Press the left mouse to select a color by picking it. Press the right mouse button to enter a RGB-Value or HEX-Code.

GUID crashed! What now?
Unfortunaley, the tool often crashs for different reasons. These crashs are caused by wrong pointers or different code problems. Anyway, restart the tool. The Wizard will ask you if you want to restore your project. Select "yes" and the tool will try to restore the last auto-save of your project. Auto-saves created every 10 seconds.

Code Implementation
You find your exported project files in the folder "output[ProjectName]".
The exported code has 12 default functions. You just need to call one of the functions to let the menu appear:
set_panels_startup: You don't need to call this function, because this function will automatically start when you run your project. It will set all panels at their right position.
open_menu: This function opens all pages of your project. You should just use this function in special cases.
open_global: This function opens the "global page" of your project.
close_menu: Use this function to close the menu.
open_menu_1 ... 10: Opens the given menu "page". For example, to open the page 5, call open_menu_5()

Project Files
For every project GUID will save three information files:
*.gui: This file contains all information about the project enviorment (Export Settings, Stored colors, ...) and information about all included panels (position, flags, ...)
*.guf: All custom functions are stored in this file.
*.gur: The positions of all "ledger" lines are saved in this file.
Important: To open a project successfully, it is also important that all panel-files exists in the output-folder. Otherway, GUID can't open the project again