Easily create re-sizable, closeable, and moveable HTML elements using jQuery.

Define the area the windows live by adding the gui_container class to any html object.

Define a window element by adding the gui_window class to an html object

Create a handle for the window, by creating a child of the gui_window element and adding the gui_handle class.

Create a resizing handle by creating another child of the gui_window element and adding the gui_resize class

Create a close button by creating a child element of the gui_window element and adding the gui_closer class. Note: closing elements simply callls fadeOut() on the gui_window element. you can quickly re-show it again with jQuery

You can easily make windows have a minimum size by adding min-height: 400px; , min-width: 500px; to their css. Similiarly you can add max-height and min-height.

Change the order windows appear by changing their z-order. I didn't want to include it because it could potentially cause conflicts with other html elements. I'll leave that to the user to mess with.