r20414: Start to make SWAT usable by others. This is just a start...

(This used to be commit 26a34037a7ca6fbd05c5a6f7c2d5973e34bc6918)

webapps/qooxdoo-0.6.3-sdk/AUTHORS

@@ -0,0 +1,2 @@
+Please point your browser to:
+http://qooxdoo.org/about/developers

webapps/qooxdoo-0.6.3-sdk/LICENSE

@@ -0,0 +1,504 @@
+		  GNU LESSER GENERAL PUBLIC LICENSE
+		       Version 2.1, February 1999
+
+ Copyright (C) 1991, 1999 Free Software Foundation, Inc.
+     59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+[This is the first released version of the Lesser GPL.  It also counts
+ as the successor of the GNU Library Public License, version 2, hence
+ the version number 2.1.]
+
+			    Preamble
+
+  The licenses for most software are designed to take away your
+freedom to share and change it.  By contrast, the GNU General Public
+Licenses are intended to guarantee your freedom to share and change
+free software--to make sure the software is free for all its users.
+
+  This license, the Lesser General Public License, applies to some
+specially designated software packages--typically libraries--of the
+Free Software Foundation and other authors who decide to use it.  You
+can use it too, but we suggest you first think carefully about whether
+this license or the ordinary General Public License is the better
+strategy to use in any particular case, based on the explanations below.
+
+  When we speak of free software, we are referring to freedom of use,
+not price.  Our General Public Licenses are designed to make sure that
+you have the freedom to distribute copies of free software (and charge
+for this service if you wish); that you receive source code or can get
+it if you want it; that you can change the software and use pieces of
+it in new free programs; and that you are informed that you can do
+these things.
+
+  To protect your rights, we need to make restrictions that forbid
+distributors to deny you these rights or to ask you to surrender these
+rights.  These restrictions translate to certain responsibilities for
+you if you distribute copies of the library or if you modify it.
+
+  For example, if you distribute copies of the library, whether gratis
+or for a fee, you must give the recipients all the rights that we gave
+you.  You must make sure that they, too, receive or can get the source
+code.  If you link other code with the library, you must provide
+complete object files to the recipients, so that they can relink them
+with the library after making changes to the library and recompiling
+it.  And you must show them these terms so they know their rights.
+
+  We protect your rights with a two-step method: (1) we copyright the
+library, and (2) we offer you this license, which gives you legal
+permission to copy, distribute and/or modify the library.
+
+  To protect each distributor, we want to make it very clear that
+there is no warranty for the free library.  Also, if the library is
+modified by someone else and passed on, the recipients should know
+that what they have is not the original version, so that the original
+author's reputation will not be affected by problems that might be
+introduced by others.
+
+  Finally, software patents pose a constant threat to the existence of
+any free program.  We wish to make sure that a company cannot
+effectively restrict the users of a free program by obtaining a
+restrictive license from a patent holder.  Therefore, we insist that
+any patent license obtained for a version of the library must be
+consistent with the full freedom of use specified in this license.
+
+  Most GNU software, including some libraries, is covered by the
+ordinary GNU General Public License.  This license, the GNU Lesser
+General Public License, applies to certain designated libraries, and
+is quite different from the ordinary General Public License.  We use
+this license for certain libraries in order to permit linking those
+libraries into non-free programs.
+
+  When a program is linked with a library, whether statically or using
+a shared library, the combination of the two is legally speaking a
+combined work, a derivative of the original library.  The ordinary
+General Public License therefore permits such linking only if the
+entire combination fits its criteria of freedom.  The Lesser General
+Public License permits more lax criteria for linking other code with
+the library.
+
+  We call this license the "Lesser" General Public License because it
+does Less to protect the user's freedom than the ordinary General
+Public License.  It also provides other free software developers Less
+of an advantage over competing non-free programs.  These disadvantages
+are the reason we use the ordinary General Public License for many
+libraries.  However, the Lesser license provides advantages in certain
+special circumstances.
+
+  For example, on rare occasions, there may be a special need to
+encourage the widest possible use of a certain library, so that it becomes
+a de-facto standard.  To achieve this, non-free programs must be
+allowed to use the library.  A more frequent case is that a free
+library does the same job as widely used non-free libraries.  In this
+case, there is little to gain by limiting the free library to free
+software only, so we use the Lesser General Public License.
+
+  In other cases, permission to use a particular library in non-free
+programs enables a greater number of people to use a large body of
+free software.  For example, permission to use the GNU C Library in
+non-free programs enables many more people to use the whole GNU
+operating system, as well as its variant, the GNU/Linux operating
+system.
+
+  Although the Lesser General Public License is Less protective of the
+users' freedom, it does ensure that the user of a program that is
+linked with the Library has the freedom and the wherewithal to run
+that program using a modified version of the Library.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.  Pay close attention to the difference between a
+"work based on the library" and a "work that uses the library".  The
+former contains code derived from the library, whereas the latter must
+be combined with the library in order to run.
+
+		  GNU LESSER GENERAL PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. This License Agreement applies to any software library or other
+program which contains a notice placed by the copyright holder or
+other authorized party saying it may be distributed under the terms of
+this Lesser General Public License (also called "this License").
+Each licensee is addressed as "you".
+
+  A "library" means a collection of software functions and/or data
+prepared so as to be conveniently linked with application programs
+(which use some of those functions and data) to form executables.
+
+  The "Library", below, refers to any such software library or work
+which has been distributed under these terms.  A "work based on the
+Library" means either the Library or any derivative work under
+copyright law: that is to say, a work containing the Library or a
+portion of it, either verbatim or with modifications and/or translated
+straightforwardly into another language.  (Hereinafter, translation is
+included without limitation in the term "modification".)
+
+  "Source code" for a work means the preferred form of the work for
+making modifications to it.  For a library, complete source code means
+all the source code for all modules it contains, plus any associated
+interface definition files, plus the scripts used to control compilation
+and installation of the library.
+
+  Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope.  The act of
+running a program using the Library is not restricted, and output from
+such a program is covered only if its contents constitute a work based
+on the Library (independent of the use of the Library in a tool for
+writing it).  Whether that is true depends on what the Library does
+and what the program that uses the Library does.
+  
+  1. You may copy and distribute verbatim copies of the Library's
+complete source code as you receive it, in any medium, provided that
+you conspicuously and appropriately publish on each copy an
+appropriate copyright notice and disclaimer of warranty; keep intact
+all the notices that refer to this License and to the absence of any
+warranty; and distribute a copy of this License along with the
+Library.
+
+  You may charge a fee for the physical act of transferring a copy,
+and you may at your option offer warranty protection in exchange for a
+fee.
+
+  2. You may modify your copy or copies of the Library or any portion
+of it, thus forming a work based on the Library, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+    a) The modified work must itself be a software library.
+
+    b) You must cause the files modified to carry prominent notices
+    stating that you changed the files and the date of any change.
+
+    c) You must cause the whole of the work to be licensed at no
+    charge to all third parties under the terms of this License.
+
+    d) If a facility in the modified Library refers to a function or a
+    table of data to be supplied by an application program that uses
+    the facility, other than as an argument passed when the facility
+    is invoked, then you must make a good faith effort to ensure that,
+    in the event an application does not supply such function or
+    table, the facility still operates, and performs whatever part of
+    its purpose remains meaningful.
+
+    (For example, a function in a library to compute square roots has
+    a purpose that is entirely well-defined independent of the
+    application.  Therefore, Subsection 2d requires that any
+    application-supplied function or table used by this function must
+    be optional: if the application does not supply it, the square
+    root function must still compute square roots.)
+
+These requirements apply to the modified work as a whole.  If
+identifiable sections of that work are not derived from the Library,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works.  But when you
+distribute the same sections as part of a whole which is a work based
+on the Library, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote
+it.
+
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Library.
+
+In addition, mere aggregation of another work not based on the Library
+with the Library (or with a work based on the Library) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+  3. You may opt to apply the terms of the ordinary GNU General Public
+License instead of this License to a given copy of the Library.  To do
+this, you must alter all the notices that refer to this License, so
+that they refer to the ordinary GNU General Public License, version 2,
+instead of to this License.  (If a newer version than version 2 of the
+ordinary GNU General Public License has appeared, then you can specify
+that version instead if you wish.)  Do not make any other change in
+these notices.
+
+  Once this change is made in a given copy, it is irreversible for
+that copy, so the ordinary GNU General Public License applies to all
+subsequent copies and derivative works made from that copy.
+
+  This option is useful when you wish to copy part of the code of
+the Library into a program that is not a library.
+
+  4. You may copy and distribute the Library (or a portion or
+derivative of it, under Section 2) in object code or executable form
+under the terms of Sections 1 and 2 above provided that you accompany
+it with the complete corresponding machine-readable source code, which
+must be distributed under the terms of Sections 1 and 2 above on a
+medium customarily used for software interchange.
+
+  If distribution of object code is made by offering access to copy
+from a designated place, then offering equivalent access to copy the
+source code from the same place satisfies the requirement to
+distribute the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+  5. A program that contains no derivative of any portion of the
+Library, but is designed to work with the Library by being compiled or
+linked with it, is called a "work that uses the Library".  Such a
+work, in isolation, is not a derivative work of the Library, and
+therefore falls outside the scope of this License.
+
+  However, linking a "work that uses the Library" with the Library
+creates an executable that is a derivative of the Library (because it
+contains portions of the Library), rather than a "work that uses the
+library".  The executable is therefore covered by this License.
+Section 6 states terms for distribution of such executables.
+
+  When a "work that uses the Library" uses material from a header file
+that is part of the Library, the object code for the work may be a
+derivative work of the Library even though the source code is not.
+Whether this is true is especially significant if the work can be
+linked without the Library, or if the work is itself a library.  The
+threshold for this to be true is not precisely defined by law.
+
+  If such an object file uses only numerical parameters, data
+structure layouts and accessors, and small macros and small inline
+functions (ten lines or less in length), then the use of the object
+file is unrestricted, regardless of whether it is legally a derivative
+work.  (Executables containing this object code plus portions of the
+Library will still fall under Section 6.)
+
+  Otherwise, if the work is a derivative of the Library, you may
+distribute the object code for the work under the terms of Section 6.
+Any executables containing that work also fall under Section 6,
+whether or not they are linked directly with the Library itself.
+
+  6. As an exception to the Sections above, you may also combine or
+link a "work that uses the Library" with the Library to produce a
+work containing portions of the Library, and distribute that work
+under terms of your choice, provided that the terms permit
+modification of the work for the customer's own use and reverse
+engineering for debugging such modifications.
+
+  You must give prominent notice with each copy of the work that the
+Library is used in it and that the Library and its use are covered by
+this License.  You must supply a copy of this License.  If the work
+during execution displays copyright notices, you must include the
+copyright notice for the Library among them, as well as a reference
+directing the user to the copy of this License.  Also, you must do one
+of these things:
+
+    a) Accompany the work with the complete corresponding
+    machine-readable source code for the Library including whatever
+    changes were used in the work (which must be distributed under
+    Sections 1 and 2 above); and, if the work is an executable linked
+    with the Library, with the complete machine-readable "work that
+    uses the Library", as object code and/or source code, so that the
+    user can modify the Library and then relink to produce a modified
+    executable containing the modified Library.  (It is understood
+    that the user who changes the contents of definitions files in the
+    Library will not necessarily be able to recompile the application
+    to use the modified definitions.)
+
+    b) Use a suitable shared library mechanism for linking with the
+    Library.  A suitable mechanism is one that (1) uses at run time a
+    copy of the library already present on the user's computer system,
+    rather than copying library functions into the executable, and (2)
+    will operate properly with a modified version of the library, if
+    the user installs one, as long as the modified version is
+    interface-compatible with the version that the work was made with.
+
+    c) Accompany the work with a written offer, valid for at
+    least three years, to give the same user the materials
+    specified in Subsection 6a, above, for a charge no more
+    than the cost of performing this distribution.
+
+    d) If distribution of the work is made by offering access to copy
+    from a designated place, offer equivalent access to copy the above
+    specified materials from the same place.
+
+    e) Verify that the user has already received a copy of these
+    materials or that you have already sent this user a copy.
+
+  For an executable, the required form of the "work that uses the
+Library" must include any data and utility programs needed for
+reproducing the executable from it.  However, as a special exception,
+the materials to be distributed need not include anything that is
+normally distributed (in either source or binary form) with the major
+components (compiler, kernel, and so on) of the operating system on
+which the executable runs, unless that component itself accompanies
+the executable.
+
+  It may happen that this requirement contradicts the license
+restrictions of other proprietary libraries that do not normally
+accompany the operating system.  Such a contradiction means you cannot
+use both them and the Library together in an executable that you
+distribute.
+
+  7. You may place library facilities that are a work based on the
+Library side-by-side in a single library together with other library
+facilities not covered by this License, and distribute such a combined
+library, provided that the separate distribution of the work based on
+the Library and of the other library facilities is otherwise
+permitted, and provided that you do these two things:
+
+    a) Accompany the combined library with a copy of the same work
+    based on the Library, uncombined with any other library
+    facilities.  This must be distributed under the terms of the
+    Sections above.
+
+    b) Give prominent notice with the combined library of the fact
+    that part of it is a work based on the Library, and explaining
+    where to find the accompanying uncombined form of the same work.
+
+  8. You may not copy, modify, sublicense, link with, or distribute
+the Library except as expressly provided under this License.  Any
+attempt otherwise to copy, modify, sublicense, link with, or
+distribute the Library is void, and will automatically terminate your
+rights under this License.  However, parties who have received copies,
+or rights, from you under this License will not have their licenses
+terminated so long as such parties remain in full compliance.
+
+  9. You are not required to accept this License, since you have not
+signed it.  However, nothing else grants you permission to modify or
+distribute the Library or its derivative works.  These actions are
+prohibited by law if you do not accept this License.  Therefore, by
+modifying or distributing the Library (or any work based on the
+Library), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Library or works based on it.
+
+  10. Each time you redistribute the Library (or any work based on the
+Library), the recipient automatically receives a license from the
+original licensor to copy, distribute, link with or modify the Library
+subject to these terms and conditions.  You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties with
+this License.
+
+  11. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Library at all.  For example, if a patent
+license would not permit royalty-free redistribution of the Library by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Library.
+
+If any portion of this section is held invalid or unenforceable under any
+particular circumstance, the balance of the section is intended to apply,
+and the section as a whole is intended to apply in other circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system which is
+implemented by public license practices.  Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+  12. If the distribution and/or use of the Library is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Library under this License may add
+an explicit geographical distribution limitation excluding those countries,
+so that distribution is permitted only in or among countries not thus
+excluded.  In such case, this License incorporates the limitation as if
+written in the body of this License.
+
+  13. The Free Software Foundation may publish revised and/or new
+versions of the Lesser General Public License from time to time.
+Such new versions will be similar in spirit to the present version,
+but may differ in detail to address new problems or concerns.
+
+Each version is given a distinguishing version number.  If the Library
+specifies a version number of this License which applies to it and
+"any later version", you have the option of following the terms and
+conditions either of that version or of any later version published by
+the Free Software Foundation.  If the Library does not specify a
+license version number, you may choose any version ever published by
+the Free Software Foundation.
+
+  14. If you wish to incorporate parts of the Library into other free
+programs whose distribution conditions are incompatible with these,
+write to the author to ask for permission.  For software which is
+copyrighted by the Free Software Foundation, write to the Free
+Software Foundation; we sometimes make exceptions for this.  Our
+decision will be guided by the two goals of preserving the free status
+of all derivatives of our free software and of promoting the sharing
+and reuse of software generally.
+
+			    NO WARRANTY
+
+  15. BECAUSE THE LIBRARY IS LICENSED FREE OF CHARGE, THERE IS NO
+WARRANTY FOR THE LIBRARY, TO THE EXTENT PERMITTED BY APPLICABLE LAW.
+EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR
+OTHER PARTIES PROVIDE THE LIBRARY "AS IS" WITHOUT WARRANTY OF ANY
+KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE
+LIBRARY IS WITH YOU.  SHOULD THE LIBRARY PROVE DEFECTIVE, YOU ASSUME
+THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN
+WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY
+AND/OR REDISTRIBUTE THE LIBRARY AS PERMITTED ABOVE, BE LIABLE TO YOU
+FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR
+CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE
+LIBRARY (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING
+RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A
+FAILURE OF THE LIBRARY TO OPERATE WITH ANY OTHER SOFTWARE), EVEN IF
+SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH
+DAMAGES.
+
+		     END OF TERMS AND CONDITIONS
+
+           How to Apply These Terms to Your New Libraries
+
+  If you develop a new library, and you want it to be of the greatest
+possible use to the public, we recommend making it free software that
+everyone can redistribute and change.  You can do so by permitting
+redistribution under these terms (or, alternatively, under the terms of the
+ordinary General Public License).
+
+  To apply these terms, attach the following notices to the library.  It is
+safest to attach them to the start of each source file to most effectively
+convey the exclusion of warranty; and each file should have at least the
+"copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the library's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This library is free software; you can redistribute it and/or
+    modify it under the terms of the GNU Lesser General Public
+    License as published by the Free Software Foundation; either
+    version 2.1 of the License, or (at your option) any later version.
+
+    This library is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+    Lesser General Public License for more details.
+
+    You should have received a copy of the GNU Lesser General Public
+    License along with this library; if not, write to the Free Software
+    Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
+
+Also add information on how to contact you by electronic and paper mail.
+
+You should also get your employer (if you work as a programmer) or your
+school, if any, to sign a "copyright disclaimer" for the library, if
+necessary.  Here is a sample; alter the names:
+
+  Yoyodyne, Inc., hereby disclaims all copyright interest in the
+  library `Frob' (a library for tweaking knobs) written by James Random Hacker.
+
+  <signature of Ty Coon>, 1 April 1990
+  Ty Coon, President of Vice
+
+That's all there is to it!
+
+

webapps/qooxdoo-0.6.3-sdk/README

@@ -0,0 +1,2 @@
+Please point your browser to:
+http://qooxdoo.org/documentation/user_manual

webapps/qooxdoo-0.6.3-sdk/RELEASENOTES

@@ -0,0 +1,2 @@
+Please point your browser to:
+http://qooxdoo.org/about/release_notes

webapps/qooxdoo-0.6.3-sdk/TODO

@@ -0,0 +1,2 @@
+Please point your browser to:
+http://qooxdoo.org/community/bugs

webapps/qooxdoo-0.6.3-sdk/frontend/Makefile

@@ -0,0 +1,294 @@
+###################################################################################
+# VARIABLES
+###################################################################################
+
+VERSION = 0.6.3
+
+NICE=10
+NICE_CALL = nice -n $(NICE)
+
+RELEASE_BUILD_UNIX = release/temp/build/unix/qooxdoo-$(VERSION)-build
+RELEASE_BUILD_DOS = release/temp/build/dos/qooxdoo-$(VERSION)-build
+
+RELEASE_SDK_UNIX = release/temp/sdk/unix/qooxdoo-$(VERSION)-sdk
+RELEASE_SDK_DOS = release/temp/sdk/dos/qooxdoo-$(VERSION)-sdk
+
+FIX_FILES = -name "*.py" -o -name "*.sh" -o -name "*.js" -o -name "*.html" -o -name "*.css" -o -name "*.xml" -o -name Makefile -o -name AUTHORS -o -name LICENSE -o -name README -o -name RELEASENOTES -o -name TODO
+
+RSYNC_BUILD_OPT = --recursive --archive --delete
+RSYNC_SDK_OPT = $(RSYNC_BUILD_OPT) --exclude script --exclude .svn
+
+RSYNC_BUILD_EXEC = @$(NICE_CALL) rsync $(RSYNC_BUILD_OPT)
+RSYNC_SDK_EXEC = @$(NICE_CALL) rsync $(RSYNC_SDK_OPT)
+
+ANY2DOS = | xargs framework/tool/modules/textutil.py --command any2Dos
+ANY2UNIX = | xargs framework/tool/modules/textutil.py --command any2Unix
+
+
+
+###################################################################################
+# DEFAULT TARGET
+###################################################################################
+
+all: build
+
+
+
+###################################################################################
+# COMMON TARGETS
+###################################################################################
+
+build:
+	@$(MAKE) -C api build
+	@$(MAKE) -C demo build
+	@$(MAKE) -C framework build
+
+source:
+	@$(MAKE) -C api source
+	@$(MAKE) -C demo source
+	@$(MAKE) -C framework source
+
+api-build:
+	@$(MAKE) -C api build
+
+demo-build:
+	@$(MAKE) -C demo build
+
+framework-build:
+	@$(MAKE) -C framework build
+
+api-source:
+	@$(MAKE) -C api source
+
+demo-source:
+	@$(MAKE) -C demo source
+
+framework-source:
+	@$(MAKE) -C framework source
+
+skeleton-archives:
+	@$(MAKE) -C skeleton archives
+
+demo-sync:
+	@$(MAKE) -C demo sync
+
+api-sync:
+	@$(MAKE) -C api sync
+
+framework-debug:
+	@$(MAKE) -C framework debug
+
+
+
+###################################################################################
+# CLEANUP TARGETS
+###################################################################################
+
+clean:
+	@echo
+	@echo "  CLEANUP OF GENERATED FILES"
+	@echo "----------------------------------------------------------------------------"
+	@$(MAKE) -C api clean
+	@$(MAKE) -C demo clean
+	@$(MAKE) -C framework clean
+	@$(MAKE) -C skeleton clean
+
+realclean:
+	@echo
+	@echo "  CLEANUP OF GENERATED FILES (REAL)"
+	@echo "----------------------------------------------------------------------------"
+	@echo "  * Deleting files..."
+	@$(MAKE) -C api realclean
+	@$(MAKE) -C demo realclean
+	@$(MAKE) -C framework realclean
+	@$(MAKE) -C skeleton realclean
+
+	@echo "  * Deleting release temp data..."
+	@$(NICE_CALL) rm -rf release/temp
+
+distclean:
+	@echo
+	@echo "  CLEANUP OF GENERATED FILES (DIST)"
+	@echo "----------------------------------------------------------------------------"
+	@echo "  * Deleting files..."
+	@$(MAKE) -C api distclean
+	@$(MAKE) -C demo distclean
+	@$(MAKE) -C framework distclean
+	@$(MAKE) -C skeleton distclean
+
+	@echo "  * Deleting cache..."
+	@$(NICE_CALL) rm -rf .cache
+
+	@echo "  * Deleting release archives..."
+	@$(NICE_CALL) rm -rf release
+
+
+
+
+
+
+###################################################################################
+# RELEASE TARGETS
+###################################################################################
+
+release: release-build release-sdk
+release-fast: release-build-fast release-sdk-fast
+
+
+
+
+release-build: build release-build-fast
+release-build-fast: release-build-sync release-build-compress
+
+release-build-sync:
+	@echo
+	@echo "  SYNCHRONISATION OF UNIX BUILD RELEASE"
+	@echo "----------------------------------------------------------------------------"
+
+	@echo "  * Copying info files..."
+	@mkdir -p $(RELEASE_BUILD_UNIX)
+	@find ../ -maxdepth 1 -type f -name "[A-Z]*" -exec cp -f {} $(RELEASE_BUILD_UNIX) \;
+
+	@echo "  * Synchronizing Unix build folders..."
+	@mkdir -p $(RELEASE_BUILD_UNIX)/frontend/api
+	$(RSYNC_BUILD_EXEC) api/build/* $(RELEASE_BUILD_UNIX)/frontend/api
+	@mkdir -p $(RELEASE_BUILD_UNIX)/frontend/demo
+	$(RSYNC_BUILD_EXEC) demo/build/* $(RELEASE_BUILD_UNIX)/frontend/demo
+	@mkdir -p $(RELEASE_BUILD_UNIX)/frontend/framework
+	$(RSYNC_BUILD_EXEC) framework/build/* $(RELEASE_BUILD_UNIX)/frontend/framework
+
+	@echo "  * Fixing line-breaks..."
+	@$(NICE_CALL) find $(RELEASE_BUILD_UNIX) $(FIX_FILES) $(ANY2UNIX)
+
+	@echo
+	@echo "  SYNCHRONISATION OF DOS BUILD RELEASE"
+	@echo "----------------------------------------------------------------------------"
+
+	@echo "  * Copying info files..."
+	@mkdir -p $(RELEASE_BUILD_DOS)
+	@find ../ -maxdepth 1 -type f -name "[A-Z]*" -exec cp -f {} $(RELEASE_BUILD_DOS) \;
+
+	@echo "  * Synchronizing DOS build folders..."
+	@mkdir -p $(RELEASE_BUILD_DOS)/frontend/api
+	$(RSYNC_BUILD_EXEC) api/build/* $(RELEASE_BUILD_DOS)/frontend/api
+	@mkdir -p $(RELEASE_BUILD_DOS)/frontend/demo
+	$(RSYNC_BUILD_EXEC) demo/build/* $(RELEASE_BUILD_DOS)/frontend/demo
+	@mkdir -p $(RELEASE_BUILD_DOS)/frontend/framework
+	$(RSYNC_BUILD_EXEC) framework/build/* $(RELEASE_BUILD_DOS)/frontend/framework
+
+	@echo "  * Fixing line-breaks..."
+	@$(NICE_CALL) find $(RELEASE_BUILD_DOS) $(FIX_FILES) $(ANY2DOS)
+
+release-build-compress:
+	@echo
+	@echo "  COMPRESSION OF BUILD RELEASE"
+	@echo "----------------------------------------------------------------------------"
+
+	@echo "  * Generating gzip (Unix) archive..."
+	@cd release/temp/build/unix; rm -f qooxdoo-$(VERSION)-build.tar.gz; $(NICE_CALL) tar cfzp ../../../qooxdoo-$(VERSION)-build.tar.gz qooxdoo-$(VERSION)-build
+
+	@echo "  * Generating zip (DOS) archive..."
+	@cd release/temp/build/dos; rm -f qooxdoo-$(VERSION)-build.zip; $(NICE_CALL) zip -rq ../../../qooxdoo-$(VERSION)-build.zip qooxdoo-$(VERSION)-build
+
+
+
+
+
+
+
+release-sdk: source skeleton-archives release-sdk-fast
+release-sdk-fast: release-sdk-sync release-sdk-compress
+
+release-sdk-sync:
+	@echo
+	@echo "  SYNCHRONISATION OF UNIX SDK RELEASE"
+	@echo "----------------------------------------------------------------------------"
+
+	@echo "  * Copying info files..."
+	@mkdir -p $(RELEASE_SDK_UNIX)
+	@find ../ -maxdepth 1 -type f -name "[A-Z]*" -exec cp -f {} $(RELEASE_SDK_UNIX) \;
+
+	@echo "  * Copying Makefiles..."
+	@mkdir -p $(RELEASE_SDK_UNIX)/frontend
+	@cp -f Makefile $(RELEASE_SDK_UNIX)/frontend
+	@mkdir -p $(RELEASE_SDK_UNIX)/frontend/api
+	@cp -f api/Makefile $(RELEASE_SDK_UNIX)/frontend/api
+	@mkdir -p $(RELEASE_SDK_UNIX)/frontend/demo
+	@cp -f demo/Makefile $(RELEASE_SDK_UNIX)/frontend/demo
+	@mkdir -p $(RELEASE_SDK_UNIX)/frontend/framework
+	@cp -f framework/Makefile $(RELEASE_SDK_UNIX)/frontend/framework
+
+	@echo "  * Synchronizing source folders..."
+	@mkdir -p $(RELEASE_SDK_UNIX)/frontend/api/source
+	$(RSYNC_SDK_EXEC) api/source/* $(RELEASE_SDK_UNIX)/frontend/api/source
+	@mkdir -p $(RELEASE_SDK_UNIX)/frontend/demo/source
+	$(RSYNC_SDK_EXEC) demo/source/* $(RELEASE_SDK_UNIX)/frontend/demo/source
+	@mkdir -p $(RELEASE_SDK_UNIX)/frontend/framework/source
+	$(RSYNC_SDK_EXEC) framework/source/* $(RELEASE_SDK_UNIX)/frontend/framework/source
+
+	@echo "  * Synchronizing skeleton folder..."
+	@mkdir -p $(RELEASE_SDK_UNIX)/frontend/skeleton
+	$(RSYNC_BUILD_EXEC) skeleton/build/*.tar.gz $(RELEASE_SDK_UNIX)/frontend/skeleton
+
+	@echo "  * Synchronizing tool folders..."
+	@mkdir -p $(RELEASE_SDK_UNIX)/frontend/demo/tool
+	$(RSYNC_SDK_EXEC) demo/tool/* $(RELEASE_SDK_UNIX)/frontend/demo/tool
+	@$(NICE_CALL) find $(RELEASE_SDK_UNIX)/frontend/demo/tool -name "*.sh" -o -name "*.py" | xargs chmod a+rx
+	@mkdir -p $(RELEASE_SDK_UNIX)/frontend/framework/tool
+	$(RSYNC_SDK_EXEC) framework/tool/* $(RELEASE_SDK_UNIX)/frontend/framework/tool
+	@$(NICE_CALL) find $(RELEASE_SDK_UNIX)/frontend/framework/tool -name "*.sh" -o -name "*.py" | xargs chmod a+rx
+
+	@echo "  * Fixing line-breaks..."
+	@$(NICE_CALL) find $(RELEASE_SDK_UNIX) $(FIX_FILES) $(ANY2UNIX)
+
+	@echo
+	@echo "  SYNCHRONISATION OF DOS SDK RELEASE"
+	@echo "----------------------------------------------------------------------------"
+
+	@echo "  * Copying info files..."
+	@mkdir -p $(RELEASE_SDK_DOS)
+	@find ../ -maxdepth 1 -type f -name "[A-Z]*" -exec cp -f {} $(RELEASE_SDK_DOS) \;
+
+	@echo "  * Copying Makefiles..."
+	@mkdir -p $(RELEASE_SDK_DOS)/frontend
+	@cp -f Makefile $(RELEASE_SDK_DOS)/frontend
+	@mkdir -p $(RELEASE_SDK_DOS)/frontend/api
+	@cp -f api/Makefile $(RELEASE_SDK_DOS)/frontend/api
+	@mkdir -p $(RELEASE_SDK_DOS)/frontend/demo
+	@cp -f demo/Makefile $(RELEASE_SDK_DOS)/frontend/demo
+	@mkdir -p $(RELEASE_SDK_DOS)/frontend/framework
+	@cp -f framework/Makefile $(RELEASE_SDK_DOS)/frontend/framework
+
+	@echo "  * Synchronizing source folders..."
+	@mkdir -p $(RELEASE_SDK_DOS)/frontend/api/source
+	$(RSYNC_SDK_EXEC) api/source/* $(RELEASE_SDK_DOS)/frontend/api/source
+	@mkdir -p $(RELEASE_SDK_DOS)/frontend/demo/source
+	$(RSYNC_SDK_EXEC) demo/source/* $(RELEASE_SDK_DOS)/frontend/demo/source
+	@mkdir -p $(RELEASE_SDK_DOS)/frontend/framework/source
+	$(RSYNC_SDK_EXEC) framework/source/* $(RELEASE_SDK_DOS)/frontend/framework/source
+
+	@echo "  * Synchronizing skeleton folder..."
+	@mkdir -p $(RELEASE_SDK_DOS)/frontend/skeleton
+	$(RSYNC_BUILD_EXEC) skeleton/build/*.zip $(RELEASE_SDK_DOS)/frontend/skeleton
+
+	@echo "  * Synchronizing tool folders..."
+	@mkdir -p $(RELEASE_SDK_DOS)/frontend/demo/tool
+	$(RSYNC_SDK_EXEC) demo/tool/* $(RELEASE_SDK_DOS)/frontend/demo/tool
+	@$(NICE_CALL) find $(RELEASE_SDK_DOS)/frontend/demo/tool -name "*.sh" -o -name "*.py" | xargs chmod a+rx
+	@mkdir -p $(RELEASE_SDK_DOS)/frontend/framework/tool
+	$(RSYNC_SDK_EXEC) framework/tool/* $(RELEASE_SDK_DOS)/frontend/framework/tool
+	@$(NICE_CALL) find $(RELEASE_SDK_DOS)/frontend/framework/tool -name "*.sh" -o -name "*.py" | xargs chmod a+rx
+
+	@echo "  * Fixing line-breaks..."
+	@$(NICE_CALL) find $(RELEASE_SDK_DOS) $(FIX_FILES) $(ANY2DOS)
+
+release-sdk-compress:
+	@echo
+	@echo "  COMPRESSION OF SDK RELEASE"
+	@echo "----------------------------------------------------------------------------"
+
+	@echo "  * Generating gzip (Unix) archive..."
+	@cd release/temp/sdk/unix; rm -f qooxdoo-$(VERSION)-sdk.tar.gz; $(NICE_CALL) tar cfzp ../../../qooxdoo-$(VERSION)-sdk.tar.gz qooxdoo-$(VERSION)-sdk
+
+	@echo "  * Generating zip (DOS) archive..."
+	@cd release/temp/sdk/dos; rm -f qooxdoo-$(VERSION)-sdk.zip; $(NICE_CALL) zip -rq ../../../qooxdoo-$(VERSION)-sdk.zip qooxdoo-$(VERSION)-sdk

webapps/qooxdoo-0.6.3-sdk/frontend/api/Makefile

@@ -0,0 +1,180 @@
+###################################################################################
+# VARIABLES
+###################################################################################
+
+FRAMEWORK=../framework
+GENERATOR=$(FRAMEWORK)/tool/generator.py
+CACHE=$(FRAMEWORK)/.cache
+SOURCELOADER=
+NICE=10
+
+ifneq ($(SOURCELOADER),)
+  SOURCELDR = --source-loader-type $(SOURCELOADER)
+else
+  SOURCELDR =
+endif
+
+
+###################################################################################
+# DEFAULT TARGET
+###################################################################################
+
+all: build
+
+
+
+###################################################################################
+# COMMON TARGETS
+###################################################################################
+
+source: generate-script-source generate-data-source
+build: generate-script-build generate-data-build copy-index-file fix-build-rights
+sync: build sync-qooxdoo-org
+pretty: generate-pretty
+fix: generate-fix
+
+
+
+###################################################################################
+# CLEANUP TARGETS
+###################################################################################
+
+clean:
+	@echo
+	@echo "  CLEANUP OF GENERATED FILES"
+	@echo "----------------------------------------------------------------------------"
+	@echo "  * Deleting files..."
+	@rm -f source/script/api.js source/script/data.js
+	@rm -f build/script/api.js build/script/data.js
+	@rm -rf build/xml source/xml
+
+realclean: clean
+	@echo
+	@echo "  CLEANUP OF GENERATED FILES (REAL)"
+	@echo "----------------------------------------------------------------------------"
+	@echo "  * Deleting files..."
+	@nice -n $(NICE) rm -rf build source/script
+
+distclean: realclean
+	@echo
+	@echo "  CLEANUP OF GENERATED FILES (DIST)"
+	@echo "----------------------------------------------------------------------------"
+	@echo "  * Deleting files..."
+	@nice -n $(NICE) find . -name "*~" -o -name "*.bak" -o -name "*.old" | xargs rm -rf
+	@nice -n $(NICE) rm -rf $(CACHE)
+
+
+
+###################################################################################
+# GENERATOR TARGETS
+###################################################################################
+
+generate-script-source:
+	@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
+	  --script-input $(FRAMEWORK)/source/class \
+	  --source-script-path ../$(FRAMEWORK)/source/class \
+	  --script-input source/class \
+	  --source-script-path class \
+	  --include api \
+	  --generate-source-script $(SOURCELDR) \
+	  --source-script-file source/script/api.js \
+	  --define-runtime-setting qx.manager.object.AliasManager.resourceUri:../$(FRAMEWORK)/source/resource \
+	  --cache-directory $(CACHE)
+
+generate-script-build:
+	@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
+	  --script-input $(FRAMEWORK)/source/class \
+	  --resource-input $(FRAMEWORK)/source/resource \
+	  --resource-output build/resource/qooxdoo \
+	  --script-input source/class \
+	  --resource-input source/resource \
+	  --resource-output build/resource \
+	  --include api \
+	  --generate-compiled-script \
+	  --compiled-script-file build/script/api.js \
+	  --optimize-strings \
+	  --optimize-variables \
+	  --define-runtime-setting qx.manager.object.AliasManager.resourceUri:resource/qooxdoo \
+	  --copy-resources \
+	  --cache-directory $(CACHE)
+
+generate-data-source:
+	@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
+	  --script-input $(FRAMEWORK)/source/class \
+	  --generate-api-documentation \
+	  --api-documentation-json-file source/script/data.js \
+	  --cache-directory $(CACHE)
+
+generate-data-build:
+	@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
+	  --script-input $(FRAMEWORK)/source/class \
+	  --generate-api-documentation \
+	  --api-documentation-json-file build/script/data.js \
+	  --cache-directory $(CACHE)
+
+generate-data-source-xml:
+	@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
+	  --script-input $(FRAMEWORK)/source/class \
+	  --generate-api-documentation \
+	  --api-documentation-xml-file source/xml/data.xml \
+	  --cache-directory $(CACHE)
+
+generate-data-build-xml:
+	@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
+	  --script-input $(FRAMEWORK)/source/class \
+	  --generate-api-documentation \
+	  --api-documentation-xml-file build/xml/data.xml \
+	  --cache-directory $(CACHE)
+
+generate-pretty:
+	@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
+	  --script-input source/class \
+	  --script-input $(FRAMEWORK)/source/class \
+	  --include-without-dependencies api.* \
+	  --pretty-print \
+	  --cache-directory $(CACHE)
+
+generate-fix:
+	@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
+	  --script-input source/class \
+	  --script-input $(FRAMEWORK)/source/class \
+	  --include-without-dependencies api.* \
+	  --fix-source \
+	  --cache-directory $(CACHE)
+
+
+
+###################################################################################
+# FILE RELATED TARGETS
+###################################################################################
+
+copy-index-file:
+	@echo
+	@echo "  CREATE COPY OF HTML FILE"
+	@echo "----------------------------------------------------------------------------"
+	@echo "  * Copying file..."
+	@cp -f source/index.html build/index.html
+
+fix-build-rights:
+	@echo
+	@echo "  FIX RIGHTS ON BUILD FILES"
+	@echo "----------------------------------------------------------------------------"
+	@echo "  * Fixing file rights..."
+	@nice -n $(NICE) find build -type d | xargs chmod a+rx
+	@nice -n $(NICE) find build -type f | xargs chmod a+r
+
+
+
+
+
+
+###################################################################################
+# ONLINE TARGETS
+###################################################################################
+
+sync-qooxdoo-org:
+	@echo
+	@echo "  SYNC FILES TO HOMEPAGE"
+	@echo "----------------------------------------------------------------------------"
+	@echo "  * Syncing..."
+	@nice -n $(NICE) rsync --checksum --recursive --archive --delete --verbose build/* root@qooxdoo.org:/var/www/qooxdoo/api

webapps/qooxdoo-0.6.3-sdk/frontend/api/source/class/api/InfoViewer.js

@@ -0,0 +1,35 @@
+/*
+#module(api)
+*/
+
+/**
+ * Shows the class details.
+ */
+qx.OO.defineClass("api.InfoViewer", qx.ui.embed.HtmlEmbed,
+function() {
+  qx.ui.embed.HtmlEmbed.call(this);
+
+  this.setOverflow("auto");
+  this.setPadding(20);
+  this.setEdge(0);
+  this.setHtmlProperty("id", "InfoViewer");
+  this.setVisibility(false);
+
+  api.InfoViewer.instance = this;
+});
+
+qx.Proto.showInfo = function(classNode)
+{
+  var vHtml = "";
+
+  // Title
+  vHtml += '<h1>';
+  vHtml += '<div class="pkgtitle">package</div>';
+  vHtml += classNode.attributes.fullName;
+  vHtml += '</h1>';
+
+  // TODO: Overview of classes in this package
+
+  // Apply HTML
+  this.setHtml(vHtml);
+}

webapps/qooxdoo-0.6.3-sdk/frontend/api/source/class/api/TreeUtil.js

@@ -0,0 +1,356 @@
+/*
+#module(api)
+*/
+
+/**
+ * A util class for handling the documentation tree.
+ */
+qx.OO.defineClass("api.TreeUtil", qx.core.Object,
+function () {
+  qx.core.Object.call(this);
+});
+
+
+/**
+ * Gets the child of a doc node having a certain type.
+ *
+ * @param docNode {Map} the doc node to get the child of.
+ * @param childType {string} the type of the child to get.
+ * @return {Map} the wanted child or <code>null</code> if <code>docNode</code>
+ *         is <code>null</code> or has no such child.
+ */
+qx.Class.getChild = function(docNode, childType) {
+  if (docNode != null && docNode.children != null) {
+    for (var i = 0; i < docNode.children.length; i++) {
+      if (docNode.children[i].type == childType) {
+        return docNode.children[i];
+      }
+    }
+  }
+
+  return null;
+}
+
+
+/**
+ * Gets the child of a doc node having a certain attribute value.
+ *
+ * @param docNode {Map} the doc node to get the child of.
+ * @param attributeName {string} the name of the attribute the wanted child must have.
+ * @param attributeValue {string} the value of the attribute the wanted child must have.
+ * @return {Map} the wanted child or <code>code</code> if there is no such child.
+ */
+qx.Class.getChildByAttribute = function(docNode, attributeName, attributeValue) {
+  if (docNode.children != null) {
+    for (var i = 0; i < docNode.children.length; i++) {
+      var node = docNode.children[i];
+      if (node.attributes && node.attributes[attributeName] == attributeValue) {
+        return node;
+      }
+    }
+  }
+
+  return null;
+}
+
+
+/**
+ * Searches the doc node of a item. Only use this method if you don't know the
+ * type of the item.
+ *
+ * @param classNode {Map} the class node the item belongs to.
+ * @param itemName {string} the name of the item to search.
+ * @return {Map} the doc node of the item or <code>null</code> if the class has
+ *         no such item.
+ */
+qx.Class.getItemDocNode = function(classNode, itemName) {
+  var TreeUtil = api.TreeUtil;
+
+  // Go through the item lists and check whether one contains the wanted item
+  for (var i = 0; i < TreeUtil.ITEM_LIST_ARR.length; i++) {
+    var listNode = TreeUtil.getChild(classNode, TreeUtil.ITEM_LIST_ARR[i]);
+    if (listNode) {
+      var itemNode = TreeUtil.getChildByAttribute(listNode, "name", itemName);
+      if (itemNode) {
+        return itemNode;
+      }
+    }
+  }
+
+  // Nothing found
+  return null;
+}
+
+
+/**
+ * Gets the doc node of a class.
+ *
+ * @param docTree {Map} the documentation tree.
+ * @param className {string} the name of the class.
+ * @return {Map} the doc node of the class.
+ */
+qx.Class.getClassDocNode = function(docTree, className) {
+  var splits = className.split(".");
+  var currNode = docTree;
+  for (var i = 0; i < splits.length && currNode != null; i++) {
+    if (i < splits.length - 1) {
+      // The current name is a package name
+      var packages = this.getChild(currNode, "packages");
+      currNode = packages ? this.getChildByAttribute(packages, "name", splits[i]) : null;
+    } else {
+      // The current name is a class name
+      var classes = this.getChild(currNode, "classes");
+      currNode = classes ? this.getChildByAttribute(classes, "name", splits[i]) : null;
+    }
+  }
+
+  return currNode;
+}
+
+
+/**
+ * Gets the icon URL of a doc node.
+ *
+ * @param node {Map} the node to get the icon for.
+ * @param inherited {boolean,false} whether the node was inherited.
+ * @return {var} the URL of the icon. May be a string or an array of string
+ *         (in case of an overlay icon).
+ */
+qx.Class.getIconUrl = function(node, inherited) {
+  var constName;
+  switch (node.type) {
+    case "package":
+      constName = "ICON_PACKAGE";
+      break;
+    case "class":
+      constName = "ICON_CLASS";
+
+      if (node.attributes.isStatic) {
+        constName += "_STATIC";
+      } else if (node.attributes.isAbstract) {
+        constName += "_ABSTRACT";
+      }
+
+      break;
+    case "property":
+      constName = "ICON_PROPERTY";
+      break;
+    case "event":
+      constName = "ICON_EVENT";
+      break;
+    case "method":
+      var isCtor = node.attributes.name == null;
+      var isPublic = isCtor || (node.attributes.name.charAt(0) != "_");
+
+      constName = "ICON_METHOD" + (isPublic ? "_PUB" : "_PROT");
+
+      if (isCtor) {
+        constName += "_CTOR";
+      } else if (node.attributes.isStatic) {
+        constName += "_STATIC";
+      } else if (node.attributes.isAbstract) {
+        constName += "_ABSTRACT";
+      }
+
+      break;
+    case "constant":
+      constName = "ICON_CONSTANT";
+      break;
+    default: throw new Error("Unknown node type: " + node.type);
+  }
+
+  if (inherited) {
+    constName += "_INHERITED";
+  } else if (node.attributes.overriddenFrom) {
+    constName += "_OVERRIDDEN";
+  }
+
+  if (node.attributes.hasError) {
+    constName += "_ERROR";
+  } else if (node.attributes.hasWarning) {
+    constName += "_WARN";
+  }
+
+  var iconUrl = api.TreeUtil[constName];
+  if (iconUrl == null) {
+    throw new Error("Unknown img constant: " + constName);
+  }
+  return iconUrl;
+}
+
+
+/** {string[]} The names of lists containing items. */
+qx.Class.ITEM_LIST_ARR = [ "constants", "properties", "methods-pub", "methods-pub",
+                        "methods-static-prot", "methods-static-prot" ];
+
+
+/** {string} The URL of the overlay "abstract". */
+qx.Class.OVERLAY_ABSTRACT   = "api/overlay_abstract18.gif";
+/** {string} The URL of the overlay "error". */
+qx.Class.OVERLAY_ERROR      = "api/overlay_error18.gif";
+/** {string} The URL of the overlay "inherited". */
+qx.Class.OVERLAY_INHERITED  = "api/overlay_inherited18.gif";
+/** {string} The URL of the overlay "overridden". */
+qx.Class.OVERLAY_OVERRIDDEN = "api/overlay_overridden18.gif";
+/** {string} The URL of the overlay "static". */
+qx.Class.OVERLAY_STATIC     = "api/overlay_static18.gif";
+/** {string} The URL of the overlay "warning". */
+qx.Class.OVERLAY_WARN       = "api/overlay_warning18.gif";
+
+
+/** {string} The icon URL of a package. */
+qx.Class.ICON_PACKAGE      = "api/package18.gif";
+/** {string} The icon URL of a package with warning. */
+qx.Class.ICON_PACKAGE_WARN = "api/package_warning18.gif";
+
+
+/** {string} The icon URL of a class. */
+qx.Class.ICON_CLASS       = "api/class18.gif";
+/** {string} The icon URL of a class with warning. */
+qx.Class.ICON_CLASS_WARN  = "api/class_warning18.gif";
+/** {string} The icon URL of a class with error. */
+qx.Class.ICON_CLASS_ERROR = "api/class_warning18.gif";
+
+/** {string} The icon URL of a static class. */
+qx.Class.ICON_CLASS_STATIC       = "api/class_static18.gif";
+/** {string} The icon URL of a static class with warning. */
+qx.Class.ICON_CLASS_STATIC_WARN  = "api/class_static_warning18.gif";
+/** {string} The icon URL of a static class with error. */
+qx.Class.ICON_CLASS_STATIC_ERROR = "api/class_static_warning18.gif";
+
+/** {string} The icon URL of an abstract class. */
+qx.Class.ICON_CLASS_ABSTRACT       = "api/class_abstract18.gif";
+/** {string} The icon URL of an abstract class with warning. */
+qx.Class.ICON_CLASS_ABSTRACT_WARN  = "api/class_abstract_warning18.gif";
+/** {string} The icon URL of an abstract class with error. */
+qx.Class.ICON_CLASS_ABSTRACT_ERROR = "api/class_abstract_warning18.gif";
+
+
+/** {string} The icon URL of a property. */
+qx.Class.ICON_PROPERTY       = "api/property18.gif";
+/** {string[]} The icon URL of a property with warning. */
+qx.Class.ICON_PROPERTY_WARN  = [ qx.Class.ICON_PROPERTY, qx.Class.OVERLAY_WARN ];
+/** {string[]} The icon URL of a property with error. */
+qx.Class.ICON_PROPERTY_ERROR = [ qx.Class.ICON_PROPERTY, qx.Class.OVERLAY_ERROR ];
+
+/** {string[]} The icon URL of an inherited property. */
+qx.Class.ICON_PROPERTY_INHERITED       = [ qx.Class.ICON_PROPERTY, qx.Class.OVERLAY_INHERITED ];
+/** {string[]} The icon URL of an inherited property with warning. */
+qx.Class.ICON_PROPERTY_INHERITED_WARN  = [ qx.Class.ICON_PROPERTY, qx.Class.OVERLAY_INHERITED, qx.Class.OVERLAY_WARN ];
+/** {string[]} The icon URL of an inherited property with error. */
+qx.Class.ICON_PROPERTY_INHERITED_ERROR = [ qx.Class.ICON_PROPERTY, qx.Class.OVERLAY_INHERITED, qx.Class.OVERLAY_ERROR ];
+
+/** {string[]} The icon URL of an overridden property. */
+qx.Class.ICON_PROPERTY_OVERRIDDEN       = [ qx.Class.ICON_PROPERTY, qx.Class.OVERLAY_OVERRIDDEN ];
+/** {string[]} The icon URL of an overridden property with warning. */
+qx.Class.ICON_PROPERTY_OVERRIDDEN_WARN  = [ qx.Class.ICON_PROPERTY, qx.Class.OVERLAY_OVERRIDDEN, qx.Class.OVERLAY_WARN ];
+/** {string[]} The icon URL of an overridden property with error. */
+qx.Class.ICON_PROPERTY_OVERRIDDEN_ERROR = [ qx.Class.ICON_PROPERTY, qx.Class.OVERLAY_OVERRIDDEN, qx.Class.OVERLAY_ERROR ];
+
+
+/** {string} The icon URL of an event. */
+qx.Class.ICON_EVENT = "api/event18.gif";
+
+/** {string[]} The icon URL of an inherited event. */
+qx.Class.ICON_EVENT_INHERITED = [ qx.Class.ICON_EVENT, qx.Class.OVERLAY_INHERITED ];
+
+
+/** {string} The icon URL of a public method. */
+qx.Class.ICON_METHOD_PUB       = "api/method_public18.gif";
+/** {string[]} The icon URL of a public method with warning. */
+qx.Class.ICON_METHOD_PUB_WARN  = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ERROR ];
+/** {string[]} The icon URL of a public method with error. */
+qx.Class.ICON_METHOD_PUB_ERROR = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ERROR ];
+
+/** {string[]} The icon URL of an inherited public method. */
+qx.Class.ICON_METHOD_PUB_INHERITED       = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_INHERITED ];
+/** {string[]} The icon URL of an inherited public method with warning. */
+qx.Class.ICON_METHOD_PUB_INHERITED_WARN  = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_INHERITED, qx.Class.OVERLAY_WARN ];
+/** {string[]} The icon URL of an inherited public method with error. */
+qx.Class.ICON_METHOD_PUB_INHERITED_ERROR = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_INHERITED, qx.Class.OVERLAY_ERROR ];
+
+/** {string[]} The icon URL of an overridden public method. */
+qx.Class.ICON_METHOD_PUB_OVERRIDDEN       = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_OVERRIDDEN ];
+/** {string[]} The icon URL of an overridden public method with warning. */
+qx.Class.ICON_METHOD_PUB_OVERRIDDEN_WARN  = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_OVERRIDDEN, qx.Class.OVERLAY_WARN ];
+/** {string[]} The icon URL of an overridden public method with error. */
+qx.Class.ICON_METHOD_PUB_OVERRIDDEN_ERROR = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_OVERRIDDEN, qx.Class.OVERLAY_ERROR ];
+
+/** {string[]} The icon URL of a public static method. */
+qx.Class.ICON_METHOD_PUB_STATIC       = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_STATIC ];
+/** {string[]} The icon URL of a public static method with error. */
+qx.Class.ICON_METHOD_PUB_STATIC_ERROR = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_STATIC, qx.Class.OVERLAY_ERROR ];
+
+/** {string[]} The icon URL of a public abstract method. */
+qx.Class.ICON_METHOD_PUB_ABSTRACT       = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ABSTRACT ];
+/** {string[]} The icon URL of a public abstract method with warning. */
+qx.Class.ICON_METHOD_PUB_ABSTRACT_WARN  = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_WARN ];
+/** {string[]} The icon URL of a public abstract method with error. */
+qx.Class.ICON_METHOD_PUB_ABSTRACT_ERROR = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_ERROR ];
+
+/** {string[]} The icon URL of an overridden public abstract method. */
+qx.Class.ICON_METHOD_PUB_ABSTRACT_OVERRIDDEN       = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_OVERRIDDEN ];
+/** {string[]} The icon URL of an overridden public abstract method with warning. */
+qx.Class.ICON_METHOD_PUB_ABSTRACT_OVERRIDDEN_WARN  = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_OVERRIDDEN, qx.Class.OVERLAY_WARN ];
+/** {string[]} The icon URL of an overridden public abstract method with error. */
+qx.Class.ICON_METHOD_PUB_ABSTRACT_OVERRIDDEN_ERROR = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_OVERRIDDEN, qx.Class.OVERLAY_ERROR ];
+
+/** {string[]} The icon URL of an inherited public abstract method. */
+qx.Class.ICON_METHOD_PUB_ABSTRACT_INHERITED       = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_INHERITED ];
+/** {string[]} The icon URL of an inherited public abstract method with warning. */
+qx.Class.ICON_METHOD_PUB_ABSTRACT_INHERITED_WARN  = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_INHERITED, qx.Class.OVERLAY_WARN ];
+/** {string[]} The icon URL of an inherited public abstract method with error. */
+qx.Class.ICON_METHOD_PUB_ABSTRACT_INHERITED_ERROR = [ qx.Class.ICON_METHOD_PUB, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_INHERITED, qx.Class.OVERLAY_ERROR ];
+
+
+/** {string} The icon URL of a constructor. */
+qx.Class.ICON_METHOD_PUB_CTOR       = "api/constructor18.gif";
+/** {string[]} The icon URL of a constructor with error. */
+qx.Class.ICON_METHOD_PUB_CTOR_ERROR = [ qx.Class.ICON_METHOD_PUB_CTOR, qx.Class.OVERLAY_ERROR ];
+
+
+/** {string} The icon URL of a protected method. */
+qx.Class.ICON_METHOD_PROT       = "api/method_protected18.gif";
+/** {string[]} The icon URL of a protected method with warning. */
+qx.Class.ICON_METHOD_PROT_WARN  = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_ERROR ];
+/** {string[]} The icon URL of a protected method with error. */
+qx.Class.ICON_METHOD_PROT_ERROR = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_ERROR ];
+
+/** {string[]} The icon URL of an inherited protected method. */
+qx.Class.ICON_METHOD_PROT_INHERITED       = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_INHERITED ];
+/** {string[]} The icon URL of an inherited protected method with warning. */
+qx.Class.ICON_METHOD_PROT_INHERITED_WARN  = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_INHERITED, qx.Class.OVERLAY_WARN ];
+/** {string[]} The icon URL of an inherited protected method with error. */
+qx.Class.ICON_METHOD_PROT_INHERITED_ERROR = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_INHERITED, qx.Class.OVERLAY_ERROR ];
+
+/** {string[]} The icon URL of an overridden protected method. */
+qx.Class.ICON_METHOD_PROT_OVERRIDDEN       = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_OVERRIDDEN ];
+/** {string[]} The icon URL of an overridden protected method with warning. */
+qx.Class.ICON_METHOD_PROT_OVERRIDDEN_WARN  = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_OVERRIDDEN, qx.Class.OVERLAY_WARN ];
+/** {string[]} The icon URL of an overridden protected method with error. */
+qx.Class.ICON_METHOD_PROT_OVERRIDDEN_ERROR = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_OVERRIDDEN, qx.Class.OVERLAY_ERROR ];
+
+/** {string[]} The icon URL of a protected static method. */
+qx.Class.ICON_METHOD_PROT_STATIC       = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_STATIC ];
+/** {string[]} The icon URL of a protected static method with error. */
+qx.Class.ICON_METHOD_PROT_STATIC_ERROR = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_STATIC, qx.Class.OVERLAY_ERROR ];
+
+/** {string[]} The icon URL of an abstract protected method. */
+qx.Class.ICON_METHOD_PROT_ABSTRACT       = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_ABSTRACT ];
+/** {string[]} The icon URL of an abstract protected method with warning. */
+qx.Class.ICON_METHOD_PROT_ABSTRACT_WARN  = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_WARN ];
+/** {string[]} The icon URL of an abstract protected method with error. */
+qx.Class.ICON_METHOD_PROT_ABSTRACT_ERROR = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_ERROR ];
+
+/** {string[]} The icon URL of an inherited abstract protected method. */
+qx.Class.ICON_METHOD_PROT_ABSTRACT_INHERITED       = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_INHERITED ];
+/** {string[]} The icon URL of an inherited abstract protected method with warning. */
+qx.Class.ICON_METHOD_PROT_ABSTRACT_INHERITED_WARN  = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_INHERITED, qx.Class.OVERLAY_WARN ];
+/** {string[]} The icon URL of an inherited abstract protected method with error. */
+qx.Class.ICON_METHOD_PROT_ABSTRACT_INHERITED_ERROR = [ qx.Class.ICON_METHOD_PROT, qx.Class.OVERLAY_ABSTRACT, qx.Class.OVERLAY_INHERITED, qx.Class.OVERLAY_ERROR ];
+
+
+/** {string} The icon URL of a constant. */
+qx.Class.ICON_CONSTANT       = "api/constant18.gif";
+/** {string[]} The icon URL of a constant with error. */
+qx.Class.ICON_CONSTANT_ERROR = [ qx.Class.ICON_CONSTANT, qx.Class.OVERLAY_ERROR ];

webapps/qooxdoo-0.6.3-sdk/frontend/api/source/class/api/Viewer.js

@@ -0,0 +1,386 @@
+/*
+#module(api)
+#resource(css:css)
+#resource(images:image)
+*/
+
+/**
+ * The API viewer. Shows the API documentation.
+ */
+qx.OO.defineClass("api.Viewer", qx.ui.layout.HorizontalBoxLayout,
+function () {
+  qx.ui.layout.HorizontalBoxLayout.call(this);
+
+  this.setEdge(0);
+
+  this._titlePrefix = this.getSetting("title") + " API Documentation";
+  document.title = this._titlePrefix;
+
+  this._tree = new qx.ui.tree.Tree("API Documentation");
+  this._tree.set({
+    backgroundColor: "white",
+    overflow: "scroll",
+    width: "22%",
+    minWidth : 150,
+    maxWidth : 300
+  });
+  this._tree.getManager().addEventListener("changeSelection", this._onTreeSelectionChange, this);
+  this.add(this._tree);
+
+  this._detailFrame = new qx.ui.layout.CanvasLayout;
+  this._detailFrame.setWidth("1*");
+  this._detailFrame.setBorder(qx.renderer.border.BorderPresets.horizontalDivider);
+  this._detailFrame.setBackgroundColor("white");
+  this._detailFrame.setHtmlProperty("id", "DetailFrame");
+  this.add(this._detailFrame);
+
+  this._detailLoader = new qx.ui.embed.HtmlEmbed('<h1><div class="please">please wait</div>Loading data...</h1>');
+  this._detailLoader.setHtmlProperty("id", "DetailLoader");
+  this._detailLoader.setMarginLeft(20);
+  this._detailLoader.setMarginTop(20);
+  this._detailFrame.add(this._detailLoader);
+
+  this._classViewer = new api.ClassViewer;
+  this._detailFrame.add(this._classViewer);
+
+  this._infoViewer = new api.InfoViewer;
+  this._detailFrame.add(this._infoViewer);
+
+  this._currentTreeType = api.Viewer.PACKAGE_TREE;
+
+  // Workaround: Since navigating in qx.ui.tree.Tree doesn't work, we've to
+  //             maintain a hash that keeps the tree nodes for class names
+  this._classTreeNodeHash = {};
+  this._classTreeNodeHash[api.Viewer.PACKAGE_TREE] = {};
+  this._classTreeNodeHash[api.Viewer.INHERITENCE_TREE] = {};
+
+  api.Viewer.instance = this;
+
+  qx.client.History.getInstance().init();
+  qx.client.History.getInstance().addEventListener("request", this._onHistoryRequest, this);
+});
+
+
+/** The documentation tree to show. */
+qx.OO.addProperty({ name:"docTree", type:"object" });
+
+
+qx.Settings.setDefault("title", "qooxdoo");
+qx.Settings.setDefault("initialTreeDepth", 1);
+
+
+// property checker
+qx.Proto._modifyDocTree = function(propValue, propOldValue, propData) {
+  this._updateTree(propValue);
+  return true;
+}
+
+
+/**
+ * Loads the API doc tree from a URL. The URL must point to a JSON encoded
+ * doc tree.
+ *
+ * @param url {string} the URL.
+ */
+qx.Proto.load = function(url)
+{
+  var req = new qx.io.remote.Request(url);
+
+  req.setTimeout(180000);
+
+  req.addEventListener("completed", function(evt)
+  {
+    var content = evt.getData().getContent();
+    this.setDocTree(eval("(" + content + ")"));
+
+    qx.ui.core.Widget.flushGlobalQueues();
+
+    // Handle bookmarks
+    if (window.location.hash) {
+      var self = this;
+      window.setTimeout(function() {
+        self.selectItem(window.location.hash.substring(1));
+      }, 0);
+    }
+
+    this._detailLoader.setHtml('<h1><div class="please">' + this.getSetting("title") +
+        '</div>API Documentation</h1>');
+
+  }, this);
+
+  req.addEventListener("failed", function(evt)
+  {
+    this.error("Couldn't load file: " + url);
+  }, this);
+
+  req.send();
+}
+
+
+/**
+ * Updates the tree on the left.
+ *
+ * @param docTree {Map} the documentation tree to use for updating.
+ */
+qx.Proto._updateTree = function(docTree) {
+  var inheritenceNode = new qx.ui.tree.TreeFolder("Inheritence hierarchy");
+  var packagesNode = new qx.ui.tree.TreeFolder("Packages");
+
+  this._tree.removeAll();
+  this._tree.add(inheritenceNode, packagesNode);
+
+  // Fille the packages tree (and fill the _topLevelClassNodeArr)
+  this._topLevelClassNodeArr = [];
+  this._fillPackageNode(packagesNode, docTree, 0);
+
+  // Sort the _topLevelClassNodeArr
+  this._topLevelClassNodeArr.sort(function (node1, node2) {
+    return (node1.attributes.fullName < node2.attributes.fullName) ? -1 : 1;
+  });
+
+  // Fill the inheritence tree
+  for (var i = 0; i < this._topLevelClassNodeArr.length; i++) {
+    this._createInheritanceNode(inheritenceNode, this._topLevelClassNodeArr[i], docTree);
+  }
+
+  packagesNode.open();
+
+  if (this._wantedClassName) {
+    this.showClassByName(this._wantedClassName);
+    this._wantedClassName = null;
+  }
+}
+
+
+/**
+ * Fills a package tree node with tree nodes for the sub packages and classes.
+ *
+ * @param treeNode {qx.ui.tree.TreeFolder} the package tree node.
+ * @param docNode {Map} the documentation node of the package.
+ */
+qx.Proto._fillPackageNode = function(treeNode, docNode, depth) {
+  var ApiViewer = api.Viewer;
+  var TreeUtil = api.TreeUtil;
+
+  var packagesDocNode = TreeUtil.getChild(docNode, "packages");
+  if (packagesDocNode && packagesDocNode.children) {
+    for (var i = 0; i < packagesDocNode.children.length; i++) {
+      var packageDocNode = packagesDocNode.children[i];
+      var iconUrl = TreeUtil.getIconUrl(packageDocNode);
+      var packageTreeNode = new qx.ui.tree.TreeFolder(packageDocNode.attributes.name, iconUrl);
+      packageTreeNode.docNode = packageDocNode;
+      treeNode.add(packageTreeNode);
+
+      this._fillPackageNode(packageTreeNode, packageDocNode, depth+1);
+
+      // Open the package node if it has child packages
+      if (depth < this.getSetting("initialTreeDepth") && TreeUtil.getChild(packageDocNode, "packages")) {
+        packageTreeNode.open();
+      }
+
+      // Register the tree node
+      this._classTreeNodeHash[ApiViewer.PACKAGE_TREE][packageDocNode.attributes.fullName] = packageTreeNode;
+    }
+  }
+
+  var classesDocNode = TreeUtil.getChild(docNode, "classes");
+  if (classesDocNode && classesDocNode.children) {
+    for (var i = 0; i < classesDocNode.children.length; i++) {
+      var classDocNode = classesDocNode.children[i];
+      var iconUrl = TreeUtil.getIconUrl(classDocNode);
+      var classTreeNode = new qx.ui.tree.TreeFolder(classDocNode.attributes.name, iconUrl);
+      classTreeNode.docNode = classDocNode;
+      classTreeNode.treeType = ApiViewer.PACKAGE_TREE;
+      treeNode.add(classTreeNode);
+
+      // Register the tree node
+      this._classTreeNodeHash[ApiViewer.PACKAGE_TREE][classDocNode.attributes.fullName] = classTreeNode;
+
+      // Check whether this is a top-level-class
+      if (classDocNode.attributes.superClass == null) {
+        this._topLevelClassNodeArr.push(classDocNode);
+      }
+    }
+  }
+}
+
+
+/**
+ * Creates the tree node for a class containing class nodes for all its child
+ * classes.
+ *
+ * @param classDocNode {Map} the documentation node of the class.
+ * @param docTree {Map} the documentation tree.
+ */
+qx.Proto._createInheritanceNode = function(parentTreeNode, classDocNode, docTree) {
+  var ApiViewer = api.Viewer;
+  var TreeUtil = api.TreeUtil;
+
+  // Create the tree node
+  var iconUrl = TreeUtil.getIconUrl(classDocNode);
+  var classTreeNode = new qx.ui.tree.TreeFolder(classDocNode.attributes.fullName, iconUrl);
+  classTreeNode.docNode = classDocNode;
+  classTreeNode.treeType = ApiViewer.INHERITENCE_TREE;
+  parentTreeNode.add(classTreeNode);
+
+  // Register the tree node
+  this._classTreeNodeHash[ApiViewer.INHERITENCE_TREE][classDocNode.attributes.fullName] = classTreeNode;
+
+  // Add all child classes
+  var childClassNameCsv = classDocNode.attributes.childClasses;
+  if (childClassNameCsv) {
+    var childClassNameArr = childClassNameCsv.split(",");
+    for (var i = 0; i < childClassNameArr.length; i++) {
+      var childClassDocNode = TreeUtil.getClassDocNode(docTree, childClassNameArr[i]);
+      this._createInheritanceNode(classTreeNode, childClassDocNode, docTree);
+    }
+  }
+}
+
+
+/**
+ * Event handler. Called when the tree selection has changed.
+ *
+ * @param evt {Map} the event.
+ */
+qx.Proto._onTreeSelectionChange = function(evt)
+{
+  var treeNode = evt.getData()[0];
+
+  if (treeNode && treeNode.docNode)
+  {
+    var newTitle = this._titlePrefix + " - class " + treeNode.docNode.attributes.fullName;
+
+    qx.client.History.getInstance().addToHistory(treeNode.docNode.attributes.fullName, newTitle);
+
+    this._currentTreeType = treeNode.treeType;
+
+    this._selectTreeNode(treeNode);
+
+    window.location.hash = "#" + treeNode.docNode.attributes.fullName;
+  }
+}
+
+
+qx.Proto._onHistoryRequest = function(evt)
+{
+  this.showClassByName(evt.getData());
+}
+
+qx.Proto._selectTreeNode = function(vTreeNode)
+{
+  if (!(vTreeNode && vTreeNode.docNode)) {
+    this.error("Invalid tree node: " + vTreeNode);
+  }
+
+  var vDoc = vTreeNode.docNode;
+
+  this._detailLoader.setVisibility(false);
+
+  if (vDoc.type == "class")
+  {
+    this._infoViewer.setVisibility(false);
+    this._classViewer.showClass(vDoc);
+    this._classViewer.setVisibility(true);
+  }
+  else
+  {
+    this._classViewer.setVisibility(false);
+    this._infoViewer.showInfo(vDoc);
+    this._infoViewer.setVisibility(true);
+  }
+}
+
+
+/**
+ * Selects an item (class, property, method or constant).
+ *
+ * @param fullItemName {string} the full name of the item to select.
+ *        (e.g. "qx.mypackage.MyClass" or "qx.mypackage.MyClass#myProperty")
+ */
+qx.Proto.selectItem = function(fullItemName) {
+  var className = fullItemName;
+  var itemName = null;
+  var hashPos = fullItemName.indexOf("#");
+  if (hashPos != -1) {
+    className = fullItemName.substring(0, hashPos);
+    itemName = fullItemName.substring(hashPos + 1);
+
+    var parenPos = itemName.indexOf("(");
+    if (parenPos != -1) {
+      itemName = qx.lang.String.trim(itemName.substring(0, parenPos));
+    }
+  }
+
+  this.showClassByName(className);
+  if (itemName) {
+    this._classViewer.showItem(itemName);
+  }
+}
+
+
+/**
+ * Shows a certain class.
+ *
+ * @param className {string} the name of the class to show.
+ */
+qx.Proto.showClassByName = function(className) {
+  var treeNode = this._classTreeNodeHash[this._currentTreeType][className];
+
+  if (treeNode) {
+    treeNode.setSelected(true);
+  } else if (this.getDocTree() == null) {
+    // The doc tree has not been loaded yet
+    // -> Remeber the wanted class and show when loading is done
+    this._wantedClassName = className;
+  } else {
+    this.error("Unknown class: " + className);
+  }
+}
+
+
+qx.Class.PACKAGE_TREE = 1;
+qx.Class.INHERITENCE_TREE = 2;
+
+
+
+qx.Proto.dispose = function()
+{
+  if (this.getDisposed()) {
+    return;
+  }
+
+  if (this._tree)
+  {
+    this._tree.dispose();
+    this._tree = null;
+  }
+
+  if (this._detailFrame)
+  {
+    this._detailFrame.dispose();
+    this._detailFrame = null;
+  }
+
+  if (this._detailLoader)
+  {
+    this._detailLoader.dispose();
+    this._detailLoader = null;
+  }
+
+  if (this._classViewer)
+  {
+    this._classViewer.dispose();
+    this._classViewer = null;
+  }
+
+  if (this._infoViewer)
+  {
+    this._infoViewer.dispose();
+    this._infoViewer = null;
+  }
+
+  this._classTreeNodeHash = null;
+
+  return qx.ui.layout.HorizontalBoxLayout.prototype.dispose.call(this);
+}

webapps/qooxdoo-0.6.3-sdk/frontend/api/source/index.html

@@ -0,0 +1,27 @@
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <link type="text/css" rel="stylesheet" href="resource/css/apiviewer.css"/>
+    <script type="text/javascript" src="script/api.js"></script>
+
+    <script type="text/javascript">
+      qx.dev.log.Logger.ROOT_LOGGER.setMinLevel(qx.dev.log.Logger.LEVEL_WARN);
+
+      var viewer;
+
+      qx.core.Init.getInstance().defineInitialize(function() {
+        qx.manager.object.AliasManager.getInstance().add("api", "resource/image");
+      });
+
+      qx.core.Init.getInstance().defineMain(function()
+      {
+        viewer = new api.Viewer;
+        viewer.addToDocument();
+      });
+
+      qx.core.Init.getInstance().defineFinalize(function() {
+        viewer.load("script/data.js");
+      });
+    </script>
+  </head>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/api/source/resource/css/apiviewer.css

@@ -0,0 +1,263 @@
+#DetailFrame,
+#DetailFrame td,
+#DetailFrame th{
+  font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Tahoma, "Lucida Sans Unicode", Arial, sans-serif;
+  font-size: 11px;
+  line-height: 150%;
+}
+
+#DetailFrame h1,
+#DetailFrame h2,
+#DetailFrame h3,
+#DetailFrame h4,
+#DetailFrame h5,
+#DetailFrame h6{
+  font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
+  color: #134275;
+}
+
+#DetailFrame *{
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+#DetailFrame h1 {
+  font-size: 24px;
+  margin-bottom: 20px;
+}
+
+#DetailFrame h2 {
+  font-size: 18px;
+  margin-bottom: 4px;
+}
+
+#DetailFrame h3 {
+  font-size: 14px;
+}
+
+#DetailFrame img {
+  border: 0 none;
+  vertical-align: middle;
+}
+
+#DetailFrame a:link,
+#DetailFrame a:visited{
+  color: #134275;
+}
+
+#DetailFrame a:hover,
+#DetailFrame a:active{
+  color: #134275;
+  text-decoration: underline;
+}
+
+#DetailFrame td{
+  vertical-align: top;
+  padding: 2px;
+}
+
+
+
+
+
+#DetailLoader div.please{
+  font-size: 14px;
+  font-weight: normal;
+  margin-bottom: 4px;
+}
+
+
+
+
+
+
+#InfoViewer div.pkgtitle{
+  font-size: 14px;
+  font-weight: normal;
+  margin-bottom: 4px;
+}
+
+
+
+
+
+
+
+
+#ClassViewer div.classDescription{
+  font-size: 12px;
+
+  background: #E9F2FB;
+  border: 1px solid #E9F2FB;
+
+  -moz-border-radius: 5px;
+  padding: 12px;
+  padding-top: 4px;
+
+  width: 450px;
+}
+
+#ClassViewer div.classDescription p{
+  margin-top: 10px;
+}
+
+#ClassViewer div.packageName{
+  font-size: 14px;
+  font-weight: normal;
+  margin-bottom: 4px;
+}
+
+#ClassViewer span.typeInfo{
+  color: #83B300;
+  font-weight: normal;
+}
+
+
+
+
+
+
+#ClassViewer div.infoPanel {
+  margin-top: 30px;
+}
+
+#ClassViewer div.infoPanel h2{
+  cursor: default;
+}
+
+#ClassViewer div.infoPanel span.inheritCheck {
+  font-weight: normal;
+  float: right;
+  font-size: 11px;
+  vertical-align: bottom;
+}
+
+#ClassViewer div.infoPanel span.inheritCheck input,
+#ClassViewer div.infoPanel span.inheritCheck label{
+  vertical-align: middle;
+}
+
+#ClassViewer div.infoPanel span.inheritCheck label{
+  margin-left: 3px;
+}
+
+
+
+
+
+
+
+#ClassViewer table.info {
+  table-layout: fixed;
+}
+
+#ClassViewer table.info tr {
+  background: #FBFFEF;
+}
+
+#ClassViewer table.info tr.marked {
+  background: #DEFF83;
+}
+
+#ClassViewer table.info tr td,
+#ClassViewer div.empty-info-body {
+  border-top: 1px solid #ECECEC;
+}
+
+#ClassViewer table.info tr td{
+  overflow: hidden;
+}
+
+#ClassViewer table.info tr td td{
+  border-top: 0 none;
+  padding: 0;
+}
+
+#ClassViewer table.info td.icon{
+  text-align: center;
+  width: 20px;
+}
+
+#ClassViewer table.info td.type{
+  width: 100px;
+  font-size: 12px;
+  color: #83B300;
+  font-weight: bold;
+}
+
+#ClassViewer table.info td.toggle{
+  text-align: center;
+  width: 16px;
+  padding: 1px;
+}
+
+#ClassViewer table.info td.toggle img{
+  cursor: default;
+}
+
+#ClassViewer table.info td.text h3{
+  cursor: default;
+}
+
+#ClassViewer span.methodSignature{
+  font-size: 12px;
+  color: #83B300;
+}
+
+#ClassViewer table.info td.type a,
+#ClassViewer span.methodSignature a{
+  color: #83B300 !important;
+}
+
+#ClassViewer span.methodSignature span.parameterType{
+  font-style: italic;
+}
+
+#ClassViewer span.methodSignature span.separator{
+  color: #134275;
+  font-weight: bold;
+}
+
+#ClassViewer span.methodSignature span.parenthesis{
+  color: #134275;
+  font-weight: bold;
+}
+
+
+
+
+
+#ClassViewer div.item-detail-headline {
+  font-weight: bold;
+  color: #1D65B3;
+}
+
+#ClassViewer div.item-detail-text {
+  padding-left: 12px;
+}
+
+#ClassViewer div.item-detail-text p{
+  display: inline;
+}
+
+#ClassViewer div.item-detail-error {
+  font-weight: bold;
+  color: #D61F1C;
+}
+
+#ClassViewer span.item-detail-optional {
+  font-style: italic;
+}
+
+#ClassViewer code,
+#ClassViewer span.item-detail-param-name {
+  font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", monospace;
+  background: #E9F2FB;
+  padding: 1px;
+}
+
+#ClassViewer span.caps{
+  color: #134275;
+}

webapps/qooxdoo-0.6.3-sdk/frontend/demo/Makefile

@@ -0,0 +1,159 @@
+###################################################################################
+# VARIABLES
+###################################################################################
+
+FRAMEWORK=../framework
+GENERATOR=$(FRAMEWORK)/tool/generator.py
+CACHE=$(FRAMEWORK)/.cache
+SOURCELOADER=
+NICE=10
+
+ifneq ($(SOURCELOADER),)
+  SOURCELDR = --source-loader-type $(SOURCELOADER)
+else
+  SOURCELDR =
+endif
+
+
+###################################################################################
+# DEFAULT TARGET
+###################################################################################
+
+all: build
+
+
+
+###################################################################################
+# COMMON TARGETS
+###################################################################################
+
+source: generate-script-source update-layout-source
+build: generate-script-build update-layout-build fix-build-rights
+sync: revision-bump build sync-qooxdoo-org
+
+
+
+###################################################################################
+# CLEANUP TARGETS
+###################################################################################
+
+clean:
+	@echo
+	@echo "  CLEANUP OF GENERATED FILES"
+	@echo "----------------------------------------------------------------------------"
+	@echo "  * Deleting files..."
+	@rm -rf source/script
+
+realclean: clean
+	@echo
+	@echo "  CLEANUP OF GENERATED FILES (REAL)"
+	@echo "----------------------------------------------------------------------------"
+	@echo "  * Deleting files..."
+	@nice -n $(NICE) rm -rf build
+
+distclean: realclean
+	@echo
+	@echo "  CLEANUP OF GENERATED FILES (DIST)"
+	@echo "----------------------------------------------------------------------------"
+	@echo "  * Deleting files..."
+	@nice -n $(NICE) find . -name "*~" -o -name "*.bak" -o -name "*.old" | xargs rm -rf
+	@nice -n $(NICE) rm -rf $(CACHE)
+
+
+
+###################################################################################
+# GENERATOR TARGETS
+###################################################################################
+
+generate-script-source:
+	@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
+	  --script-input $(FRAMEWORK)/source/class \
+	  --source-script-path ../../../$(FRAMEWORK)/source/class \
+	  --generate-source-script $(SOURCELDR) \
+	  --source-script-file source/script/qx.js \
+	  --define-runtime-setting qx.manager.object.AliasManager.resourceUri:../../../$(FRAMEWORK)/source/resource \
+	  --cache-directory $(CACHE)
+
+generate-script-build:
+	@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
+	  --script-input $(FRAMEWORK)/source/class \
+	  --generate-compiled-script \
+	  --compiled-script-file build/script/qx.js \
+	  --optimize-strings \
+	  --optimize-variables \
+	  --copy-resources \
+	  --resource-input $(FRAMEWORK)/source/resource \
+	  --resource-output build/resource \
+	  --define-runtime-setting qx.manager.object.AliasManager.resourceUri:../../resource \
+	  --cache-directory $(CACHE)
+
+generate-script-build-test:
+	@chmod u+x $(GENERATOR) && nice -n $(NICE) $(GENERATOR) \
+    --script-input $(FRAMEWORK)/source/class \
+    --generate-compiled-script \
+    --compiled-script-file build/script/qx.js \
+    --optimize-strings \
+    --optimize-variables \
+    --obfuscate-identifiers --add-new-lines --add-file-ids \
+    --copy-resources \
+    --resource-input $(FRAMEWORK)/source/resource \
+    --resource-output build/resource \
+    --define-runtime-setting qx.manager.object.AliasManager.resourceUri:../../resource \
+    --cache-directory $(CACHE)
+
+
+###################################################################################
+# FILE RELATED TARGETS
+###################################################################################
+
+update-layout-source:
+	@echo
+	@echo "  CREATION OF DEMO LAYOUT (SOURCE)"
+	@echo "----------------------------------------------------------------------------"
+	@echo "  * Generating..."
+	@chmod u+x tool/layout.sh && nice -n $(NICE) tool/layout.sh source/script/layout.js source/html SOURCE
+
+update-demo-build:
+	@echo
+	@echo "  CREATE COPY OF HTML FILES"
+	@echo "----------------------------------------------------------------------------"
+	@echo "  * Copying files..."
+	@mkdir -p build
+	@cp -f source/index.html build/
+	@mkdir -p build/html
+	@nice -n $(NICE) rsync --recursive --links --delete --exclude=.svn source/html/* build/html
+	@mkdir -p build/resource/css
+	@nice -n $(NICE) rsync --recursive --links --delete --exclude=.svn source/resource/css/* build/resource/css
+
+update-layout-build: update-demo-build
+	@echo
+	@echo "  CREATION OF DEMO LAYOUT (BUILD)"
+	@echo "----------------------------------------------------------------------------"
+	@echo "  * Generating..."
+	@chmod u+x tool/layout.sh && nice -n $(NICE) tool/layout.sh build/script/layout.js build/html BUILD
+
+fix-build-rights:
+	@echo
+	@echo "  FIX RIGHTS ON BUILD FILES"
+	@echo "----------------------------------------------------------------------------"
+	@echo "  * Fixing file rights..."
+	@nice -n $(NICE) find build -type d | xargs chmod a+rx
+	@nice -n $(NICE) find build -type f | xargs chmod a+r
+
+
+
+
+
+###################################################################################
+# ONLINE TARGETS
+###################################################################################
+
+revision-bump:
+	@$(MAKE) -C ../framework revision-bump
+
+sync-qooxdoo-org:
+	@echo
+	@echo "  SYNC FILES TO HOMEPAGE"
+	@echo "----------------------------------------------------------------------------"
+	@echo "  * Syncing..."
+	@nice -n $(NICE) rsync --checksum --recursive --archive --delete --verbose build/* root@qooxdoo.org:/var/www/qooxdoo/demo

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/at-a-glance/index.html

@@ -0,0 +1,21 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+  <script type="text/javascript" src="AtAGlance.js"></script>
+</head>
+<body>
+  <script type="text/javascript">
+    qx.dev.log.Logger.ROOT_LOGGER.setMinLevel(qx.dev.log.Logger.LEVEL_ERROR);
+
+    qx.core.Init.getInstance().defineMain(function() {
+      new AtAGlance;
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Atom_1.html

@@ -0,0 +1,73 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>qx.ui.basic.Atom is the parent class for buttons, menu entries, icons, checkboxes. While you can do,
+    you usually don't have to instantiate qx.ui.basic.Atom directly.</p>
+  </div>
+
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var d = qx.ui.core.ClientDocument.getInstance();
+
+    // test no1
+    var nl1 = new qx.ui.basic.Atom("Test #1", "icon/16/reload.png", 16, 16);
+    nl1.setTop(48);
+    nl1.setLeft(20);
+    nl1.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
+    nl1.setBackgroundColor(new qx.renderer.color.Color("white"));
+    nl1.setPadding(4);
+    d.add(nl1);
+
+    // test no2
+    var nl2 = new qx.ui.basic.Atom("Test #2");
+    nl2.setTop(48);
+    nl2.setLeft(120);
+    nl2.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
+    nl2.setBackgroundColor(new qx.renderer.color.Color("white"));
+    nl2.setPadding(4);
+    d.add(nl2);
+
+    // test no3
+    var nl3 = new qx.ui.basic.Atom(null, "icon/16/reload.png");
+    nl3.setTop(48);
+    nl3.setLeft(200);
+    nl3.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
+    nl3.setBackgroundColor(new qx.renderer.color.Color("white"));
+    nl3.setPadding(4);
+    d.add(nl3);
+
+    // test no4
+    var nl4 = new qx.ui.basic.Atom("<span style='font-size:14px'>Some great HTML</span><br/>for <b>you</b>", "icon/32/reload.png");
+    nl4.setTop(48);
+    nl4.setLeft(250);
+    nl4.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
+    nl4.setBackgroundColor(new qx.renderer.color.Color("white"));
+    nl4.setPadding(4);
+    d.add(nl4);
+
+    // test no5
+    var nl5 = new qx.ui.basic.Atom(qx.util.Textile.textilize("*File Information*:\nJPEG-Photo\nCreated: 01/03/05"), "icon/48/icons.png");
+    with(nl5)
+    {
+      setTop(200);
+      setLeft(20);
+      setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
+      setPadding(3, 6);
+    };
+    d.add(nl5);
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Atom_2.html

@@ -0,0 +1,172 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Some more complex tests for qx.ui.basic.Atom.</p>
+    <p>You can change all the properties before "really creating" the object or any time after this was done.</p>
+  </div>
+
+  <div style="display:none" id="control">
+    <p>
+      Width:
+      <a href="javascript://" onclick="void(at1.setWidth(null))">null</a> |
+      <a href="javascript://" onclick="void(at1.setWidth('auto'))">auto</a> |
+      <a href="javascript://" onclick="void(at1.setWidth(25))">25</a> |
+      <a href="javascript://" onclick="void(at1.setWidth(50))">50</a> |
+      <a href="javascript://" onclick="void(at1.setWidth(100))">100</a> |
+      <a href="javascript://" onclick="void(at1.setWidth(200))">200</a>
+    </p>
+    <p>
+      Height:
+      <a href="javascript://" onclick="void(at1.setHeight(null))">null</a> |
+      <a href="javascript://" onclick="void(at1.setHeight('auto'))">auto</a> |
+      <a href="javascript://" onclick="void(at1.setHeight(25))">25</a> |
+      <a href="javascript://" onclick="void(at1.setHeight(50))">50</a> |
+      <a href="javascript://" onclick="void(at1.setHeight(100))">100</a> |
+      <a href="javascript://" onclick="void(at1.setHeight(200))">200</a>
+    </p>
+    <hr/>
+    <p>
+      Label Size:
+      <a href="javascript://" onclick="void(at1.setLabel(null))">null</a> |
+      <a href="javascript://" onclick="void(at1.setLabel('short'))">short</a> |
+      <a href="javascript://" onclick="void(at1.setLabel('some cool label'))">medium</a> |
+      <a href="javascript://" onclick="void(at1.setLabel('ultra long label description'))">long</a> |
+      <a href="javascript://" onclick="void(at1.setLabel('<b>hello <i>world</i></b>'))">html</a> |
+      <a href="javascript://" onclick="void(at1.setLabel('<p>Hello tester.</p><ul><li>cool</li><li><b>test</b></li><li>file</li></ul>'))">complex</a>
+    </p>
+    <p>
+      Icon Size:
+      <a href="javascript://" onclick="void(at1.setIcon(null))">null</a> |
+      <a href="javascript://" onclick="void(at1.setIcon('icon/16/date.png'))">16px</a> |
+      <a href="javascript://" onclick="void(at1.setIcon('icon/32/colors.png'))">32px</a> |
+      <a href="javascript://" onclick="void(at1.setIcon('icon/48/memory.png'))">48px</a>
+    </p>
+    <p>
+      Icon Position:
+      <a href="javascript://" onclick="void(at1.setIconPosition('top'))">top</a> |
+      <a href="javascript://" onclick="void(at1.setIconPosition('right'))">right</a> |
+      <a href="javascript://" onclick="void(at1.setIconPosition('bottom'))">bottom</a> |
+      <a href="javascript://" onclick="void(at1.setIconPosition('left'))">left</a>
+    </p>
+    <p>
+      Spacing:
+      <a href="javascript://" onclick="void(at1.setSpacing(0))">0</a> |
+      <a href="javascript://" onclick="void(at1.setSpacing(2))">2</a> |
+      <a href="javascript://" onclick="void(at1.setSpacing(4))">4</a> |
+      <a href="javascript://" onclick="void(at1.setSpacing(6))">6</a> |
+      <a href="javascript://" onclick="void(at1.setSpacing(8))">8</a> |
+      <a href="javascript://" onclick="void(at1.setSpacing(10))">10</a> |
+      <a href="javascript://" onclick="void(at1.setSpacing(25))">25</a> |
+      <a href="javascript://" onclick="void(at1.setSpacing(50))">50</a>
+    </p>
+    <hr/>
+    <p>
+      Show:
+      <a href="javascript://" onclick="void(at1.setShow('none'))">None</a> |
+      <a href="javascript://" onclick="void(at1.setShow('label'))">Label</a> |
+      <a href="javascript://" onclick="void(at1.setShow('icon'))">Icon</a> |
+      <a href="javascript://" onclick="void(at1.setShow('both'))">Both</a>
+    </p>
+    <hr/>
+    <p>
+      Horizontal Children Align:
+      <a href="javascript://" onclick="void(at1.setHorizontalChildrenAlign('left'))">left</a> |
+      <a href="javascript://" onclick="void(at1.setHorizontalChildrenAlign('center'))">center</a> |
+      <a href="javascript://" onclick="void(at1.setHorizontalChildrenAlign('right'))">right</a>
+    </p>
+    <p>
+      Vertical Children Align:
+      <a href="javascript://" onclick="void(at1.setVerticalChildrenAlign('top'))">top</a> |
+      <a href="javascript://" onclick="void(at1.setVerticalChildrenAlign('middle'))">middle</a> |
+      <a href="javascript://" onclick="void(at1.setVerticalChildrenAlign('bottom'))">bottom</a>
+    </p>
+    <hr/>
+    <p>
+      Padding:
+      <a href="javascript://" onclick="void(at1.setPadding(null))">None</a> |
+      <a href="javascript://" onclick="void(at1.setPadding(2, 4))">2, 4</a> |
+      <a href="javascript://" onclick="void(at1.setPadding(4, 8))">4, 8</a> |
+      <a href="javascript://" onclick="void(at1.setPadding(16))">16</a>
+    </p>
+    <p>
+      Border:
+      <a href="javascript://" onclick="void(at1.setBorder(null))">null</a> |
+      <a href="javascript://" onclick="void(at1.setBorder(new qx.renderer.border.Border(1, 'solid', 'black')))">1</a> |
+      <a href="javascript://" onclick="void(at1.setBorder(new qx.renderer.border.Border(5, 'solid', 'black')))">5</a> |
+      <a href="javascript://" onclick="void(at1.setBorder(new qx.renderer.border.Border(10, 'solid', 'black')))">10</a> |
+      <a href="javascript://" onclick="void(at1.setBorder(new qx.renderer.border.Border(25, 'solid', 'black')))">25</a> |
+      <a href="javascript://" onclick="void(at1.setBorder(qx.renderer.border.BorderPresets.getInstance().outset))">outset</a> |
+      <a href="javascript://" onclick="void(at1.setBorder(qx.renderer.border.BorderPresets.getInstance().inset))">inset</a>
+    </p>
+    <hr/>
+    <p>
+      Opacity:
+      <a href="javascript://" onclick="void(at1.setOpacity(null))">null</a> |
+      <a href="javascript://" onclick="void(at1.setOpacity(0))">0</a> |
+      <a href="javascript://" onclick="void(at1.setOpacity(0.25))">0.25</a> |
+      <a href="javascript://" onclick="void(at1.setOpacity(0.5))">0.5</a> |
+      <a href="javascript://" onclick="void(at1.setOpacity(0.75))">0.75</a> |
+      <a href="javascript://" onclick="void(at1.setOpacity(1))">1</a>
+    </p>
+    <p>
+      Enabled:
+      <a href="javascript://" onclick="void(at1.setEnabled(false))">false</a> |
+      <a href="javascript://" onclick="void(at1.setEnabled(true))">true</a>
+    </p>
+  </div>
+
+  <script type="text/javascript">
+  var at1;
+
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var d = qx.ui.core.ClientDocument.getInstance();
+
+    at1 = new qx.ui.basic.Atom("My first qx.ui.basic.Atom", "icon/32/colors.png");
+
+    with(at1)
+    {
+      setTop(48);
+      setLeft(20);
+
+      setIconPosition("right");
+
+      setBorder(qx.renderer.border.BorderPresets.getInstance().black);
+      setBackgroundColor(new qx.renderer.color.Color("white"));
+      setPadding(2, 4);
+    };
+
+    var ct1 = new qx.ui.basic.Label(document.getElementById("control").innerHTML);
+
+    with(ct1)
+    {
+      setWidth(300);
+      setRight(335);
+
+      setHeight(null);
+      setTop(48);
+      setBottom(48);
+
+      setOverflow("auto");
+
+      setBackgroundColor(new qx.renderer.color.Color("white"));
+      setBorder(qx.renderer.border.BorderPresets.getInstance().groove);
+      setPadding(10);
+    };
+
+    d.add(at1, ct1);
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Atom_3.html

@@ -0,0 +1,39 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Testing the new flash support for qx.ui.basic.Atom</p>
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var d = qx.ui.core.ClientDocument.getInstance();
+      var a;
+
+      for (var i=1; i<11; i++)
+      {
+        var a = new qx.ui.basic.Atom("Flash Atom #" + i, "icon/16/reload.png", 16, 16, "./image/flash/color/file" + i + ".swf");
+
+        a.setTop(48 + ((i-1)*30));
+        a.setLeft(20);
+        a.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
+        a.setBackgroundColor(new qx.renderer.color.Color("white"));
+        a.setPadding(4);
+
+        d.add(a);
+      };
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ButtonView_1.html

@@ -0,0 +1,89 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>qx.ui.pageview.buttonview.ButtonView implementation</p>
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var d = qx.ui.core.ClientDocument.getInstance();
+
+      var bs = new qx.ui.pageview.buttonview.ButtonView;
+
+      bs.setLocation(20, 48);
+      bs.setRight(335);
+      bs.setBottom(48);
+
+      var bsb1 = new qx.ui.pageview.buttonview.Button("Display", "icon/32/display.png");
+      var bsb2 = new qx.ui.pageview.buttonview.Button("Penguin", "icon/32/penguin.png");
+      var bsb3 = new qx.ui.pageview.buttonview.Button("Colors", "icon/32/colors.png");
+      var bsb4 = new qx.ui.pageview.buttonview.Button("Icons", "icon/32/icons.png");
+      var bsb5 = new qx.ui.pageview.buttonview.Button("Paint", "icon/32/paint.png");
+      var bsb6 = new qx.ui.pageview.buttonview.Button("Applications", "icon/32/run.png");
+      var bsb7 = new qx.ui.pageview.buttonview.Button("System", "icon/32/control-center.png");
+
+      bsb1.setChecked(true);
+
+      bs.getBar().add(bsb1, bsb2, bsb3, bsb4, bsb5, bsb6, bsb7);
+
+      var p1 = new qx.ui.pageview.buttonview.Page(bsb1);
+      var p2 = new qx.ui.pageview.buttonview.Page(bsb2);
+      var p3 = new qx.ui.pageview.buttonview.Page(bsb3);
+      var p4 = new qx.ui.pageview.buttonview.Page(bsb4);
+      var p5 = new qx.ui.pageview.buttonview.Page(bsb5);
+      var p6 = new qx.ui.pageview.buttonview.Page(bsb6);
+      var p7 = new qx.ui.pageview.buttonview.Page(bsb7);
+
+      bs.getPane().add(p1, p2, p3, p4, p5, p6, p7);
+
+      var f1 = new qx.ui.form.TextField("Display Input");
+      var f2 = new qx.ui.form.TextField("Penguin Input");
+      var f3 = new qx.ui.form.TextField("Colorize Input");
+      var f4 = new qx.ui.form.TextField("Icons Input");
+      var f5 = new qx.ui.form.TextField("Paint Input");
+      var f6 = new qx.ui.form.TextField("Applications Input");
+      var f7 = new qx.ui.form.TextField("System Input");
+
+      p1.add(f1);
+      p2.add(f2);
+      p3.add(f3);
+      p4.add(f4);
+      p5.add(f5);
+      p6.add(f6);
+      p7.add(f7);
+
+      var r1 = new qx.ui.form.RadioButton("Top", "top", null, true);
+      var r2 = new qx.ui.form.RadioButton("Right", "right");
+      var r3 = new qx.ui.form.RadioButton("Bottom", "bottom");
+      var r4 = new qx.ui.form.RadioButton("Left", "left");
+
+      r1.setTop(50);
+      r2.setTop(70);
+      r3.setTop(90);
+      r4.setTop(110);
+
+      p1.add(r1, r2, r3, r4);
+
+      var rm = new qx.manager.selection.RadioManager(null, [r1, r2, r3, r4]);
+
+      rm.addEventListener("changeSelected", function(e) {
+        bs.setBarPosition(e.getData().getValue());
+      });
+
+      d.add(bs);
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ButtonView_2.html

@@ -0,0 +1,98 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Yet Another qx.ui.pageview.buttonview.ButtonView Example</p>
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var d = qx.ui.core.ClientDocument.getInstance();
+
+      var bs = new qx.ui.pageview.buttonview.ButtonView;
+      bs.set({ left: 20, top: 48, right: 335, bottom: 48 });
+      bs.setBarPosition("left");
+
+      var bsb1 = new qx.ui.pageview.buttonview.Button("Display", "icon/16/display.png");
+      var bsb2 = new qx.ui.pageview.buttonview.Button("Organizer", "icon/16/organizer.png");
+      var bsb3 = new qx.ui.pageview.buttonview.Button("Colorize", "icon/16/colors.png");
+      var bsb4 = new qx.ui.pageview.buttonview.Button("Icons", "icon/16/icons.png");
+      var bsb5 = new qx.ui.pageview.buttonview.Button("Paint", "icon/16/paint.png");
+      var bsb6 = new qx.ui.pageview.buttonview.Button("Applications", "icon/16/run.png");
+      var bsb7 = new qx.ui.pageview.buttonview.Button("System", "icon/16/control-center.png");
+
+      bsb1.setChecked(true);
+
+      bsb1.set({ iconPosition: "left", horizontalChildrenAlign: "left" });
+      bsb2.set({ iconPosition: "left", horizontalChildrenAlign: "left" });
+      bsb3.set({ iconPosition: "left", horizontalChildrenAlign: "left" });
+      bsb4.set({ iconPosition: "left", horizontalChildrenAlign: "left" });
+      bsb5.set({ iconPosition: "left", horizontalChildrenAlign: "left" });
+      bsb6.set({ iconPosition: "left", horizontalChildrenAlign: "left" });
+      bsb7.set({ iconPosition: "left", horizontalChildrenAlign: "left" });
+
+      bs.getBar().add(bsb1, bsb2, bsb3, bsb4, bsb5, bsb6, bsb7);
+
+      bs.getBar().setHorizontalChildrenAlign("center");
+      bs.getBar().setVerticalChildrenAlign("bottom");
+
+      var p1 = new qx.ui.pageview.buttonview.Page(bsb1);
+      var p2 = new qx.ui.pageview.buttonview.Page(bsb2);
+      var p3 = new qx.ui.pageview.buttonview.Page(bsb3);
+      var p4 = new qx.ui.pageview.buttonview.Page(bsb4);
+      var p5 = new qx.ui.pageview.buttonview.Page(bsb5);
+      var p6 = new qx.ui.pageview.buttonview.Page(bsb6);
+      var p7 = new qx.ui.pageview.buttonview.Page(bsb7);
+
+      bs.getPane().add(p1, p2, p3, p4, p5, p6, p7);
+
+      var f1 = new qx.ui.form.TextField("Display Input");
+      var f2 = new qx.ui.form.TextField("Sunshine Input");
+      var f3 = new qx.ui.form.TextField("Paint Input");
+      var f4 = new qx.ui.form.TextField("Icons Input");
+      var f5 = new qx.ui.form.TextField("Images Input");
+      var f6 = new qx.ui.form.TextField("Applications Input");
+      var f7 = new qx.ui.form.TextField("System Input");
+
+      p1.add(f1);
+      p2.add(f2);
+      p3.add(f3);
+      p4.add(f4);
+      p5.add(f5);
+      p6.add(f6);
+      p7.add(f7);
+
+      var r1 = new qx.ui.form.RadioButton("Top", "top");
+      var r2 = new qx.ui.form.RadioButton("Right", "right");
+      var r3 = new qx.ui.form.RadioButton("Bottom", "bottom");
+      var r4 = new qx.ui.form.RadioButton("Left", "left", null, true);
+
+      r1.setTop(50);
+      r2.setTop(70);
+      r3.setTop(90);
+      r4.setTop(110);
+
+      p1.add(r1, r2, r3, r4);
+
+      var rm = new qx.manager.selection.RadioManager(null, [r1, r2, r3, r4]);
+
+      rm.addEventListener("changeSelected", function(e) {
+        bs.setBarPosition(e.getData().getValue());
+      });
+
+      d.add(bs);
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Button_1.html

@@ -0,0 +1,73 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Test the qx.ui.form.Button constructor. qx.ui.form.Button is based on qx.ui.basic.Atom.</p>
+  </div>
+
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var d = qx.ui.core.ClientDocument.getInstance();
+
+    function buttonExecute() { this.debug("Executed: " + this.getLabel()); };
+
+    var btn1 = new qx.ui.form.Button("Button No #1");
+    with(btn1)
+    {
+      setTop(48);
+      setLeft(20);
+      addEventListener("execute", buttonExecute);
+    };
+
+    d.add(btn1);
+
+
+
+    var btn2 = new qx.ui.form.Button("Button No #2");
+    with(btn2)
+    {
+      setTop(48);
+      setLeft(120);
+      addEventListener("execute", buttonExecute);
+      setEnabled(false);
+    };
+
+    d.add(btn2);
+
+
+
+    var btn3 = new qx.ui.form.Button("Button No #3");
+    with(btn3)
+    {
+      setTop(48);
+      setLeft(220);
+      addEventListener("execute", buttonExecute);
+    };
+
+    d.add(btn3);
+
+
+    var btn4 = new qx.ui.form.Button("Button No #4", "icon/16/forward.png");
+    with(btn4)
+    {
+      setTop(48);
+      setLeft(320);
+      addEventListener("execute", buttonExecute);
+    };
+
+    d.add(btn4);
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/CheckBox_1.html

@@ -0,0 +1,104 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Tests for qx.ui.form.CheckBox. qx.ui.form.CheckBox extends qx.ui.basic.Atom and so it inherits all the options and properties defined there.</p>
+  </div>
+
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var d = qx.ui.core.ClientDocument.getInstance();
+
+    var c1 = new qx.ui.form.CheckBox("Send Data to Server", "c1checked", "c1");
+    with(c1)
+    {
+      setTop(48);
+      setLeft(20);
+    };
+    d.add(c1);
+
+    var c2 = new qx.ui.form.CheckBox("Delete all Data on Server", "c2checked", "c2");
+    with(c2)
+    {
+      setTop(78);
+      setLeft(20);
+    };
+    d.add(c2);
+    c2.setChecked(true);
+
+
+    var c3 = new qx.ui.form.CheckBox("Top Checkbox", "c3checked", "c3");
+    with(c3)
+    {
+      setTop(120);
+      setLeft(20);
+      setIconPosition("top");
+    };
+    d.add(c3);
+
+    var c4 = new qx.ui.form.CheckBox("Bottom Checkbox", "c4checked", "c4");
+    with(c4)
+    {
+      setTop(120);
+      setLeft(140);
+      setIconPosition("bottom");
+    };
+    d.add(c4);
+
+
+    var c5 = new qx.ui.form.CheckBox("Left Checkbox", "c5checked", "c5");
+    with(c5)
+    {
+      setTop(180);
+      setLeft(20);
+      setIconPosition("left");
+    };
+    d.add(c5);
+
+    var c6 = new qx.ui.form.CheckBox("Right Checkbox", "c6checked", "c6");
+    with(c6)
+    {
+      setTop(180);
+      setLeft(140);
+      setIconPosition("right");
+    };
+    d.add(c6);
+
+    var c7 = new qx.ui.form.CheckBox(null, "c7checked", "c7");
+    with(c7)
+    {
+      setTop(250);
+      setLeft(20);
+    };
+    d.add(c7);
+
+    var c8 = new qx.ui.form.CheckBox(null, "c7checked", "c7");
+    with(c8)
+    {
+      setTop(300);
+      setLeft(20);
+      setLabel("Label pure");
+      setShow("label");
+      setBorder(qx.renderer.border.BorderPresets.getInstance().black);
+      setBackgroundColor(new qx.renderer.color.Color("red"));
+    };
+    d.add(c8);
+
+    c8.addEventListener("changeChecked", function(e) {
+      this.setBackgroundColor(new qx.renderer.color.Color(this.getChecked() ? "green" : "red"));
+    });
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ColorPopup_1.html

@@ -0,0 +1,83 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Test for qx.ui.component.ColorPopup.</p>
+  </div>
+
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var mybtn = new qx.ui.form.Button("Open Popup");
+    mybtn.setLocation(20, 48);
+    mybtn.addEventListener("execute", function() {
+      mypop.setTop(qx.dom.Location.getPageBoxBottom(this.getElement()));
+      mypop.setLeft(qx.dom.Location.getPageBoxLeft(this.getElement()));
+      mypop.show();
+    });
+
+    var myview = new qx.ui.basic.Label("Selected Color");
+    myview.setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
+    myview.setLocation(100, 48);
+    myview.setPadding(3, 6);
+    myview.setBackgroundImage("core/dotted_white.gif");
+    myview.addToDocument();
+
+    var mytables =
+    {
+      core : {
+        label : "Basic Colors",
+        values : [ "#000", "#333", "#666", "#999", "#CCC", "#FFF", "red", "green", "blue", "yellow", "teal", "maroon" ]
+      },
+
+      template : {
+        label : "Template Colors",
+        values : [ "#B07B30", "#B07BC9", "#E3AEC9", "#7A2A53" ]
+      },
+
+      recent : {
+        label : "Recent Colors",
+
+        // In this case we need named colors or rgb-value-strings, hex is not allowed currently
+        values : [ "rgb(122,195,134)", "orange" ]
+      }
+    }
+
+    var mypop = new qx.ui.component.ColorPopup(mytables);
+    mypop.setLocation(100, 100);
+    mypop.setValue(new qx.renderer.color.Color("#23F3C1"));
+
+    mybtn.addToDocument();
+    mypop.addToDocument();
+
+    mypop.addEventListener("changeValue", function(e) {
+      this.debug("Value Listener: " + e.getData());
+      myview.setBackgroundColor(e.getData());
+      myview.setBackgroundImage(e.getData() ? null : "core/dotted_white.gif");
+    });
+
+    mypop.addEventListener("changeRed", function(e) {
+      this.debug("Red Listener: " + e.getData());
+    });
+
+    mypop.addEventListener("changeGreen", function(e) {
+      this.debug("Green Listener: " + e.getData());
+    });
+
+    mypop.addEventListener("changeBlue", function(e) {
+      this.debug("Blue Listener: " + e.getData());
+    });
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ColorSelector_1.html

@@ -0,0 +1,29 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Test for qx.ui.component.ColorSelector.</p>
+  </div>
+
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var mycolor = new qx.ui.component.ColorSelector;
+
+    mycolor.setLocation(50, 50);
+
+    qx.ui.core.ClientDocument.getInstance().add(mycolor);
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ColorSelector_2.html

@@ -0,0 +1,30 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Test for qx.ui.component.ColorSelector.</p>
+    <p>Adding a default/previous/old color value to compare it with the new selection.</p>
+  </div>
+
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var mycolor = new qx.ui.component.ColorSelector(130, 180, 100);
+
+    mycolor.setLocation(50, 50);
+
+    qx.ui.core.ClientDocument.getInstance().add(mycolor);
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ComboBoxEx_1.html

@@ -0,0 +1,230 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+  <script type="text/javascript">
+  
+function getTestData() {
+	var testData = [
+		[ '1', 'One' ],
+		[ '2', 'Two' ],
+		[ '3', 'Three' ],
+		[ '4', 'Four' ],
+		[ '5', 'Five' ],
+		[ '6', 'Six' ],
+		[ '7', 'Seven' ],
+		[ '8', 'Eight' ],
+		[ '9', 'Nine' ],
+		[ '10', 'Ten' ],
+		[ '11', 'Eleven' ],
+		[ '12', 'Twelve' ],
+		[ '13', 'Thirteen' ],
+		[ '14', 'Fourteen' ],
+		[ '15', 'Fiveteen' ],
+		[ '16', 'Sixteen' ],
+		[ '17', 'Seventeen' ],
+		// Test of a long string
+		[ '1921', 'One thousand nine hundred twenty one' ]
+	];
+	for (var i = 0; i < testData.length; i++) {
+		testData[i].push('widget/arrows/'+(i % 2 ? 'up':'down')+'_small.gif');
+		testData[i].push('Extra data '+i);
+	}
+	return testData;
+}
+
+qx.OO.defineClass('Box', qx.ui.layout.BoxLayout, function() {
+	qx.ui.layout.BoxLayout.apply(this, arguments);
+	this.auto();
+});
+
+qx.OO.defineClass('GroupBox', qx.ui.groupbox.GroupBox, function() {
+	qx.ui.groupbox.GroupBox.apply(this, arguments);
+	this.auto();
+});
+
+qx.core.Init.getInstance().defineMain(function() {
+	// Shortcuts
+	var form = qx.ui.form;
+	Label = qx.ui.basic.Label;
+	var testData = getTestData();
+
+	//###1st row: combo
+	
+	combo = new form.ComboBoxEx;
+	var butSize = new form.Button('Size text field to content');
+	butSize.addEventListener('execute', function() {
+		combo.sizeTextFieldToContent();
+	});
+	
+	var boxCombo2 = new Box;
+	with (boxCombo2) {
+		setSpacing(10);
+		add(combo, butSize);
+	}
+	var boxCombo = new GroupBox('This is the ComboBoxEx under test');
+	boxCombo.add(boxCombo2);
+
+	//###2nd row: Test of simple properties
+	var cEd = new form.CheckBox('Editable');
+	cEd.setChecked(combo.getEditable());
+	cEd.addEventListener('changeChecked', function() {
+		combo.setEditable(cEd.isChecked());
+	});
+	
+	var cEnsure = new form.CheckBox('Ensure something selected');
+	cEnsure.setChecked(combo.getEnsureSomethingSelected());
+	cEnsure.addEventListener('changeChecked', function() {
+		combo.setEnsureSomethingSelected(cEnsure.isChecked());
+	});
+	
+	var cAllowSearch = new form.CheckBox('Allow searching');
+	cAllowSearch.setChecked(combo.getAllowSearch());
+	cAllowSearch.addEventListener('changeChecked', function() {
+		combo.setAllowSearch(cAllowSearch.isChecked());
+	});
+	
+	var cIdCol = new form.CheckBox('ID column visible');
+	cIdCol.setChecked(combo.isIdColumnVisible());
+	cIdCol.addEventListener('changeChecked', function() {
+		combo.setIdColumnVisible(cIdCol.isChecked());
+	});
+	
+	var fieldItems = new form.Spinner(0, 0, testData.length);
+	fieldItems._manager.addEventListener('changeValue', function() {
+		var sel = [], count = fieldItems.getValue();
+		for (var i = 0; i < count; i++) {
+			sel.push(testData[i]);
+		}
+		combo.setSelection(sel);
+	});
+	fieldItems.setValue(15);
+	
+	var boxProp2 = new Box;
+	with (boxProp2) {
+		setSpacing(10);
+		add(cEd, cEnsure, cAllowSearch, cIdCol, new Label('Number of items in list'), fieldItems);
+	}
+	var boxProp = new GroupBox('Test of simple properties');
+	boxProp.add(boxProp2);
+
+	//###Test of headers
+	var allHeaders = [ 'ID', 'Description', 'Img', 'Extra info' ];
+	var rb1 = new form.RadioButton('1', '1');
+	var rb2 = new form.RadioButton('2', '2');
+    rb2.setChecked(true);
+	var rb3 = new form.RadioButton('3', '3');
+	var rb4 = new form.RadioButton('4', '4');
+	
+	var fieldHeaders = new qx.manager.selection.RadioManager('headers', [ rb1, rb2, rb3, rb4 ]);
+	fieldHeaders.addEventListener("changeSelected", function(e) {
+		var headers = [], count = Number(e.getData().getValue());
+		for (var i = 0; i < count; i++) {
+			headers.push(allHeaders[i]);
+		}
+		combo.setColumnHeaders(headers);
+    });
+    
+    var butChangeHeaders = new form.Button('Add * to headers');
+    // This tests changing the headers, but not the number of columns
+    butChangeHeaders.addEventListener('execute', function() {
+		var headers = combo.getColumnHeaders();
+		for (var i = 0; i < headers.length; i++) {
+			headers[i] += '*';
+		}
+		combo.setColumnHeaders(headers);
+    });
+    
+	var boxHeaders2 = new Box;
+	with (boxHeaders2) {
+		setSpacing(10);
+		add(new Label('# of headers'), rb1, rb2, rb3, rb4, butChangeHeaders);
+	}
+	var boxHeaders = new GroupBox('Test headers');
+	boxHeaders.add(boxHeaders2);
+	
+	var fieldMaxRows = new form.Spinner(2, combo.getMaxVisibleRows(), 20);
+	fieldMaxRows._manager.addEventListener('changeValue', function() {
+		combo.setMaxVisibleRows(fieldMaxRows.getValue());
+	});
+	var boxMaxRows = new GroupBox('Max. number of visible rows');
+	boxMaxRows.add(fieldMaxRows);
+	
+	var boxRow3 = new Box;
+	boxRow3.add(boxHeaders, boxMaxRows);
+	
+	//###Test of showOnTextField
+	var rbDesc = new form.RadioButton('Description', 'description');
+	rbDesc.setChecked(true);
+	var rbIdAndDesc = new form.RadioButton('ID and description', 'idAndDescription');
+	var fieldShowOn = new qx.manager.selection.RadioManager("showOnTextField", [ rbDesc, rbIdAndDesc ]);
+	fieldShowOn.addEventListener("changeSelected", function(e) {
+		combo.setShowOnTextField(e.getData().getValue());
+    });
+	
+	var fieldSeparator = new form.TextField;
+	fieldSeparator.setValue(combo.getIdDescriptionSeparator());
+	fieldSeparator.setWidth(50);
+	fieldSeparator.addEventListener('changeValue', function() {
+		combo.setIdDescriptionSeparator(fieldSeparator.getValue());
+	});
+	var boxShowOn2 = new Box;
+	with (boxShowOn2) {
+		setSpacing(10);
+		add(new Label('Show on text field:'), rbDesc, rbIdAndDesc, new Label('Separator between ID and description:'), fieldSeparator);
+	}
+	var boxShowOn = new GroupBox('Test showOnTextField property');
+	boxShowOn.add(boxShowOn2);
+	
+	//###Test of get/setValue
+	var fieldValue = new form.TextField;
+	var butSetValue = new form.Button('Set');
+	butSetValue.addEventListener('execute', function() {
+		combo.setValue(fieldValue.getValue());
+	});
+	var butGetValue = new form.Button('Get');
+	butGetValue.addEventListener('execute', function() {
+		fieldValue.setValue(combo.getValue());
+	});
+	var boxVal2 = new Box;
+	with (boxVal2) {
+		setSpacing(10);
+		add(fieldValue, butSetValue, butGetValue);
+	}
+	var boxVal = new GroupBox('Test value property');
+	boxVal.add(boxVal2);
+	
+	//###Main box
+	var vbox = new Box('vertical');
+	with (vbox) {
+		setSpacing(10);
+		setTop(50);
+		setLeft(30);
+		add(boxCombo, boxProp, boxRow3, boxShowOn, boxVal);
+		addToDocument();
+	}
+	combo.focus();
+});
+  </script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+  <script type="text/javascript">
+if (console.debug) {
+	with (qx.dev.log.Logger.ROOT_LOGGER) {
+		removeAllAppenders();
+		addAppender(new qx.dev.log.FireBugAppender);
+		setMinLevel(qx.dev.log.Logger.LEVEL_WARN);
+	}
+}
+  </script>
+  <div id="demoDescription">
+    <p>ComboBoxEx is an enhanced version of ComboBox</p>
+  </div>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ComboBox_1.html

@@ -0,0 +1,101 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Testing ComboBox implementation.</p>
+    <p>The elements of the popup will be created on the first open of the qx.ui.form.ComboBox.</p>
+  </div>
+
+  <select style="position:absolute; left:300px; top:48px; width: 120px;">
+    <option>Item No 1</option>
+    <option>Item No 2</option>
+    <option>Item No 3</option>
+    <option>Item No 4</option>
+    <option>Item No 5</option>
+    <option>Item No 6</option>
+    <option>Item No 7</option>
+    <option>Item No 8</option>
+    <option>Item No 9</option>
+    <option disabled="true">Item No 10</option>
+    <option>Item No 11</option>
+    <option>Item No 12</option>
+    <option>Item No 13</option>
+    <option>Item No 14</option>
+    <option>Item No 15</option>
+    <option>Item No 16</option>
+    <option>Item No 17</option>
+    <option>Item No 18</option>
+    <option>Item No 19</option>
+    <option disabled="true">Item No 20</option>
+    <option>Item No 21</option>
+    <option>Item No 22</option>
+    <option>Item No 23</option>
+    <option>Item No 24</option>
+    <option>Item No 23</option>
+    <option>Item No 24</option>
+    <option>Item No 25</option>
+    <option>Item No 26</option>
+    <option>Item No 27</option>
+    <option>Item No 28</option>
+    <option>Item No 29</option>
+    <option disabled="true">Item No 30</option>
+  </select>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var d = qx.ui.core.ClientDocument.getInstance();
+
+      var c1 = new qx.ui.form.ComboBox;
+      c1.set({ top: 48, left: 20 });
+
+
+
+      var item;
+
+      for(var i=1; i<=30; i++)
+      {
+        item = new qx.ui.form.ListItem("Item No " + i);
+        !(i % 10) && (item.setEnabled(false));
+        c1.add(item);
+      };
+
+
+      c1.setSelected(c1.getList().getFirstChild());
+
+      c1.addEventListener("changeValue", function(e) {
+        this.debug("New value: " + e.getData());
+      });
+
+      c1.addEventListener("changeSelected", function(e) {
+        this.debug("New selected: " + e.getData());
+      });
+
+
+
+
+      var b1 = new qx.ui.form.CheckBox("Editable");
+
+      b1.set({ top: 50, left: 150 });
+
+      b1.addEventListener("changeChecked", function(e) {
+        c1.setEditable(e.getData());
+      });
+
+
+
+      d.add(c1, b1);
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Command_1.html

@@ -0,0 +1,141 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>An example showing global shortcut commands in action. The commands are linked with menu-items, but 
+    could also be executed with the corresponding shortcut.</p>
+  </div>
+
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var d = qx.ui.core.ClientDocument.getInstance();
+    
+    /* comamnds */
+    var undo_cmd         = new qx.client.Command("Ctrl+Z");
+    undo_cmd.addEventListener("execute", function(){ this.debug("undo Command executed"); }, this);
+    
+    var redo_cmd         = new qx.client.Command("Ctrl+Y");
+    redo_cmd.addEventListener("execute", function(){ this.debug("redo Command executed"); }, this);
+
+    var cut_cmd          = new qx.client.Command("Ctrl+X");
+    cut_cmd.addEventListener("execute", function(){ this.debug("cut Command executed"); }, this);
+    
+    var copy_cmd         = new qx.client.Command("Ctrl+C");
+    copy_cmd.addEventListener("execute", function(){ this.debug("copy Command executed"); }, this);
+    
+    var paste_cmd        = new qx.client.Command("Ctrl+V");
+    paste_cmd.addEventListener("execute", function(){ this.debug("paste Command executed"); }, this);
+    
+    var delete_cmd       = new qx.client.Command("Del");
+    delete_cmd.addEventListener("execute", function(){ this.debug("delete Command executed"); }, this);
+    
+    var select_all_cmd   = new qx.client.Command("Ctrl+A");
+    select_all_cmd.addEventListener("execute", function(){ this.debug("select all Command executed"); }, this);
+    
+    var search_cmd       = new qx.client.Command("Ctrl+F");
+    search_cmd.addEventListener("execute", function(){ this.debug("search Command executed"); }, this);
+    
+    var search_again_cmd = new qx.client.Command("F3");
+    search_again_cmd.addEventListener("execute", function(){ this.debug("search again Command executed"); }, this);
+    
+    /* building the menu */
+    var m2 = new qx.ui.menu.Menu;
+
+    var mb2_01 = new qx.ui.menu.Button("New Window");
+    var mb2_02 = new qx.ui.menu.Button("Overlapping");
+    var mb2_03 = new qx.ui.menu.Button("Split Vertical");
+    var mb2_04 = new qx.ui.menu.Button("Split Horizontal");
+    var mb2_05 = new qx.ui.menu.Button("Next Window");
+    var mb2_06 = new qx.ui.menu.Button("Previous Window");
+
+    m2.add(mb2_01, mb2_02, mb2_03, mb2_04, mb2_05, mb2_06);
+
+
+    var m3 = new qx.ui.menu.Menu;
+
+    var mb3_01 = new qx.ui.menu.Button("Tahoma, 11pt");
+    var mb3_02 = new qx.ui.menu.Button("Tahoma, 12pt");
+    var mb3_03 = new qx.ui.menu.Button("Tahoma, 13pt");
+    var mb3_04 = new qx.ui.menu.Button("Tahoma, 14pt");
+    var mb3_05 = new qx.ui.menu.Button("Tahoma, 15pt");
+
+    m3.add(mb3_01, mb3_02, mb3_03, mb3_04, mb3_05);
+
+
+    var m1 = new qx.ui.menu.Menu;
+
+    var mb1_01 = new qx.ui.menu.Button("View/Lists");
+    var mb1_02 = new qx.ui.menu.Button("Syntax Highlighting");
+    var ms1    = new qx.ui.menu.Separator();
+    var mb1_03 = new qx.ui.menu.Button("Window Font");
+    var mb1_04 = new qx.ui.menu.Button("Printer Font", null, null, m3);
+    var ms2    = new qx.ui.menu.Separator();
+    var mb1_05 = new qx.ui.menu.Button("Undo", null, undo_cmd);
+    var mb1_06 = new qx.ui.menu.Button("Redo", null, redo_cmd);
+    var ms3    = new qx.ui.menu.Separator();
+    var mb1_07 = new qx.ui.menu.Button("Cut", "icon/16/edit-cut.png", cut_cmd);
+    var mb1_08 = new qx.ui.menu.Button("Copy", "icon/16/edit-copy.png", copy_cmd);
+    var mb1_09 = new qx.ui.menu.Button("Paste", "icon/16/edit-paste.png", paste_cmd);
+    var mb1_10 = new qx.ui.menu.Button("Delete", "icon/16/edit-delete.png", delete_cmd);
+    var mb1_11 = new qx.ui.menu.Button("Select All", null, select_all_cmd);
+    var ms4    = new qx.ui.menu.Separator();
+    var mb1_12 = new qx.ui.menu.Button("Search", null, search_cmd);
+    var mb1_13 = new qx.ui.menu.Button("Search Again", null, search_again_cmd);
+    var ms5    = new qx.ui.menu.Separator();
+    var mb1_14 = new qx.ui.menu.Button("View", null, null, m2);
+    var mb1_15 = new qx.ui.menu.Button("Editor Settings...");
+    var mb1_16 = new qx.ui.menu.Button("Editor Plugins");
+    var mb1_17 = new qx.ui.menu.Button("Framework Settings");
+
+    m1.add(mb1_01, mb1_02, ms1, mb1_03, mb1_04, ms2, mb1_05, mb1_06, ms3, mb1_07, mb1_08, mb1_09, mb1_10, mb1_11, ms4, mb1_12, mb1_13, ms5, mb1_14, mb1_15, mb1_16, mb1_17);
+
+
+    d.add(m1, m2, m3);
+
+
+    var w1 = new qx.ui.form.Button("Open");
+
+    w1.setTop(48);
+    w1.setLeft(20);
+
+    w1.addEventListener("click", function(e)
+    {
+      if (m1.isSeeable())
+      {
+        m1.hide();
+      }
+      else
+      {
+        var el = this.getElement();
+
+        m1.setLeft(qx.dom.Location.getPageBoxLeft(el));
+        m1.setTop(qx.dom.Location.getPageBoxBottom(el));
+
+        m1.show();
+      };
+
+      e.setPropagationStopped(true);
+    });
+
+    w1.addEventListener("mousedown", function(e)
+    {
+      e.setPropagationStopped(true);
+    });
+
+
+    d.add(w1);    
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Command_2.html

@@ -0,0 +1,186 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>An example showing global shortcut commands in action. The commands are linked with menu-items, but 
+    could also be executed with the corresponding shortcut.</p>
+    <p>An objectmanager is used to disable/enable a specific command (del-Key) to make available for text-editing
+    in the textfield of the window. When the window is closed the command gets re-enabled.</p>
+  </div>
+
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var d = qx.ui.core.ClientDocument.getInstance();
+    
+    /* comamnds */
+    var undo_cmd         = new qx.client.Command("Ctrl+Z");
+    undo_cmd.addEventListener("execute", function(){ this.debug("undo Command executed"); }, this);
+    
+    var redo_cmd         = new qx.client.Command("Ctrl+Y");
+    redo_cmd.addEventListener("execute", function(){ this.debug("redo Command executed"); }, this);
+
+    var cut_cmd          = new qx.client.Command("Ctrl+X");
+    cut_cmd.addEventListener("execute", function(){ this.debug("cut Command executed"); }, this);
+    
+    var copy_cmd         = new qx.client.Command("Ctrl+C");
+    copy_cmd.addEventListener("execute", function(){ this.debug("copy Command executed"); }, this);
+    
+    var paste_cmd        = new qx.client.Command("Ctrl+V");
+    paste_cmd.addEventListener("execute", function(){ this.debug("paste Command executed"); }, this);
+    
+    var delete_cmd       = new qx.client.Command("Del");
+    delete_cmd.addEventListener("execute", function(){ this.debug("delete Command executed"); }, this);
+    
+    var select_all_cmd   = new qx.client.Command("Ctrl+A");
+    select_all_cmd.addEventListener("execute", function(){ this.debug("select all Command executed"); }, this);
+    
+    var search_cmd       = new qx.client.Command("Ctrl+F");
+    search_cmd.addEventListener("execute", function(){ this.debug("search Command executed"); }, this);
+    
+    var search_again_cmd = new qx.client.Command("F3");
+    search_again_cmd.addEventListener("execute", function(){ this.debug("search again Command executed"); }, this);
+    
+
+    /* objectmanager for all commands which should be disabled when opening the window */
+    var cmd_manager = new qx.manager.object.ObjectManager;
+    cmd_manager.add(delete_cmd);
+    
+    
+    /* building the menu */
+    var m2 = new qx.ui.menu.Menu;
+
+    var mb2_01 = new qx.ui.menu.Button("New Window");
+    var mb2_02 = new qx.ui.menu.Button("Overlapping");
+    var mb2_03 = new qx.ui.menu.Button("Split Vertical");
+    var mb2_04 = new qx.ui.menu.Button("Split Horizontal");
+    var mb2_05 = new qx.ui.menu.Button("Next Window");
+    var mb2_06 = new qx.ui.menu.Button("Previous Window");
+
+    m2.add(mb2_01, mb2_02, mb2_03, mb2_04, mb2_05, mb2_06);
+
+
+    var m3 = new qx.ui.menu.Menu;
+
+    var mb3_01 = new qx.ui.menu.Button("Tahoma, 11pt");
+    var mb3_02 = new qx.ui.menu.Button("Tahoma, 12pt");
+    var mb3_03 = new qx.ui.menu.Button("Tahoma, 13pt");
+    var mb3_04 = new qx.ui.menu.Button("Tahoma, 14pt");
+    var mb3_05 = new qx.ui.menu.Button("Tahoma, 15pt");
+
+    m3.add(mb3_01, mb3_02, mb3_03, mb3_04, mb3_05);
+
+
+    var m1 = new qx.ui.menu.Menu;
+
+    var mb1_01 = new qx.ui.menu.Button("View/Lists");
+    var mb1_02 = new qx.ui.menu.Button("Syntax Highlighting");
+    var ms1    = new qx.ui.menu.Separator();
+    var mb1_03 = new qx.ui.menu.Button("Window Font");
+    var mb1_04 = new qx.ui.menu.Button("Printer Font", null, null, m3);
+    var ms2    = new qx.ui.menu.Separator();
+    var mb1_05 = new qx.ui.menu.Button("Undo", null, undo_cmd);
+    var mb1_06 = new qx.ui.menu.Button("Redo", null, redo_cmd);
+    var ms3    = new qx.ui.menu.Separator();
+    var mb1_07 = new qx.ui.menu.Button("Cut", "icon/16/edit-cut.png", cut_cmd);
+    var mb1_08 = new qx.ui.menu.Button("Copy", "icon/16/edit-copy.png", copy_cmd);
+    var mb1_09 = new qx.ui.menu.Button("Paste", "icon/16/edit-paste.png", paste_cmd);
+    var mb1_10 = new qx.ui.menu.Button("Delete", "icon/16/edit-delete.png", delete_cmd);
+    var mb1_11 = new qx.ui.menu.Button("Select All", null, select_all_cmd);
+    var ms4    = new qx.ui.menu.Separator();
+    var mb1_12 = new qx.ui.menu.Button("Search", null, search_cmd);
+    var mb1_13 = new qx.ui.menu.Button("Search Again", null, search_again_cmd);
+    var ms5    = new qx.ui.menu.Separator();
+    var mb1_14 = new qx.ui.menu.Button("View", null, null, m2);
+    var mb1_15 = new qx.ui.menu.Button("Editor Settings...");
+    var mb1_16 = new qx.ui.menu.Button("Editor Plugins");
+    var mb1_17 = new qx.ui.menu.Button("Framework Settings");
+
+    m1.add(mb1_01, mb1_02, ms1, mb1_03, mb1_04, ms2, mb1_05, mb1_06, ms3, mb1_07, mb1_08, mb1_09, mb1_10, mb1_11, ms4, mb1_12, mb1_13, ms5, mb1_14, mb1_15, mb1_16, mb1_17);
+
+
+    d.add(m1, m2, m3);
+
+
+    /* button to open menu */
+    var w1 = new qx.ui.form.Button("Open");
+
+    w1.setTop(48);
+    w1.setLeft(20);
+
+    w1.addEventListener("click", function(e)
+    {
+      if (m1.isSeeable())
+      {
+        m1.hide();
+      }
+      else
+      {
+        var el = this.getElement();
+
+        m1.setLeft(qx.dom.Location.getPageBoxLeft(el));
+        m1.setTop(qx.dom.Location.getPageBoxBottom(el));
+
+        m1.show();
+      };
+
+      e.setPropagationStopped(true);
+    });
+
+    w1.addEventListener("mousedown", function(e)
+    {
+      e.setPropagationStopped(true);
+    });
+    
+    
+    /* window */
+    var window1 = new qx.ui.window.Window("Test");
+    window1.set({ top: 100, left: 100, width: 300, height: 200, allowMaximize: false, allowMinimize: false });
+    
+    window1.addEventListener("beforeAppear", function(e){
+      textField.setValue("");
+    });
+    
+    window1.addEventListener("beforeDisappear", function(e){
+      cmd_manager.enableAll();
+    });
+    
+    /* label */
+    var label1 = new qx.ui.basic.Label("Please enter your Name");
+    label1.setTop(20);
+    label1.setLeft(8);
+    
+    /* textfield */
+    var textField = new qx.ui.form.TextField;
+    textField.setTop(20);
+    textField.setLeft(140);
+    
+    window1.add(label1, textField);
+    
+    
+    /* button to open window */
+    var w2 = new qx.ui.form.Button("Open Window");
+    w2.setTop(48);
+    w2.setLeft(100);
+    
+    w2.addEventListener("execute", function(e){
+      cmd_manager.disableAll();
+      window1.open();
+    });
+    
+
+    d.add(w1, window1, w2);    
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/DateChooser_1.html

@@ -0,0 +1,31 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>The DateChooser shows calendar and allows choosing a date.</p>
+  </div>
+
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var d = qx.ui.core.ClientDocument.getInstance();
+
+    var chooser = new qx.ui.component.DateChooser;
+    chooser.setLocation(10, 50);
+    chooser.setWidth("auto");
+    chooser.setHeight("auto");
+    d.add(chooser);
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Drag_1.html

@@ -0,0 +1,57 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Show one way to drag a widget around the screen.</p>
+  </div>
+
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var d = qx.ui.core.ClientDocument.getInstance();
+    
+    var a1 = new qx.ui.basic.Atom("Drag Me");
+    a1.set({ backgroundColor: "white", border: qx.renderer.border.BorderPresets.getInstance().groove });
+    a1.setPadding(10);
+    a1.setLocation(20, 48); 
+    d.add(a1);
+
+    
+    a1.addEventListener("mousedown", handleMouseDown);
+    a1.addEventListener("mousemove", handleMouseMove);
+    a1.addEventListener("mouseup", handleMouseUp);
+    
+    function handleMouseDown(e)
+    {
+      this.setCapture(true);
+      a1._offsetX = e.getPageX() - a1.getLeft();
+      a1._offsetY = e.getPageY() - a1.getTop();
+    }
+    
+    function handleMouseMove(e)
+    {
+      if (this.getCapture())
+      {
+        a1.setLeft(e.getPageX() - a1._offsetX);
+        a1.setTop(e.getPageY() - a1._offsetY);
+      }
+    }
+          
+    function handleMouseUp(e)
+    {
+      this.setCapture(false);
+    }
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Fields_1.html

@@ -0,0 +1,107 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Some tests for some of the most used properties of qx.ui.core.Widget (coordinates, dimensions, backgroundColor, opacity, ...).</p>
+    <p>Also here are the first test of some widgets which extend qx.ui.core.Widget: qx.ui.form.TextField and qx.ui.form.PasswordField. These extended
+    widgets also interacts like the basic QxWidgets with the qx.event.handler.FocusHandler.</p>
+  </div>
+
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var d = qx.ui.core.ClientDocument.getInstance();
+
+    function textChange(e) {
+      this.debug("Text changed: " + e.getData());
+    }
+
+    var t1 = new qx.ui.form.TextField;
+    t1.setValue("textfield");
+    t1.setTop(48);
+    t1.setLeft(20);
+
+    t1.addEventListener("changeValue", textChange);
+    t1.addEventListener("input", function(e) {
+      this.debug("Input: " + e.getData());
+    });
+
+    d.add(t1);
+
+
+
+
+    var t2 = new qx.ui.form.PasswordField;
+    t2.setValue("passwordfield");
+    t2.setTop(80);
+    t2.setLeft(20);
+
+    t2.addEventListener("changeValue", textChange);
+
+    d.add(t2);
+
+
+    var t3 = new qx.ui.form.TextArea;
+    t3.setValue("textarea");
+    t3.setTop(110);
+    t3.setLeft(20);
+    t3.setWidth(300);
+    t3.setHeight(60);
+
+    t3.addEventListener("changeValue", textChange);
+
+    d.add(t3);
+
+
+    var t4 = new qx.ui.form.TextField;
+    t4.setValue("textfield");
+    t4.setTop(200);
+    t4.setLeft(20);
+    t4.setWidth(200);
+    t4.setMaxLength(100);
+    t4.setReadOnly(true);
+
+    t4.addEventListener("changeValue", textChange);
+
+    d.add(t4);
+
+
+    var t5 = new qx.ui.form.TextField;
+    t5.setValue("You are foo!");
+    t5.setTop(240);
+    t5.setLeft(20);
+
+    t5.addEventListener("changeValue", textChange);
+
+    d.add(t5);
+
+
+
+    var t6 = new qx.ui.form.TextField;
+    t6.setTop(270);
+    t6.setLeft(20);
+
+    t6.addEventListener("changeText", textChange);
+    t6.addEventListener("input", function(e) {
+      this.debug("Input: " + e.getData());
+    });
+
+    t6.addEventListener("keydown", function(e) {
+      this.debug("Keypress: " + e.getKeyIdentifier());
+    });
+
+    d.add(t6);
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Flash_1.html

@@ -0,0 +1,53 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Simple test for qx.ui.embed.Flash.</p>
+  </div>
+
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var d = qx.ui.core.ClientDocument.getInstance();
+
+    // Try no version required
+    var fo1 = new qx.ui.embed.Flash("./image/flash/fo_tester.swf");
+
+    // Try version 7 required
+    // var fo1 = new qx.ui.embed.Flash("image/flash/fo_tester.swf", "7");
+
+    // Try version 9 required
+    // var fo1 = new qx.ui.embed.Flash("image/flash/fo_tester.swf", "9");
+
+    // Error handling methods:
+    // #1: Enable Express Install: Available in Flash Players >= 6.0.65
+    // fo1.setEnableExpressInstall(true);
+    // #2: Enable Redirect URL: Jump to an installer page
+    // fo1.setRedirectUrl("http://www.google.de");
+
+    fo1.setVariable("flashVarText", "this is passed in via FlashVars");
+    fo1.setScale("noscale");
+
+    fo1.setLeft(20);
+    fo1.setRight(335);
+    fo1.setTop(48);
+    fo1.setBottom(48);
+
+    fo1.setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
+    fo1.setBackgroundColor("#FF6600");
+
+    d.add(fo1);
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Fsm_1.html

@@ -0,0 +1,26 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>
+    Simple test of a finite state machine.  This is a sufficiently simple
+    application that using a finite state machine really doesn't make sense,
+    but it is illustrative of how to use it.  This FSM has two states.
+    </p>
+  </div>
+
+  <script type="text/javascript" src="Fsm_1/main.js"></script>
+  <script type="text/javascript" src="Fsm_1/fsm.js"></script>
+  <script type="text/javascript" src="Fsm_1/gui.js"></script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Fsm_1/fsm.js

@@ -0,0 +1,297 @@
+/*
+ * Initialize the finite state machine.
+ *
+ * This finite state machine has two states: Idle and AwaitRpcResult.
+ *
+ * In the Idle state, the Send button is enabled, the Abort button is
+ * disabled, and the three color bars are blue.  In the AwaitRpcResult state,
+ * the Send button is disabled, the Abort button is enabled, and three color
+ * bars are red.  All of these changes occur via automatic, table-driven
+ * function calls in autoActionsXXX() objects, not via explicit code.  This
+ * demonstrates how groups of objects can all be manipulated together without
+ * having to write lots of code to do so.  Just as these color blocks change
+ * color, numerous widgets could be disabled/hidden/etc., without writing code
+ * to futz with all of them.
+ */
+function initFsm()
+{
+  // Create a new finite state machine
+  var fsm = new qx.util.fsm.FiniteStateMachine("Fsm_1");
+
+  // For this simple example application, show all debug messages.
+  qx.Settings.setCustomOfClass(
+    "qx.util.fsm.FiniteStateMachine",
+    "debugFlags",
+    (qx.util.fsm.FiniteStateMachine.DebugFlags.EVENTS |
+     qx.util.fsm.FiniteStateMachine.DebugFlags.TRANSITIONS |
+     qx.util.fsm.FiniteStateMachine.DebugFlags.FUNCTION_DETAIL |
+     qx.util.fsm.FiniteStateMachine.DebugFlags.OBJECT_NOT_FOUND));
+
+  /*
+   * State: Idle
+   *
+   * Actions upon entry:
+   *  button_send.setEnabled(true);
+   *  button_abort.setEnabled(false);
+   *  change background of objects in group "group_color_change" to blue
+   *
+   * Transition on:
+   *  "execute" on button_send
+   */
+  var state = new qx.util.fsm.State(
+    "State_Idle",
+    {
+      "autoActionsBeforeOnentry" :
+      {
+        // The name of a function.
+        "setEnabled" :
+        [
+          {
+            // We want to enable the 'send' button
+            "parameters" : [ true ],
+
+            // Call this.getObject("button_send").setEnabled(true)
+            "objects"    : [ "button_send" ]
+          },
+
+          {
+            // We want to disable the 'abort' button
+            "parameters" : [ false ],
+
+            // Call this.getObject("button_abort").setEnabled(false)
+            "objects"    : [ "button_abort" ]
+          }
+        ],
+
+        // The name of a function.
+        "setBackgroundColor" :
+        [
+          {
+            // We want to change the atoms' background color to blue
+            "parameters" :
+              [
+               // We want the color oject created when needed, not "now"
+               // Providing a function as a parameter allows the value to be
+               // determined later.
+               function (fsm) { return new qx.renderer.color.Color("blue"); }
+              ],
+
+            // Call this.getObject(<object>).seBackgroundcolor("blue") on
+            // state entry, for each <object> in the group called
+            // "group_color_change".
+            "groups"      : [ "group_color_change" ]
+          }
+        ]
+      },
+
+      "events" :
+        {
+          // If the send button is pressed, go to new state state where we
+          // will await the RPC result
+          "execute"  :
+          {
+            "button_send" :
+              "Transition_Idle_to_AwaitRpcResult_via_button_send"
+          }
+        }
+    });
+  fsm.addState(state);
+
+  /*
+   * Transition: Idle to AwaitRpcResult
+   *
+   * Cause: "execute" on button_send
+   *
+   * Action:
+   *  Issue RPC request with coalesced failure events
+   */
+  var trans = new qx.util.fsm.Transition(
+    "Transition_Idle_to_AwaitRpcResult_via_button_send",
+    {
+      "nextState" :
+        "State_AwaitRpcResult",
+
+      "ontransition" :
+        function(fsm, event)
+        {
+          var rpc = fsm.getObject("rpc");
+
+          rpc.setUrl(fsm.getObject("text_url").getValue());
+          rpc.setServiceName(fsm.getObject("text_service").getValue());
+
+          var request =
+            rpc.callAsyncListeners(true, // coalesce failure events
+                                   fsm.getObject("text_method").getValue(),
+                                   fsm.getObject("text_message").getValue());
+          fsm.addObject("request", request);
+        }
+    });
+  state.addTransition(trans);
+
+
+  /*
+   * State: AwaitRpcResult
+   *
+   * Actions upon entry:
+   *  button_send.setEnabled(false);
+   *  button_abort.setEnabled(true);
+   *  change background of objects in group "group_color_change" to red
+   *
+   * Transition on:
+   *  "completed" (on RPC)
+   *  "failed" (on RPC)
+   *  "execute on button_abort
+   */
+  var state = new qx.util.fsm.State(
+    "State_AwaitRpcResult",
+    {
+      "autoActionsBeforeOnentry" :
+      {
+        // The name of a function.
+        "setEnabled" :
+        [
+          {
+            // We want to disable the 'send' button
+            "parameters" : [ false ],
+              
+            // Call this.getObject("send").setEnabled(false)
+            "objects"    : [ "button_send" ]
+          },
+
+          {
+            // We want to enable the 'abort' button
+            "parameters" : [ true ],
+
+            // Call this.getObject("abort").setEnabled(true)
+            "objects" : [ "button_abort" ]
+          }
+        ],
+
+        // The name of a function.
+        "setBackgroundColor" :
+        [
+          {
+            // We want to change the atoms' background color to red
+            "parameters" :
+               [
+                 // We want the color oject created when needed, not "now"
+                 // Providing a function as a parameter allows the value to be
+                 // determined later.
+                 function (fsm) { return new qx.renderer.color.Color("red"); }
+               ],
+
+            // Call this.getObject(<object>).seBackgroundcolor("red"), for
+            // each <object> in the group called "group_color_change".
+            "groups" : [ "group_color_change" ]
+          }
+        ]
+      },
+
+      "events" :
+      {
+        "execute"  :
+        {
+          "button_abort" :
+            "Transition_AwaitRpcResult_to_AwaitRpcResult_via_button_abort"
+        },
+
+        "completed" :
+          "Transition_AwaitRpcResult_to_Idle_via_complete",
+
+        "failed" :
+          "Transition_AwaitRpcResult_to_Idle_via_failed"
+      },
+
+      "onentry" :
+        function(fsm, state)
+        {
+          var message = fsm.getObject("text_result");
+          message.setValue("");
+        }
+
+    });
+  fsm.addState(state);
+
+  /*
+   * Transition: AwaitRpcResult to AwaitRpcResult
+   *
+   * Cause: "execute" on button_abort
+   */
+  var trans = new qx.util.fsm.Transition(
+    "Transition_AwaitRpcResult_to_AwaitRpcResult_via_button_abort",
+    {
+      "nextState" :
+        "State_AwaitRpcResult",
+
+      "ontransition" :
+        function(fsm, event)
+        {
+          // Get the request object
+          var request = fsm.getObject("request");
+
+          // Issue an abort for the pending request
+          request.abort();
+          
+          var message = fsm.getObject("text_result");
+          message.setValue("Abort requested...");
+        }
+    });
+  state.addTransition(trans);
+
+  /*
+   * Transition: AwaitRpcResult to Idle
+   *
+   * Cause: "complete" (on RPC)
+   */
+  var trans = new qx.util.fsm.Transition(
+    "Transition_AwaitRpcResult_to_Idle_via_complete",
+    {
+      "nextState" :
+        "State_Idle",
+
+      "ontransition" :
+        function(fsm, event)
+        {
+          var message = fsm.getObject("text_result");
+          message.setValue("Got result: " + event.getData());
+
+          // The request has completed, so remove the object reference
+          fsm.removeObject("request");
+        }
+    });
+  state.addTransition(trans);
+
+  /*
+   * Transition: AwaitRpcResult to Idle
+   *
+   * Cause: "failed" (on RPC)
+   */
+  var trans = new qx.util.fsm.Transition(
+    "Transition_AwaitRpcResult_to_Idle_via_failed",
+    {
+      "nextState" :
+        "State_Idle",
+
+      "ontransition" :
+        function(fsm, event)
+        {
+          var message = fsm.getObject("text_result");
+          message.setValue("Got failure: " + event.getData());
+
+          // The request has completed, so remove the object reference
+          fsm.removeObject("request");
+        }
+    });
+  state.addTransition(trans);
+
+  // Allocate an RPC object
+  o = new qx.io.remote.Rpc();
+  o.setTimeout(10000);
+  o.addEventListener("completed", fsm.eventListener, fsm);
+  o.addEventListener("failed", fsm.eventListener, fsm);
+  o.addEventListener("timeout", fsm.eventListener, fsm);
+  o.addEventListener("aborted", fsm.eventListener, fsm);
+  fsm.addObject("rpc", o);
+
+  return fsm;
+}

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Fsm_1/gui.js

@@ -0,0 +1,95 @@
+function initGui(fsm)
+{
+  var o;
+  var d = qx.ui.core.ClientDocument.getInstance();
+
+  var vLayout = new qx.ui.layout.VerticalBoxLayout();
+  vLayout.setTop(40);
+  vLayout.setLeft(20);
+  vLayout.setSpacing(4);
+
+  vLayout.add(new qx.ui.basic.Label("URL:"));
+  var defaultURL = qx.io.remote.Rpc.makeServerURL();
+  if (defaultURL == null)
+  {
+    defaultURL = "/services/";
+  }
+  o = new qx.ui.form.TextField(defaultURL);
+  vLayout.add(o);
+  fsm.addObject("text_url", o);
+
+  vLayout.add(new qx.ui.basic.Label("Service:"));
+  o = new qx.ui.form.TextField("qooxdoo.test");
+  vLayout.add(o);
+  fsm.addObject("text_service", o);
+
+  vLayout.add(new qx.ui.basic.Label("Method:"));
+  o = new qx.ui.form.TextField("sleep");
+  vLayout.add(o);
+  fsm.addObject("text_method", o);
+
+  var hLayout = new qx.ui.layout.HorizontalBoxLayout();
+  hLayout.setHeight("auto");
+  hLayout.setVerticalChildrenAlign("middle");
+  hLayout.setSpacing(4);
+
+  o = new qx.ui.form.TextField("2");
+  o.setWidth(200);
+  hLayout.add(o);
+  fsm.addObject("text_message", o);
+
+  o = new qx.ui.form.Button("Send to server");
+  o.addEventListener("execute", fsm.eventListener, fsm);
+  hLayout.add(o);
+  fsm.addObject("button_send", o);
+
+  o = new qx.ui.form.Button("Abort");
+  o.setEnabled(false);
+  o.addEventListener("execute", fsm.eventListener, fsm);
+  hLayout.add(o);
+  fsm.addObject("button_abort", o);
+
+  vLayout.add(hLayout);
+
+  vLayout.add(new qx.ui.basic.Label("Result:"));
+  o = new qx.ui.form.TextField("");
+  o.setWidth(600);
+  vLayout.add(o);
+  fsm.addObject("text_result", o);
+
+  var hLayout = new qx.ui.layout.HorizontalBoxLayout();
+  hLayout.setHeight("auto");
+  hLayout.setVerticalChildrenAlign("middle");
+  hLayout.setSpacing(4);
+
+  var o = new qx.ui.basic.Atom("Idle=blue, RPC=red");
+  o.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
+  o.setColor(new qx.renderer.color.Color("white"));
+  o.setWidth(200);
+  o.setHeight(30);
+  o.setPadding(4);
+  hLayout.add(o);
+  fsm.addObject("atom_1", o, "group_color_change");
+
+  var o = new qx.ui.basic.Atom("Idle=blue, RPC=red");
+  o.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
+  o.setColor(new qx.renderer.color.Color("white"));
+  o.setWidth(200);
+  o.setHeight(30);
+  o.setPadding(4);
+  hLayout.add(o);
+  fsm.addObject("atom_2", o, "group_color_change");
+
+  var o = new qx.ui.basic.Atom("Idle=blue, RPC=red");
+  o.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
+  o.setColor(new qx.renderer.color.Color("white"));
+  o.setWidth(200);
+  o.setHeight(30);
+  o.setPadding(4);
+  hLayout.add(o);
+  fsm.addObject("atom_3", o, "group_color_change");
+
+  vLayout.add(hLayout);
+
+  d.add(vLayout);
+}

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Fsm_1/main.js

@@ -0,0 +1,11 @@
+qx.core.Init.getInstance().defineMain(function()
+{
+  // Initialize the finite state machine
+  fsm = initFsm();
+
+  // Initialize the GUI
+  initGui(fsm);
+
+  // Start the finite state machine
+  fsm.start();
+});

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/GalleryList_1.html

@@ -0,0 +1,129 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+
+  <style type="text/css">
+.qx_ui_embed_GalleryList{
+  position: absolute;
+  visibility: visible;
+}
+
+.qx_ui_embed_GalleryList .galleryFrame{
+  padding: 2px;
+}
+
+.qx_ui_embed_GalleryList .galleryCell{
+  margin: 2px;
+  padding-bottom: 2px;
+  border: 1px solid #EEE;
+
+  background: #fff;
+  overflow: hidden;
+  white-space: normal;
+
+  font-family: Tahoma, Verdana, sans-serif;
+  font-size: 12px;
+
+  cursor: default;
+
+  -moz-user-select: none;
+  user-select: none;
+
+  position: relative;
+}
+
+.qx_ui_embed_GalleryList .galleryCell img{
+  vertical-align: bottom;
+  display: block;
+}
+
+.qx_ui_embed_GalleryList .galleryNumber{
+  width: 45px;
+  padding: 4px;
+
+  position: absolute;
+  top: 0px;
+  left: 0px;
+}
+
+.qx_ui_embed_GalleryList .galleryImageContainer{
+  position: absolute;
+  top: 0px;
+  left: 50px;
+}
+
+.qx_ui_embed_GalleryList .galleryText{
+  padding: 4px;
+  position: absolute;
+  top: 0px;
+  left: 130px;
+}
+
+.qx_ui_embed_GalleryList .galleryNumber,
+.qx_ui_embed_GalleryList .galleryText h3{
+  font-weight: bold;
+  font-size: 11px;
+}
+
+.qx_ui_embed_GalleryList .galleryText p{
+  font-size: 10px;
+}
+
+.qx_ui_embed_GalleryList .galleryCell-Selected{
+  background: #9BBCFF;
+  border-color: #3B7CFF;
+}
+  </style>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>ListSort implementation</p>
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var imgPath = qx.manager.object.AliasManager.getInstance().resolvePath("icon/48/bug.png");
+
+      var galleryData = [];
+
+      for (var i=0; i<100; i++)
+      {
+        galleryData.push({
+          display : "bmzN9ci5",
+          width : 350,
+          height : 350,
+          thumbWidth : 48,
+          thumbHeight : 48,
+          title : "gohome.png",
+          timestamp : Math.random().toString(),
+          comment : "Cool Comment sadas asd dsa asdas dasd asd asdas dasdasdasd sadasdas dsds as",
+          id : "7686191121780974-10682",
+          src : imgPath,
+          number : "#" + i
+        });
+      };
+
+      var galleryList = new qx.ui.embed.GalleryList(galleryData);
+
+      galleryList.setWidth(400);
+      galleryList.setTop(48);
+      galleryList.setBottom(48);
+      galleryList.setLeft(250);
+
+      galleryList.setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
+      galleryList.setBackgroundColor("white");
+
+      qx.ui.core.ClientDocument.getInstance().add(galleryList);
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Gallery_1.html

@@ -0,0 +1,116 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+
+  <style type="text/css">
+.qx_ui_embed_Gallery .galleryFrame{
+  padding: 2px;
+}
+
+.qx_ui_embed_Gallery .galleryCell{
+  border: 1px solid #444;
+  background: #fff;
+  margin: 2px;
+  float: left;
+  overflow: hidden;
+
+  font-family: Tahoma, Verdana, sans-serif;
+  font-size: 10px;
+
+  cursor: default;
+
+  -moz-user-select: none;
+  user-select: none;
+}
+
+.qx_ui_embed_Gallery .galleryCell img{
+  vertical-align: bottom;
+  display: block;
+}
+
+.qx_ui_embed_Gallery .galleryCell .galleryTitle,
+.qx_ui_embed_Gallery .galleryCell .galleryComment{
+  background: #eee;
+  padding: 3px 6px;
+  text-align: center;
+  cursor: default;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.qx_ui_embed_Gallery .galleryCell .galleryTitle{
+  border-bottom: 1px solid #aaa;
+}
+
+.qx_ui_embed_Gallery .galleryCell .galleryComment{
+  border-top: 1px solid #aaa;
+}
+
+.qx_ui_embed_Gallery .galleryCell-Selected{
+  background: #DCE8F6;
+  border: 1px solid #2760A1;
+}
+
+.qx_ui_embed_Gallery .galleryCell-Selected .galleryTitle,
+.qx_ui_embed_Gallery .galleryCell-Selected .galleryComment{
+  background: #9BBFE7;
+}
+
+.qx_ui_embed_Gallery .galleryCell-Selected .galleryTitle{
+  border-bottom: 1px dotted #2760A1;
+}
+
+.qx_ui_embed_Gallery .galleryCell-Selected .galleryComment{
+  border-top: 1px dotted #2760A1;
+}
+  </style>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Test file for qx.ui.embed.Gallery</p>
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var imgPath = qx.manager.object.AliasManager.getInstance().resolvePath("icon/64/chart.png");
+
+      var galleryList = [];
+
+      for (var i=0; i<100; i++)
+      {
+        galleryList.push({
+          display : "bmzN9ci5",
+          width : 350,
+          height : 350,
+          thumbWidth : 64,
+          thumbHeight : 64,
+          title : "gohome.png",
+          timestamp : Math.random().toString(),
+          comment : "Cool Comment",
+          id : "7686191121780974-10682",
+          src : imgPath
+        });
+      };
+
+      var gallery = new qx.ui.embed.Gallery(galleryList);
+
+      gallery.setLeft(20);
+      gallery.setRight(335);
+      gallery.setTop(48);
+      gallery.setBottom(48);
+      gallery.setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
+
+      qx.ui.core.ClientDocument.getInstance().add(gallery);
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/GroupBox_1.html

@@ -0,0 +1,107 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Introducing qx.ui.groupbox.GroupBox.</p>
+  </div>
+
+  <fieldset style="position:absolute; top:48px; left:400px; width:200px; height:100px"><legend>builtin</legend>content content content content content content content content content content content content content content content</fieldset>
+
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var d = qx.ui.core.ClientDocument.getInstance();
+
+      var fs = new qx.ui.groupbox.GroupBox("My first Fieldset");
+
+      with(fs)
+      {
+        setWidth("40%");
+        setBottom(48);
+        setTop(48);
+        setLeft(20);
+
+        setMaxWidth(350);
+        setMinWidth(250);
+      };
+
+
+
+      var a1 = new qx.ui.basic.Atom("TextField 1");
+      with(a1)
+      {
+        setTop(3);
+        setLeft(0);
+        setWidth("35%");
+        setHorizontalChildrenAlign("left");
+      };
+
+      var i1 = new qx.ui.form.TextField();
+      with(i1)
+      {
+        setTop(0);
+        setRight(0);
+        setWidth("60%");
+      };
+      fs.add(a1, i1);
+
+
+
+      var a2 = new qx.ui.basic.Atom("TextField 2", "icon/16/appearance.png");
+      with(a2)
+      {
+        setTop(33);
+        setLeft(0);
+        setWidth("35%");
+        setHorizontalChildrenAlign("left");
+      };
+      fs.add(a2);
+
+      var i2 = new qx.ui.form.TextField();
+      with(i2)
+      {
+        setTop(30);
+        setRight(0);
+        setWidth("60%");
+      };
+      fs.add(i2);
+
+
+
+      var a3 = new qx.ui.basic.Atom("TextField 3");
+      with(a3)
+      {
+        setTop(63);
+        setLeft(0);
+        setWidth("35%");
+        setHorizontalChildrenAlign("left");
+      };
+      fs.add(a3);
+
+      var i3 = new qx.ui.form.TextField();
+      with(i3)
+      {
+        setTop(60);
+        setRight(0);
+        setWidth("60%");
+      };
+      fs.add(i3);
+
+
+
+      d.add(fs);
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/GroupBox_2.html

@@ -0,0 +1,153 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Test for qx.ui.groupbox.CheckGroupBox</p>
+  </div>
+
+  <fieldset style="position:absolute; top:48px; left:400px; width:200px; height:100px"><legend>builtin</legend>content content content content content content content content content content content content content content content</fieldset>
+
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var d = qx.ui.core.ClientDocument.getInstance();
+
+      var fs = new qx.ui.groupbox.CheckGroupBox("CheckBox FieldSet");
+
+      with(fs)
+      {
+        setWidth("40%");
+        setBottom(48);
+        setTop(48);
+        setLeft(20);
+
+        setMaxWidth(350);
+        setMinWidth("auto");
+      };
+
+      d.add(fs);
+
+
+
+
+      var fsl = new qx.ui.layout.VerticalBoxLayout;
+      fsl.setLeft(0);
+      fsl.setRight(0);
+      fsl.setHeight("auto");
+      fsl.setSpacing(4);
+      fs.add(fsl);
+
+
+
+
+      var r1 = new qx.ui.layout.HorizontalBoxLayout;
+      r1.setLeft(0);
+      r1.setWidth("100%");
+      r1.setHeight("auto");
+      r1.setVerticalChildrenAlign("middle");
+      fsl.add(r1);
+
+      var a1 = new qx.ui.basic.Atom("TextField 1");
+      with(a1)
+      {
+        setLeft(0);
+        setWidth("40%");
+        setHorizontalChildrenAlign("left");
+      };
+
+      var i1 = new qx.ui.form.TextField;
+      with(i1)
+      {
+        setRight(0);
+        setWidth("60%");
+      };
+
+      r1.add(a1, i1);
+
+
+
+
+
+      var r2 = new qx.ui.layout.HorizontalBoxLayout;
+      r2.setLeft(0);
+      r2.setWidth("100%");
+      r2.setHeight("auto");
+      r2.setVerticalChildrenAlign("middle");
+      fsl.add(r2);
+
+      var a2 = new qx.ui.basic.Atom("TextField 2", "icon/16/appearance.png");
+      with(a2)
+      {
+        setLeft(0);
+        setWidth("40%");
+        setHorizontalChildrenAlign("left");
+      };
+
+      var i2 = new qx.ui.form.TextField;
+      with(i2)
+      {
+        setRight(0);
+        setWidth("60%");
+      };
+
+      r2.add(a2, i2);
+
+
+
+
+
+
+      var r3 = new qx.ui.layout.HorizontalBoxLayout;
+      r3.setLeft(0);
+      r3.setWidth("100%");
+      r3.setHeight("auto");
+      r3.setVerticalChildrenAlign("middle");
+      fsl.add(r3);
+
+      var a3 = new qx.ui.basic.Atom("TextField 3");
+      with(a3)
+      {
+        setLeft(0);
+        setWidth("40%");
+        setHorizontalChildrenAlign("left");
+      };
+
+      var i3 = new qx.ui.form.TextField;
+      with(i3)
+      {
+        setRight(0);
+        setWidth("60%");
+      };
+
+      r3.add(a3, i3);
+
+
+
+
+
+      fs.getLegendObject().addEventListener("changeChecked", function(e) {
+        i1.setEnabled(e.getData());
+        i2.setEnabled(e.getData());
+        i3.setEnabled(e.getData());
+
+        a1.setEnabled(e.getData());
+        a2.setEnabled(e.getData());
+        a3.setEnabled(e.getData());
+      });
+
+
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/GroupBox_3.html

@@ -0,0 +1,160 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Test for qx.ui.groupbox.RadioGroupBox</p>
+  </div>
+
+  <fieldset style="position:absolute; top:48px; left:400px; width:200px; height:100px"><legend>builtin</legend>content content content content content content content content content content content content content content content</fieldset>
+
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var d = qx.ui.core.ClientDocument.getInstance();
+
+      var fsr = new qx.ui.form.RadioButton("Simple configuration");
+
+      fsr.setLocation(27, 48);
+      d.add(fsr);
+
+      var fs = new qx.ui.groupbox.RadioGroupBox("RadioButton FieldSet");
+
+      with(fs)
+      {
+        setWidth("40%");
+        setBottom(48);
+        setTop(72);
+        setLeft(20);
+
+        setMaxWidth(350);
+        setMinWidth("auto");
+      };
+
+      d.add(fs);
+
+      var fag = new qx.manager.selection.RadioManager("fscontrol", [ fsr, fs.getLegendObject() ]);
+
+
+
+
+      var fsl = new qx.ui.layout.VerticalBoxLayout;
+      fsl.setLeft(0);
+      fsl.setRight(0);
+      fsl.setHeight("auto");
+      fsl.setSpacing(4);
+      fs.add(fsl);
+
+
+
+
+      var r1 = new qx.ui.layout.HorizontalBoxLayout;
+      r1.setLeft(0);
+      r1.setWidth("100%");
+      r1.setHeight("auto");
+      r1.setVerticalChildrenAlign("middle");
+      fsl.add(r1);
+
+      var a1 = new qx.ui.basic.Atom("TextField 1");
+      with(a1)
+      {
+        setLeft(0);
+        setWidth("40%");
+        setHorizontalChildrenAlign("left");
+      };
+
+      var i1 = new qx.ui.form.TextField;
+      with(i1)
+      {
+        setRight(0);
+        setWidth("60%");
+      };
+
+      r1.add(a1, i1);
+
+
+
+
+
+      var r2 = new qx.ui.layout.HorizontalBoxLayout;
+      r2.setLeft(0);
+      r2.setWidth("100%");
+      r2.setHeight("auto");
+      r2.setVerticalChildrenAlign("middle");
+      fsl.add(r2);
+
+      var a2 = new qx.ui.basic.Atom("TextField 2", "icon/16/appearance.png");
+      with(a2)
+      {
+        setLeft(0);
+        setWidth("40%");
+        setHorizontalChildrenAlign("left");
+      };
+
+      var i2 = new qx.ui.form.TextField;
+      with(i2)
+      {
+        setRight(0);
+        setWidth("60%");
+      };
+
+      r2.add(a2, i2);
+
+
+
+
+
+
+      var r3 = new qx.ui.layout.HorizontalBoxLayout;
+      r3.setLeft(0);
+      r3.setWidth("100%");
+      r3.setHeight("auto");
+      r3.setVerticalChildrenAlign("middle");
+      fsl.add(r3);
+
+      var a3 = new qx.ui.basic.Atom("TextField 3");
+      with(a3)
+      {
+        setLeft(0);
+        setWidth("40%");
+        setHorizontalChildrenAlign("left");
+      };
+
+      var i3 = new qx.ui.form.TextField;
+      with(i3)
+      {
+        setRight(0);
+        setWidth("60%");
+      };
+
+      r3.add(a3, i3);
+
+
+
+
+
+      fs.getLegendObject().addEventListener("changeChecked", function(e) {
+        i1.setEnabled(e.getData());
+        i2.setEnabled(e.getData());
+        i3.setEnabled(e.getData());
+
+        a1.setEnabled(e.getData());
+        a2.setEnabled(e.getData());
+        a3.setEnabled(e.getData());
+      });
+
+
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Iframe_1.html

@@ -0,0 +1,71 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Iframe implementation. Elastic.</p>
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var d = qx.ui.core.ClientDocument.getInstance();
+
+      //----------
+      // qx.ui.embed.Iframe
+      //----------
+
+      w1 = new qx.ui.embed.Iframe();
+
+      w1.addEventListener("load", function(e) {
+        this.debug("Loaded: " + this.getSource());
+      });
+
+      // elastic
+      w1.set( { left: 20, top: 96, right: 335, bottom: 48 } );
+      w1.setSource("http://www.google.com");
+
+      d.add(w1);
+
+
+      function changeURL(e) {
+
+        this.setSource(e.getData());
+      };
+
+      // make qx.ui.embed.Iframe react to event "surfTo" via function changeURL()
+      d.addEventListener("surfTo", changeURL, w1);
+
+
+      //-------------
+      // radio group
+      //-------------
+
+      var rd1 = new qx.ui.form.RadioButton("Google", "http://www.google.com");
+      var rd2 = new qx.ui.form.RadioButton("Yahoo", "http://www.yahoo.com");
+
+      rd1.set( { left: 20, top: 48, checked: true } );
+      rd2.set( { left: 120, top: 48 } );
+
+      var rbm = new qx.manager.selection.RadioManager( name, [rd1, rd2]);
+
+      // elements of radio group fire event "surfTo"
+      rbm.addEventListener("changeSelected", function(e)
+      {
+        d.dispatchEvent( new qx.event.type.DataEvent("surfTo", e.getData().getValue() ) );
+      });
+
+      d.add(rd1, rd2);
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Inline_1.html

@@ -0,0 +1,260 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Inline widget.</p><p>Application layout is disabled by using qx.core.Settings. Scrollbars appear, if the content is bigger than the window.</p>
+  </div>
+
+  <div id="iframe1" class="manualFrame" style="overflow:hidden;position:static;margin-top:38px;margin-left:10px">
+    Inline Frame #1
+  </div>
+
+  <div id="iframe2" class="manualFrame" style="overflow:hidden;position:static;margin-top:20px;margin-left:10px">
+    Inline Frame #2
+  </div>
+
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var d = qx.ui.core.ClientDocument.getInstance();
+
+    var inlineWidget = new qx.ui.basic.Inline("iframe1");
+
+    inlineWidget.setHeight("auto");
+    inlineWidget.setWidth("auto");
+
+    var fieldSet = new qx.ui.groupbox.GroupBox("My first inline fieldset");
+
+    with(fieldSet)
+    {
+      // setWidth("auto");
+      // setWidth("100%");
+
+      setLeft(0);
+      setRight(0);
+
+      setHeight("auto");
+    };
+
+    inlineWidget.add(fieldSet);
+
+    d.add(inlineWidget);
+
+
+
+    var atom1 = new qx.ui.basic.Atom("Name");
+    var textfield1 = new qx.ui.form.TextField;
+
+    with(atom1)
+    {
+      setLeft(0);
+      setTop(3);
+    };
+
+    with(textfield1)
+    {
+      setLeft(80);
+      setRight(0);
+      setTop(0);
+    };
+
+    fieldSet.add(atom1, textfield1);
+
+
+
+    var atom2 = new qx.ui.basic.Atom("First Name");
+    var textfield2 = new qx.ui.form.TextField;
+
+    with(atom2)
+    {
+      setLeft(0);
+      setTop(33);
+    };
+
+    with(textfield2)
+    {
+      setLeft(80);
+      setRight(0);
+      setTop(30);
+    };
+
+    fieldSet.add(atom2, textfield2);
+
+
+
+    var atom3 = new qx.ui.basic.Atom("City");
+    var textfield3 = new qx.ui.form.TextField;
+
+    with(atom3)
+    {
+      setLeft(0);
+      setTop(63);
+    };
+
+    with(textfield3)
+    {
+      setLeft(80);
+      setRight(0);
+      setTop(60);
+    };
+
+    fieldSet.add(atom3, textfield3);
+
+
+
+    /*
+      Menu
+    */
+
+      var m1 = new qx.ui.menu.Menu;
+
+      var mb1_01 = new qx.ui.menu.Button("New");
+      var mb1_02 = new qx.ui.menu.Button("Open");
+      var mb1_03 = new qx.ui.menu.Button("Save");
+      var mb1_04 = new qx.ui.menu.Button("Save as");
+      var mb1_05 = new qx.ui.menu.Button("Close");
+      var mb1_06 = new qx.ui.menu.Button("Restore last saved");
+
+      m1.add(mb1_01, mb1_02, mb1_03, mb1_04, mb1_05, mb1_06);
+
+
+      var m2 = new qx.ui.menu.Menu;
+
+      var mb2_01 = new qx.ui.menu.Button("Undo");
+      var mb2_02 = new qx.ui.menu.Button("Redo");
+      var mb2_b1 = new qx.ui.menu.Separator();
+      var mb2_03 = new qx.ui.menu.Button("Cut", "icon/16/edit-cut.png");
+      var mb2_04 = new qx.ui.menu.Button("Copy", "icon/16/edit-copy.png");
+      var mb2_05 = new qx.ui.menu.Button("Paste", "icon/16/edit-paste.png");
+      var mb2_06 = new qx.ui.menu.Button("Delete", "icon/16/edit-delete.png");
+      var mb2_b2 = new qx.ui.menu.Separator();
+      var mb2_07 = new qx.ui.menu.Button("Select All");
+      var mb2_08 = new qx.ui.menu.Button("Find");
+      var mb2_09 = new qx.ui.menu.Button("Find Again");
+
+
+
+
+      mb2_05.setEnabled(false);
+      mb2_06.setEnabled(false);
+      mb2_09.setEnabled(false);
+
+      m2.add(mb2_01, mb2_02, mb2_b1, mb2_03, mb2_04, mb2_05, mb2_06, mb2_b2, mb2_07, mb2_08, mb2_09);
+
+
+      var m3 = new qx.ui.menu.Menu;
+      var m3_suba = new qx.ui.menu.Menu;
+      var m3_subb = new qx.ui.menu.Menu;
+      var m3_subc = new qx.ui.menu.Menu;
+
+      var mb3_01 = new qx.ui.menu.CheckBox("File List", null, false);
+      var mb3_02 = new qx.ui.menu.CheckBox("Syntax Highlighting", null, true);
+      var mb3_03 = new qx.ui.menu.CheckBox("Statusbar", null, true);
+      var mb3_b1 = new qx.ui.menu.Separator();
+      var mb3_04 = new qx.ui.menu.Button("Printer Font", null, null, m3_suba);
+      var mb3_05 = new qx.ui.menu.Button("Editor Font", null, null, m3_subb);
+      var mb3_06 = new qx.ui.menu.Button("Export Font", null, null, m3_subc);
+
+      m3.add(mb3_01, mb3_02, mb3_03, mb3_b1, mb3_04, mb3_05, mb3_06);
+
+      var mb3_suba_01 = new qx.ui.menu.Button("Tahoma, 11pt");
+      var mb3_suba_02 = new qx.ui.menu.Button("Tahoma, 12pt");
+      var mb3_suba_03 = new qx.ui.menu.Button("Tahoma, 13pt");
+      var mb3_suba_04 = new qx.ui.menu.Button("Tahoma, 14pt");
+      var mb3_suba_05 = new qx.ui.menu.Button("Tahoma, 15pt");
+
+      m3_suba.add(mb3_suba_01, mb3_suba_02, mb3_suba_03, mb3_suba_04, mb3_suba_05);
+
+      var mb3_subb_01 = new qx.ui.menu.Button("Verdana, 11pt");
+      var mb3_subb_02 = new qx.ui.menu.Button("Verdana, 12pt");
+      var mb3_subb_03 = new qx.ui.menu.Button("Verdana, 13pt");
+      var mb3_subb_04 = new qx.ui.menu.Button("Verdana, 14pt");
+      var mb3_subb_05 = new qx.ui.menu.Button("Verdana, 15pt");
+
+      m3_subb.add(mb3_subb_01, mb3_subb_02, mb3_subb_03, mb3_subb_04, mb3_subb_05);
+
+      var mb3_subc_01 = new qx.ui.menu.Button("Courier, 11pt");
+      var mb3_subc_02 = new qx.ui.menu.Button("Courier, 12pt");
+      var mb3_subc_03 = new qx.ui.menu.Button("Courier, 13pt");
+      var mb3_subc_04 = new qx.ui.menu.Button("Courier, 14pt");
+      var mb3_subc_05 = new qx.ui.menu.Button("Courier, 15pt");
+
+      m3_subc.add(mb3_subc_01, mb3_subc_02, mb3_subc_03, mb3_subc_04, mb3_subc_05);
+
+
+
+      var m4 = new qx.ui.menu.Menu;
+
+      var m4_suba = new qx.ui.menu.Menu;
+
+      var mb4_01 = new qx.ui.menu.Button("View", null, null, m4_suba);
+      var mb4_b1 = new qx.ui.menu.Separator();
+      var mb4_02 = new qx.ui.menu.Button("Editor Preferences...");
+      var mb4_03 = new qx.ui.menu.Button("Editor Extensions");
+      var mb4_04 = new qx.ui.menu.Button("Framework Preferences");
+
+      m4.add(mb4_01, mb4_b1, mb4_02, mb4_03, mb4_04);
+
+      var mb4_suba_01 = new qx.ui.menu.Button("New Window");
+      var mb4_suba_b1 = new qx.ui.menu.Separator();
+      var mb4_suba_02 = new qx.ui.menu.RadioButton("Overlapping", null, true);
+      var mb4_suba_03 = new qx.ui.menu.RadioButton("Split Horizontally", null);
+      var mb4_suba_04 = new qx.ui.menu.RadioButton("Split Vertically", null);
+      var mb4_suba_b2 = new qx.ui.menu.Separator();
+      var mb4_suba_05 = new qx.ui.menu.Button("Next Window");
+      var mb4_suba_06 = new qx.ui.menu.Button("Previous Window");
+
+      m4_suba.add(mb4_suba_01, mb4_suba_b1, mb4_suba_02, mb4_suba_03, mb4_suba_04, mb4_suba_b2, mb4_suba_05, mb4_suba_06);
+
+      var mb4_manager = new qx.manager.selection.RadioManager("windowMode", [ mb4_suba_02, mb4_suba_03, mb4_suba_04 ]);
+
+
+      var m5 = new qx.ui.menu.Menu;
+
+      var mb5_01 = new qx.ui.menu.Button("Help");
+      var mb5_02 = new qx.ui.menu.Button("About");
+
+      m5.add(mb5_01, mb5_02);
+
+      d.add(m1, m2, m3, m3_suba, m3_subb, m3_subc, m4, m4_suba, m5);
+
+
+    var inline2 = new qx.ui.basic.Inline("iframe2");
+
+    inline2.setHeight("auto");
+    inline2.setWidth("auto");
+
+
+    var mb1 = new qx.ui.toolbar.ToolBar;
+
+    var mbb1 = new qx.ui.toolbar.MenuButton("File", m1);
+    var mbb2 = new qx.ui.toolbar.MenuButton("Edit", m2);
+    var mbb3 = new qx.ui.toolbar.MenuButton("View", m3);
+    var mbb4 = new qx.ui.toolbar.MenuButton("Options", m4);
+    var mbb5 = new qx.ui.toolbar.MenuButton("Help", m5);
+
+    mb1.add(mbb1, mbb2, mbb3, mbb4, mbb5);
+
+    with(mb1)
+    {
+      setWidth(400);
+      setHeight("auto");
+    };
+
+    inline2.add(mb1);
+
+    d.add(inline2);
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ListView_1.html

@@ -0,0 +1,67 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Testing qx.ui.listview.ListView with text cells.</p>
+    <p>Testing of column alignment, resizeable prohibition for columns and live resizing.</p>
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var ld = [];
+      var lt = [ "Image", "Text", "PDF", "Illustration", "Document" ];
+      
+      for (var i=0, t; i<1000; i++) 
+      {
+        t=Math.round(Math.random()*4);
+        ld.push({ name : { text : "File " + i }, size : { text : Math.round(Math.random()*100) + "kb" }, type : { text : lt[t] }, modified : { text : "Nov " + Math.round(Math.random() * 30 + 1) + " 2005" }, rights: { text : "-rw-r--r--" }});
+      };
+      
+      var lc = 
+      {
+        name : { label : "Name", width : 100, type : "text" },
+        size: { label : "Size", width : 50, type : "text", align : "right", resizable : false },
+        type : { label : "Type", width : 80, type : "text" },
+        modified : { label : "Last Modified", width : 150, type : "text" },
+        rights : { label : "Rights", width: 80, type : "text" }
+      };
+      
+      var lv = new qx.ui.listview.ListView(ld, lc);
+
+      lv.setBorder(qx.renderer.border.BorderPresets.getInstance().shadow);
+      lv.setBackgroundColor("white");
+      lv.setWidth(600);
+      lv.setHeight(350);
+      lv.setLocation(20, 48);
+      
+      // Prohibit resizing of columns completly
+      // lv.setResizable(false);
+
+      qx.ui.core.ClientDocument.getInstance().add(lv);
+      
+      
+      
+      
+      var chk1 = new qx.ui.form.CheckBox("Enable Live Resize");
+      chk1.setLocation(20, 420);
+      qx.ui.core.ClientDocument.getInstance().add(chk1);
+      
+      chk1.addEventListener("changeChecked", function(e) {
+        lv.setLiveResize(e.getData());
+      });
+      
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ListView_2.html

@@ -0,0 +1,53 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Testing qx.ui.listview.ListView with text cells and an additional icon.</p>
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var ld = [];
+      var lt = [ "Image", "Text", "PDF", "Illustration", "Document" ];
+      var li = [ "icons.png", "edit.png", "emoticon.png", "appearance.png", "file-new.png" ];
+
+      for (var i=0, t; i<1000; i++)
+      {
+        t=Math.round(Math.random()*4);
+        ld.push({ icon : { source : "icon/16/" + li[t] }, name : { text : "File " + i }, size : { text : Math.round(Math.random()*100) + "kb" }, type : { text : lt[t] }, modified : { text : "Nov " + Math.round(Math.random() * 30 + 1) + " 2005" }, rights: { text : "-rw-r--r--" }});
+      };
+
+      var lc =
+      {
+        icon : { label : "", width: 24, type : "image" },
+        name : { label : "Name", width : 100, type : "text" },
+        size: { label : "Size", width : 50, type : "text", align : "right" },
+        type : { label : "Type", width : 80, type : "text" },
+        modified : { label : "Last Modified", width : 150, type : "text" },
+        rights : { label : "Rights", width: 80, type : "text" }
+      };
+
+      var lv = new qx.ui.listview.ListView(ld, lc);
+
+      lv.setBorder(qx.renderer.border.BorderPresets.getInstance().shadow);
+      lv.setBackgroundColor("white");
+      lv.setWidth(600);
+      lv.setHeight(350);
+      lv.setLocation(20, 48);
+
+      qx.ui.core.ClientDocument.getInstance().add(lv);
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ListView_3.html

@@ -0,0 +1,51 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Testing qx.ui.listview.ListView with iconHtml cells.</p>
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var ld = [];
+      var lt = [ "Image", "Text", "PDF", "Illustration", "Document" ];
+      
+      for (var i=0, t; i<1000; i++) 
+      {
+        t=Math.round(Math.random()*4);
+        ld.push({ name : { html : "E-Mail " + i, icon : "icon/16/email.png", iconWidth : 16, iconHeight : 16 }, size : { text : Math.round(Math.random()*100) + "kb" }, type : { text : lt[t] }, modified : { text : "Nov " + Math.round(Math.random() * 30 + 1) + " 2005" }, rights: { text : "-rw-r--r--" }, open : { uri : "http://www.google.com/search?q=" + i, html : "Open " + i }});
+      };
+      
+      var lc = 
+      {
+        name : { label : "Name", width : 120, type : "iconHtml" },
+        size: { label : "Size", width : 50, type : "text", align : "right" },
+        type : { label : "Type", width : 80, type : "text" },
+        modified : { label : "Last Modified", width : 150, type : "text" },
+        rights : { label : "Rights", width: 80, type : "text" }     
+      };
+      
+      var lv = new qx.ui.listview.ListView(ld, lc);
+
+      lv.setBorder(qx.renderer.border.BorderPresets.getInstance().shadow);
+      lv.setBackgroundColor("white");
+      lv.setWidth(600);
+      lv.setHeight(350);
+      lv.setLocation(20, 48);
+
+      qx.ui.core.ClientDocument.getInstance().add(lv);
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ListView_4.html

@@ -0,0 +1,58 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Testing qx.ui.listview.ListView with text cells.</p>
+    <p>Added some sort handling stuff.</p>
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var ld = [];
+      var lt = [ "Image", "Text", "PDF", "Illustration", "Document" ];
+
+      for (var i=0, t; i<1000; i++)
+      {
+        t=Math.round(Math.random()*4);
+        ld.push({ name : { text : "File " + i }, size : { text : Math.round(Math.random()*100) + "kb" }, type : { text : lt[t] }, modified : { text : "Nov " + Math.round(Math.random() * 30 + 1) + " 2005" }, rights: { text : "-rw-r--r--" }});
+      };
+
+      var lc =
+      {
+        name : { label : "Name", width : 100, type : "text", sortable : true, sortProp : "text" },
+        size: { label : "Size", width : 50, type : "text", sortable : true, sortProp : "text", sortMethod : qx.util.Compare.byIntegerString, align : "right" },
+        type : { label : "Type", width : 80, type : "text", sortable : true, sortProp : "text" },
+        modified : { label : "Last Modified", width : 150, type : "text" },
+        rights : { label : "Rights", width: 80, type : "text" }
+      };
+
+      var lv = new qx.ui.listview.ListView(ld, lc);
+
+      lv.setBorder(qx.renderer.border.BorderPresets.getInstance().shadow);
+      lv.setBackgroundColor("white");
+      lv.setWidth(600);
+      lv.setHeight(350);
+      lv.setLocation(20, 48);
+
+      qx.ui.core.ClientDocument.getInstance().add(lv);
+
+
+
+
+      // Color Themes
+      qx.manager.object.ColorManager.getInstance().createThemeList(qx.ui.core.ClientDocument.getInstance(), 20, 448);
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/List_1.html

@@ -0,0 +1,127 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>List implementation</p>
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var d = qx.ui.core.ClientDocument.getInstance();
+
+      var l1 = new qx.ui.form.List;
+      
+      l1.set({ top : 48, left: 20, height: 200, width: 150, overflow : "scrollY" });
+      
+      var item;
+      for( var i=1; i<=35; i++ ) 
+      {
+        // item = new qx.ui.form.ListItem("Item No " + i);
+        item = new qx.ui.form.ListItem("Item No " + i, "icon/" + ((i % 4) ? "16" : "48") + "/folder.png");
+        
+        !(i % 9) && (item.setEnabled(false));
+        
+        l1.add(item);
+      };
+      
+      d.add(l1);
+      
+      var l2 = new qx.ui.form.List;
+      
+      l2.set({ top : 48, left: 400, height: 200, width: 150 });
+      l2.getManager().setMultiSelection(false);
+      //l2.setOverflow("scrollY");
+      l2.setHeight("auto");
+      
+      var l2l = [ "red", "violett", "rose", "blue", "green", "cyan", "magenta", "yellow", "brown", "orange", "black", "white", "grey", "gray", "brown" ];
+      
+      for (var i=0; i<l2l.length; i++) {
+        l2.add(new qx.ui.form.ListItem(l2l[i]));
+      };      
+      
+      d.add(l2);
+      
+
+      
+
+      var c1 = new qx.ui.form.CheckBox("Enable Multi-Selection");
+      var c2 = new qx.ui.form.CheckBox("Enable Drag-Selection");
+      var c3 = new qx.ui.form.CheckBox("Allow Deselection");
+      var c4 = new qx.ui.form.CheckBox("Enable Inline Find");
+
+      c1.setLocation(180, 48);
+      c2.setLocation(180, 68);
+      c3.setLocation(180, 88);
+      c4.setLocation(180, 108);
+      
+      d.add(c1, c2, c3, c4);
+      
+      c1.setChecked(true);
+      c2.setChecked(true);
+      c3.setChecked(true);
+      c4.setChecked(true);
+      
+      c1.addEventListener("changeChecked", function(e) {
+        l1.getManager().setMultiSelection(e.getData());
+      });
+      
+      c2.addEventListener("changeChecked", function(e) {
+        l1.getManager().setDragSelection(e.getData());
+      });
+
+      c3.addEventListener("changeChecked", function(e) {
+        l1.getManager().setCanDeselect(e.getData());
+      });
+      
+      c4.addEventListener("changeChecked", function(e) {
+        l1.setEnableInlineFind(e.getData());
+      });
+      
+      
+      
+      
+
+      var rd1 = new qx.ui.form.RadioButton("Show Label", "label");
+      var rd2 = new qx.ui.form.RadioButton("Show Icon", "icon");
+      var rd3 = new qx.ui.form.RadioButton("Show Both", "both");
+
+      rd1.set( { left: 180, top: 128 } );
+      rd2.set( { left: 180, top: 148 } );
+      rd3.set( { left: 180, top: 168 } );
+      
+      d.add(rd1, rd2, rd3);
+      
+      rd3.setChecked(true);
+
+      var rbm = new qx.manager.selection.RadioManager( name, [rd1, rd2, rd3]);
+
+      rbm.addEventListener("changeSelected", function(e)
+      {
+        for( var i=0; i<l1.getChildrenLength(); i++ ) {
+          l1.getChildren()[i].setShow(e.getData().getValue());
+        }
+      });
+      
+      
+      
+      
+      // Icon Themes
+      qx.manager.object.ImageManager.getInstance().createThemeList(d, 20, 400);
+    
+      // Color Themes
+      qx.manager.object.ColorManager.getInstance().createThemeList(d, 200, 400);      
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Menu_1.html

@@ -0,0 +1,193 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>qx.ui.menu.Menu Implementation.</p>
+    <p>Added qx.client.Command support tests.</p>
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var d = qx.ui.core.ClientDocument.getInstance();
+
+      var q1 = new qx.client.Command("Ctrl+Z");
+      q1.addEventListener("execute", function(e) {
+        alert("Undo");
+      });
+
+      var q2 = new qx.client.Command("Ctrl+Y");
+      q2.addEventListener("execute", function(e) {
+        alert("Redo");
+      });
+
+      var q3 = new qx.client.Command("Ctrl+X");
+      q3.addEventListener("execute", function(e) {
+        alert("Cut");
+      });
+
+      var q4 = new qx.client.Command("Ctrl+C");
+      q4.addEventListener("execute", function(e) {
+        alert("Copy");
+      });
+
+      var q5 = new qx.client.Command("Ctrl+V");
+      q5.addEventListener("execute", function(e) {
+        alert("Paste");
+      });
+
+      var q6 = new qx.client.Command("Del");
+      q6.addEventListener("execute", function(e) {
+        alert("Delete");
+      });
+
+      var q7 = new qx.client.Command("Ctrl+A");
+      q7.addEventListener("execute", function(e) {
+        alert("Select All");
+      });
+
+      var q8 = new qx.client.Command("Ctrl+F");
+      q8.addEventListener("execute", function(e) {
+        alert("Search");
+      });
+
+      var q9 = new qx.client.Command("Ctrl+G");
+      q9.addEventListener("execute", function(e) {
+        alert("Search Again");
+      });
+
+      var q10 = new qx.client.Command();
+      q10.addEventListener("execute", function(e) {
+        alert("Syntax Highlighting");
+      });
+
+      var q11 = new qx.client.Command("Esc");
+      q11.addEventListener("execute", function(e) {
+        alert("Escape");
+      });
+
+      var q12 = new qx.client.Command(null, qx.event.type.KeyEvent.keys.space);
+      q12.addEventListener("execute", function(e) {
+        alert("Space");
+      });
+
+
+
+
+      var m2 = new qx.ui.menu.Menu;
+
+      var mb2_01 = new qx.ui.menu.Button("New Window");
+      var mb2_02 = new qx.ui.menu.Button("Overlapping");
+      var mb2_03 = new qx.ui.menu.Button("Split Vertical");
+      var mb2_04 = new qx.ui.menu.Button("Split Horizontal");
+      var mb2_05 = new qx.ui.menu.Button("Next Window");
+      var mb2_06 = new qx.ui.menu.Button("Previous Window");
+
+      m2.add(mb2_01, mb2_02, mb2_03, mb2_04, mb2_05, mb2_06);
+
+
+
+
+      var m3 = new qx.ui.menu.Menu;
+
+      var mb3_01 = new qx.ui.menu.Button("Tahoma, 11pt");
+      var mb3_02 = new qx.ui.menu.Button("Tahoma, 12pt");
+      var mb3_03 = new qx.ui.menu.Button("Tahoma, 13pt");
+      var mb3_04 = new qx.ui.menu.Button("Tahoma, 14pt");
+      var mb3_05 = new qx.ui.menu.Button("Tahoma, 15pt");
+
+      m3.add(mb3_01, mb3_02, mb3_03, mb3_04, mb3_05);
+
+
+
+      var m1 = new qx.ui.menu.Menu;
+
+      var mb1_01 = new qx.ui.menu.Button("View/Lists", null, q12);
+      var mb1_02 = new qx.ui.menu.Button("Syntax Highlighting", null, q10);
+      var ms1    = new qx.ui.menu.Separator();
+      var mb1_03 = new qx.ui.menu.Button("Window Font", null, q11);
+      var mb1_04 = new qx.ui.menu.Button("Printer Font", null, null, m3);
+      var ms2    = new qx.ui.menu.Separator();
+      var mb1_05 = new qx.ui.menu.Button("Undo", null, q1);
+      var mb1_06 = new qx.ui.menu.Button("Redo", null, q2);
+      var ms3    = new qx.ui.menu.Separator();
+      var mb1_07 = new qx.ui.menu.Button("Cut", "icon/16/edit-cut.png", q3);
+      var mb1_08 = new qx.ui.menu.Button("Copy", "icon/16/edit-copy.png", q4);
+      var mb1_09 = new qx.ui.menu.Button("Paste", "icon/16/edit-paste.png", q5);
+      var mb1_10 = new qx.ui.menu.Button("Delete", "icon/16/edit-delete.png", q6);
+      var mb1_11 = new qx.ui.menu.Button("Select All", null, q7);
+      var ms4    = new qx.ui.menu.Separator();
+      var mb1_12 = new qx.ui.menu.Button("Search", null, q8);
+      var mb1_13 = new qx.ui.menu.Button("Search Again", null, q9);
+      var ms5    = new qx.ui.menu.Separator();
+      var mb1_14 = new qx.ui.menu.Button("View", null, null, m2);
+      var mb1_15 = new qx.ui.menu.Button("Editor Settings...");
+      var mb1_16 = new qx.ui.menu.Button("Editor Plugins");
+      var mb1_17 = new qx.ui.menu.Button("Framework Settings");
+
+      m1.add(mb1_01, mb1_02, ms1, mb1_03, mb1_04, ms2, mb1_05, mb1_06, ms3, mb1_07, mb1_08, mb1_09, mb1_10, mb1_11, ms4, mb1_12, mb1_13, ms5, mb1_14, mb1_15, mb1_16, mb1_17);
+
+
+      d.add(m1, m2, m3);
+
+
+
+
+
+      var w1 = new qx.ui.form.Button("Open");
+
+      w1.setTop(48);
+      w1.setLeft(20);
+
+      w1.addEventListener("click", function(e)
+      {
+        if (m1.isSeeable())
+        {
+          m1.hide();
+        }
+        else
+        {
+          var el = this.getElement();
+
+          m1.setLeft(qx.dom.Location.getPageBoxLeft(el));
+          m1.setTop(qx.dom.Location.getPageBoxBottom(el));
+
+          m1.show();
+        };
+
+        e.setPropagationStopped(true);
+      });
+
+      w1.addEventListener("mousedown", function(e)
+      {
+        e.setPropagationStopped(true);
+      });
+
+
+      d.add(w1);
+
+
+
+
+
+
+      // Icon Themes
+      qx.manager.object.ImageManager.getInstance().createThemeList(d, 180, 48);
+
+      // Color Themes
+      qx.manager.object.ColorManager.getInstance().createThemeList(d, 380, 48);
+
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/NativeWindow_1.html

@@ -0,0 +1,198 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Native Windows. Could be understood as an enhanced window.open with some additional options like to create modal windows.</p>
+  </div>
+
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var w1 = new qx.client.NativeWindow("http://www.google.com");
+
+    w1.setDimension(600, 400);
+
+
+    w1.addEventListener("load", function(e) {
+      this.debug("Content loaded: " + this.isLoaded());
+    });
+
+    w1.addEventListener("close", function(e) {
+      this.debug("Window closed: " + this.isClosed());
+    });
+
+
+
+
+    var d = qx.ui.core.ClientDocument.getInstance();
+
+    var btn1 = new qx.ui.form.Button("Open Native Window", "icon/16/appearance.png");
+    with(btn1)
+    {
+      setTop(48);
+      setLeft(20);
+
+      addEventListener("click", function() { w1.open(); } );
+    };
+
+    d.add(btn1);
+
+
+
+
+
+    var l = new qx.ui.layout.VerticalBoxLayout;
+    l.setLocation(20, 96);
+    l.setWidth("auto");
+    l.setHeight("auto");
+    d.add(l);
+
+    var fs1 = new qx.ui.groupbox.GroupBox("Initial Settings");
+    fs1.setHeight("auto");
+    l.add(fs1);
+
+
+    var chk1 = new qx.ui.form.CheckBox("Resizeable");
+    chk1.setLocation(0, 0);
+    chk1.setChecked(true);
+    chk1.addEventListener("changeChecked", function(e) {
+      w1.setResizeable(e.getData());
+    });
+
+    var chk2 = new qx.ui.form.CheckBox("Show Statusbar");
+    chk2.setLocation(0, 20);
+    chk2.setChecked(false);
+    chk2.addEventListener("changeChecked", function(e) {
+      w1.setShowStatusbar(e.getData());
+    });
+
+    var chk3 = new qx.ui.form.CheckBox("Show Menubar");
+    chk3.setLocation(0, 40);
+    chk3.setChecked(false);
+    chk3.addEventListener("changeChecked", function(e) {
+      w1.setShowMenubar(e.getData());
+    });
+
+    var chk4 = new qx.ui.form.CheckBox("Show Location");
+    chk4.setLocation(0, 60);
+    chk4.setChecked(false);
+    chk4.addEventListener("changeChecked", function(e) {
+      w1.setShowLocation(e.getData());
+    });
+
+    var chk5 = new qx.ui.form.CheckBox("Show Toolbar");
+    chk5.setLocation(0, 80);
+    chk5.setChecked(false);
+    chk5.addEventListener("changeChecked", function(e) {
+      w1.setShowToolbar(e.getData());
+    });
+
+    var chk6 = new qx.ui.form.CheckBox("Allow Scrollbars");
+    chk6.setLocation(0, 100);
+    chk6.setChecked(true);
+    chk6.addEventListener("changeChecked", function(e) {
+      w1.setAllowScrollbars(e.getData());
+    });
+
+    var chk7 = new qx.ui.form.CheckBox("Modal");
+    chk7.setLocation(0, 120);
+    chk7.setChecked(false);
+    chk7.addEventListener("changeChecked", function(e) {
+      w1.setModal(e.getData());
+    });
+
+    var chk8 = new qx.ui.form.CheckBox("Dependent");
+    chk8.setLocation(0, 140);
+    chk8.setChecked(true);
+    chk8.addEventListener("changeChecked", function(e) {
+      w1.setDependent(e.getData());
+    });
+
+    fs1.add(chk1, chk2, chk3, chk4, chk5, chk6, chk7, chk8);
+
+
+
+
+
+
+
+
+    var fs2 = new qx.ui.groupbox.GroupBox("Runtime Settings");
+    fs2.setHeight("auto");
+    l.add(fs2);
+
+
+
+    var tf1 = new qx.ui.form.TextField("http://www.google.com");
+    tf1.setLocation(0, 2);
+    tf1.setWidth(150);
+
+    var btn1 = new qx.ui.form.Button("Set Url", "icon/16/button-ok.png");
+    btn1.setLocation(155, 0);
+    btn1.addEventListener("click", function() {
+      w1.setUrl(tf1.getValue());
+    });
+
+
+
+
+    var tf2 = new qx.ui.form.TextField("600");
+    tf2.setLocation(0, 42);
+    tf2.setWidth(50);
+
+    var btn2 = new qx.ui.form.Button("Set Width", "icon/16/button-ok.png");
+    btn2.setLocation(55, 40);
+    btn2.addEventListener("click", function() {
+      w1.setWidth(parseInt(tf2.getValue()));
+    });
+
+
+
+
+    var tf3 = new qx.ui.form.TextField("400");
+    tf3.setLocation(0, 72);
+    tf3.setWidth(50);
+
+    var btn3 = new qx.ui.form.Button("Set Height", "icon/16/button-ok.png");
+    btn3.setLocation(55, 70);
+    btn3.addEventListener("click", function() {
+      w1.setHeight(parseInt(tf3.getValue()));
+    });
+
+
+
+    var btn4 = new qx.ui.form.Button("Center to screen", "icon/16/paint.png");
+    btn4.setLocation(0, 110);
+    btn4.addEventListener("click", function() {
+      w1.centerToScreen()
+    });
+
+    var btn5 = new qx.ui.form.Button("Center to screen area", "icon/16/paint.png");
+    btn5.setLocation(0, 140);
+    btn5.addEventListener("click", function() {
+      w1.centerToScreenArea()
+    });
+
+    var btn6 = new qx.ui.form.Button("Center to opener", "icon/16/paint.png");
+    btn6.setLocation(0, 170);
+    btn6.addEventListener("click", function() {
+      w1.centerToOpener()
+    });
+
+
+
+    fs2.add(tf1, btn1, tf2, btn2, tf3, btn3, btn4, btn5, btn6);
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/RadioButton_1.html

@@ -0,0 +1,114 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>    
+  
+  <div id="demoDescription"> 
+    <p>Tests for qx.ui.form.RadioButton. qx.ui.form.RadioButton extends qx.ui.basic.Atom and so it inherits all the options and properties defined there.</p>
+    <p>To group multiple QxRadioButtons you must define a instance of qx.manager.selection.RadioManager and add them to this new instance. All QxRadioButtons assigned to the same group make sure that only one of them is checked at the same time.</p>
+    <p>
+  </div>
+  
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var d = qx.ui.core.ClientDocument.getInstance();
+    
+    var rb1 = new qx.ui.form.RadioButton("Option #1", "rb1");
+    with(rb1)
+    {
+      setTop(80);
+      setLeft(20);
+    };
+    d.add(rb1);
+
+    var rb2 = new qx.ui.form.RadioButton("Option #2", "rb2");
+    with(rb2)
+    {
+      setTop(110);
+      setLeft(20);
+    };
+    d.add(rb2);
+    rb2.setChecked(true);
+    
+    
+    var rb3 = new qx.ui.form.RadioButton("Top RadioButton", "rb3");
+    with(rb3)
+    {
+      setTop(160);
+      setLeft(20);
+      setIconPosition("top");
+    };
+    d.add(rb3);
+    
+    var rb4 = new qx.ui.form.RadioButton("Bottom RadioButton", "rb4");
+    with(rb4)
+    {
+      setTop(160);
+      setLeft(160);
+      setIconPosition("bottom");
+    };
+    d.add(rb4);    
+
+
+    var rb5 = new qx.ui.form.RadioButton("Left RadioButton", "rb5");
+    with(rb5)
+    {
+      setTop(220);
+      setLeft(20);
+      setIconPosition("left");
+    };
+    d.add(rb5);
+    
+    var rb6 = new qx.ui.form.RadioButton("Right RadioButton", "rb6");
+    with(rb6)
+    {
+      setTop(220);
+      setLeft(160);
+      setIconPosition("right");
+    };
+    d.add(rb6);  
+    
+    var rb7 = new qx.ui.form.RadioButton(null, "rb7");
+    with(rb7)
+    {
+      setTop(280);
+      setLeft(20);
+    };
+    d.add(rb7);     
+    
+
+    var rg1 = new qx.manager.selection.RadioManager("mygroup", [rb1, rb2, rb3, rb4, rb5, rb6, rb7]);
+
+
+    
+
+
+    var linfo = new qx.ui.basic.Atom("Current Value: \"" + rg1.getSelected().getLabel() + "\" (" + rg1.getSelected().getValue() + ")", "icon/16/forward.png");
+
+    with(linfo)
+    {
+      setBorder(qx.renderer.border.BorderPresets.getInstance().black);
+      setPadding(2, 4);
+      setBackgroundColor("white");
+      setTop(48);
+      setLeft(20);
+    };
+    
+    rg1.addEventListener("changeSelected", function(e) {
+      linfo.setLabel("Current Value: \"" + e.getData().getLabel() + "\" (" + e.getData().getValue() + ")");
+    });
+    
+    d.add(linfo);
+  });
+  </script>
+</body>
+</html>  

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/RepeatButton_1.html

@@ -0,0 +1,73 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Test the qx.ui.form.RepeatButton constructor. qx.ui.form.RepeatButton is based on qx.ui.form.Button but adds some interval handled event mechanism.</p>
+  </div>
+
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var d = qx.ui.core.ClientDocument.getInstance();
+
+    function buttonExecute() { this.debug("Executed: " + this.getLabel()); };
+
+    var btn1 = new qx.ui.form.RepeatButton("Repeat Button No #1");
+    with(btn1)
+    {
+      setTop(48);
+      setLeft(20);
+      addEventListener("execute", buttonExecute);
+    };
+
+    d.add(btn1);
+
+
+
+    var btn2 = new qx.ui.form.RepeatButton("Repeat Button No #2");
+    with(btn2)
+    {
+      setTop(48);
+      setLeft(160);
+      addEventListener("execute", buttonExecute);
+      setEnabled(false);
+    };
+
+    d.add(btn2);
+
+
+
+    var btn3 = new qx.ui.form.RepeatButton("Repeat Button No #3");
+    with(btn3)
+    {
+      setTop(48);
+      setLeft(300);
+      addEventListener("execute", buttonExecute);
+    };
+
+    d.add(btn3);
+
+
+    var btn4 = new qx.ui.form.RepeatButton("Repeat Button No #4", "icon/16/forward.png");
+    with(btn4)
+    {
+      setTop(148);
+      setLeft(20);
+      addEventListener("execute", buttonExecute);
+    };
+
+    d.add(btn4);
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Resizer_1.html

@@ -0,0 +1,63 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+  
+  <div id="demoDescription">
+    <p>Test for qx.ui.resizer.Rezizer.</p>
+    <p>
+      The Resizer widget acts as a wrapper of another widget.  It allows the child widget to be resized by the end user.
+    </p>
+  </div>  
+
+  <script type="text/javascript">
+    function newResizer() {
+      var tArea = new qx.ui.form.TextArea;
+      tArea.setValue("Resize me\nI'm resizable");
+      tArea.set({
+        minWidth: 100,
+        minHeight: 50,
+        width: 200,
+        height: 100
+      });
+      return new qx.ui.resizer.Resizer(tArea);
+    }
+    
+    function newHBox() {
+      var hBox = new qx.ui.layout.BoxLayout;
+      hBox.set({
+        spacing: 10
+      });
+      hBox.auto();
+      hBox.add(newResizer(), newResizer());
+      return hBox;
+    }
+    
+    qx.core.Init.getInstance().defineMain(function() {
+      var vBox = new qx.ui.layout.VerticalBoxLayout;
+      var list = new qx.ui.form.List;
+      list.set({width: 100, height: 200, minWidth: 50, minHeight: 100, overflow: 'auto'});
+      for (var i = 0; i < 100; i++) {
+        list.add(new qx.ui.form.ListItem('Option number '+i));
+      }
+      vBox.add(new qx.ui.resizer.Resizer(list));
+      vBox.set({
+        spacing: 10,
+        top: 50,
+        left: 30
+      });
+      vBox.auto();
+      vBox.add(newHBox(), newHBox());
+      vBox.addToDocument();
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/RpcTreeFullControl_1.html

@@ -0,0 +1,194 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link
+   type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+
+  <div id="demoDescription">
+  <p><strong>Only works together with a RPC backend!</strong></p>
+    <p>
+    Shows a tree which listens for tree events.  This script communicates via
+    JSON-RPC to a backend server.  Each time a new tree node is opened, the
+    children are requested from the server.  See the server-side functions
+    at backend/php/services/qooxdoo/fs.php.
+  </p>
+  </div>
+
+<script type="text/javascript">
+qx.core.Init.getInstance().defineMain(
+    function()
+    {
+        var addChildren = function(parent, children)
+        {
+            var t;
+            var trs;
+            var child;
+
+            for (i = 0; i < children.length; i++)
+            {
+                child = children[i];
+
+                trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().newRow();
+
+                // Here's our indentation and tree-lines
+                trs.addIndent();
+
+                // If not a file or directory, change the icon
+                var bIsDirectory = ((child.mode & 0040000) != 0);
+                var bIsFile = ((child.mode & 0100000) != 0);
+                if (! bIsDirectory && ! bIsFile)
+                {
+                    trs.addIcon("icon/16/desktop.png",
+                                "icon/16/dictionary.png");
+                }
+                else
+                {
+                    trs.addIcon();
+                }
+
+                // The label
+                trs.addLabel(child.name);
+
+                // All else should be right justified
+                obj = new qx.ui.basic.HorizontalSpacer;
+                trs.addObject(obj, true);
+
+                // Add the permissions
+                mode = "";
+                mode = ((child.mode & 0001) ? "x" : "-") + mode;
+                mode = ((child.mode & 0002) ? "w" : "-") + mode;
+                mode = ((child.mode & 0004) ? "r" : "-") + mode;
+                mode = ((child.mode & 0010) ? "x" : "-") + mode;
+                mode = ((child.mode & 0020) ? "w" : "-") + mode;
+                mode = ((child.mode & 0040) ? "r" : "-") + mode;
+                mode = ((child.mode & 0100) ? "x" : "-") + mode;
+                mode = ((child.mode & 0200) ? "w" : "-") + mode;
+                mode = ((child.mode & 0400) ? "r" : "-") + mode;
+                obj = new qx.ui.basic.Label(mode);
+                obj.setWidth(80);
+                obj.setStyleProperty("fontFamily", "monospace");
+                trs.addObject(obj, true);
+
+                // Add a file size, date and mode
+                obj = new qx.ui.basic.Label(child.size + "");
+                obj.setWidth(50);
+                obj.setStyleProperty("fontFamily", "monospace");
+                trs.addObject(obj, true);
+
+                var d = new Date();
+                d.setTime(child.mtime * 1000);
+                obj = new qx.ui.basic.Label(d.toString().slice(0,33));
+                obj.setWidth(200);
+                obj.setStyleProperty("fontFamily", "monospace");
+                trs.addObject(obj, true);
+
+                if (bIsDirectory)
+                {
+                    t = new qx.ui.treefullcontrol.TreeFolder(trs);
+                }
+                else
+                {
+                    t = new qx.ui.treefullcontrol.TreeFile(trs);
+                }
+                parent.add(t);
+            }
+        }
+
+        /*
+         * Reset the default of always showing the plus/minus symbol.  The
+         * default is 'false'.  We want to always display it for each folder
+         * (and then stop displaying it if we determine upon open that there
+         * are no contents).
+         */
+        var constructor = qx.OO.classes["qx.ui.treefullcontrol.TreeFolder"];
+        qx.Proto = constructor.prototype;
+        qx.OO.changeProperty({
+              name : "alwaysShowPlusMinusSymbol",
+              type : "boolean",
+              defaultValue : true });
+
+        var rpc = new qx.io.remote.Rpc();
+        rpc.setTimeout(10000);
+        rpc.setUrl("/services/");
+        rpc.setServiceName("qooxdoo.fs");
+        rpc.setCrossDomain(false);
+
+        var mycall = null;
+
+        var trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Root");
+        var t = new qx.ui.treefullcontrol.Tree(trs);
+
+        with(t)
+        {
+            setBackgroundColor(255);
+            setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
+            setOverflow("scrollY");
+
+            setHeight(null);
+            setTop(48);
+            setLeft(20);
+            setWidth(700);
+            setBottom(48);
+
+            setHideNode(true);          // hide the root node
+            setUseTreeLines(true);      // display tree lines
+        };
+
+        /*
+         * All subtrees will use this root node's event listeners.  Create an
+         * event listener for an open while empty.
+         */
+        t.addEventListener(
+            "treeOpenWhileEmpty",
+            function(e)
+            {
+                var parent = e.getData();
+                var hierarchy = parent.getHierarchy(new Array());
+
+                parent.debug("Requesting children...");
+
+                // Strip off the root node
+                hierarchy.shift();
+
+                mycall = rpc.callAsync(
+                    function(result, ex, id)
+                    {
+                        mycall = null;
+                        if (ex == null) {
+                            parent.debug("Children obtained.  Rendering...");
+                            addChildren(parent, result);
+                            parent.debug("Rendering complete.");
+                        } else {
+                            alert("Async(" + id + ") exception: " + ex);
+                        }
+                    },
+                    "readDirEntries",
+                    hierarchy,
+                    true);
+            });
+
+        qx.ui.core.ClientDocument.getInstance().add(t);
+
+        var trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Sandbox");
+        var tf = new qx.ui.treefullcontrol.TreeFolder(trs);
+        t.add(tf);
+    });
+/*
+ * Local Variables:
+ * mode: java
+ * End:
+ */
+</script>
+
+</body>
+</html>
+

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Spinner_1.html

@@ -0,0 +1,106 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Test for qx.ui.form.Spinner.</p>
+  </div>
+
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var d = qx.ui.core.ClientDocument.getInstance();
+    var s1 = new qx.ui.form.Spinner;
+
+    with(s1)
+    {
+      setLeft(20);
+      setTop(64);
+    };
+
+    d.add(s1);
+
+    d.add( (new qx.ui.basic.Label("100").set({left:20, top:48})) );
+    d.add( (new qx.ui.basic.Label("0").set({left:20, top:90})) );
+
+    var s2 = new qx.ui.form.Spinner;
+
+    with(s2)
+    {
+      setLeft(100);
+      setTop(64);
+      setValue(30);
+      setMin(-30);
+      setMax(30);
+    };
+
+    d.add(s2);
+
+    d.add( (new qx.ui.basic.Label("30").set({left:100, top:48})) );
+    d.add( (new qx.ui.basic.Label("-30").set({left:100, top:90})) );
+
+    var s3 = new qx.ui.form.Spinner;
+
+    with(s3)
+    {
+      setLeft(180);
+      setTop(64);
+      setValue(0);
+      setMin(-3000);
+      setMax(3000);
+    };
+
+    d.add(s3);
+
+    d.add( (new qx.ui.basic.Label("3000").set({left:180, top:48})) );
+    d.add( (new qx.ui.basic.Label("-3000").set({left:180, top:90})) );
+
+    /*
+    s3._manager.addEventListener("changeValue", function(e) {
+      this.debug("Value: " + e.getData());
+    });
+    */
+
+    var s4 = new qx.ui.form.Spinner;
+    
+    with(s4)
+    {
+      setLeft(260);
+      setTop(64);
+      setValue(0);
+      setMin(100);
+      setMax(200);
+    };
+
+    d.add(s4);
+
+    d.add( (new qx.ui.basic.Label("200").set({left:260, top:48})) );
+    d.add( (new qx.ui.basic.Label("100").set({left:260, top:90})) );
+
+
+    var s5 = new qx.ui.form.Spinner( -200, null, -100);
+
+    with(s5)
+    {
+      setLeft(340);
+      setTop(64);
+    };
+
+    d.add(s5);
+
+    d.add( (new qx.ui.basic.Label("-100").set({left:340, top:48})) );
+    d.add( (new qx.ui.basic.Label("-200").set({left:340, top:90})) );
+
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/SplitPane_1.html

@@ -0,0 +1,72 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Test for normal width Splitpane, no holding knobs, live resize enabled.</p>
+  </div>
+
+  <script type="text/javascript">
+
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var frame = new qx.ui.layout.CanvasLayout;
+    frame.setLocation(20, 48);
+    frame.setBottom(48);
+    frame.setRight(300);
+    frame.setBackgroundColor("#134275");
+    frame.setPadding(20);
+    frame.addToDocument();
+
+    // the splitpane itself
+    var splitpane = new qx.ui.splitpane.HorizontalSplitPane("1*", "2*");
+    splitpane.setEdge(0);
+    splitpane.setLiveResize(true);
+    frame.add(splitpane);
+
+    // left Widget
+    var leftWidget = new qx.ui.form.TextArea("LeftWidget");
+    leftWidget.setWrap(true);
+    leftWidget.setBackgroundColor(new qx.renderer.color.Color("white"));
+    leftWidget.setWidth("100%");
+    leftWidget.setHeight("100%");
+
+    // rightWidget (another splitpane)
+    var rightWidget = new qx.ui.splitpane.VerticalSplitPane;
+    rightWidget.setHeight("100%");
+    rightWidget.setWidth("100%");
+    rightWidget.setLiveResize(true);
+
+    // add widgets to splitpane
+    splitpane.addLeft(leftWidget);
+    splitpane.addRight(rightWidget);
+
+
+
+    // right top widget
+    var topWidget = new qx.ui.form.TextArea("Right Top Widget");
+    topWidget.setBackgroundColor(new qx.renderer.color.Color("white"));
+    topWidget.setHeight("100%");
+    topWidget.setWidth("100%");
+
+    // right bottom widget
+    var bottomWidget = new qx.ui.embed.Iframe("http://www.qooxdoo.org");
+    bottomWidget.setHeight("100%");
+    bottomWidget.setWidth("100%");
+
+    // add widgets to right splitpane
+    rightWidget.addTop(topWidget);
+    rightWidget.addBottom(bottomWidget);
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/SplitPane_2.html

@@ -0,0 +1,75 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Test for extra slim Splitpane, with holding knobs.</p>
+  </div>
+
+  <script type="text/javascript">
+
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var frame = new qx.ui.layout.CanvasLayout;
+    frame.setLocation(20, 48);
+    frame.setBottom(48);
+    frame.setRight(300);
+    frame.setBackgroundColor("#134275");
+    frame.setPadding(20);
+    frame.addToDocument();
+
+    // the splitpane itself
+    var splitpane = new qx.ui.splitpane.HorizontalSplitPane("1*", "2*");
+    splitpane.setEdge(0);
+    splitpane.setSplitterSize(1);
+    splitpane.setShowKnob(true);
+    frame.add(splitpane);
+
+    // left Widget
+    var leftWidget = new qx.ui.form.TextArea("LeftWidget");
+    leftWidget.setWrap(true);
+    leftWidget.setBackgroundColor(new qx.renderer.color.Color("white"));
+    leftWidget.setWidth("100%");
+    leftWidget.setHeight("100%");
+
+    // rightWidget (another splitpane)
+    var rightWidget = new qx.ui.splitpane.VerticalSplitPane;
+    rightWidget.setHeight("100%");
+    rightWidget.setWidth("100%");
+    rightWidget.setSplitterSize(1);
+    rightWidget.setShowKnob(true);
+
+
+    // add widgets to splitpane
+    splitpane.addLeft(leftWidget);
+    splitpane.addRight(rightWidget);
+
+
+
+    // right top widget
+    var topWidget = new qx.ui.form.TextArea("Right Top Widget");
+    topWidget.setBackgroundColor(new qx.renderer.color.Color("white"));
+    topWidget.setHeight("100%");
+    topWidget.setWidth("100%");
+
+    // right bottom widget
+    var bottomWidget = new qx.ui.embed.Iframe("http://www.qooxdoo.org");
+    bottomWidget.setHeight("100%");
+    bottomWidget.setWidth("100%");
+
+    // add widgets to right splitpane
+    rightWidget.addTop(topWidget);
+    rightWidget.addBottom(bottomWidget);
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/TabView_1.html

@@ -0,0 +1,152 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Tabbar implementation.</p>
+  </div>
+
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var d = qx.ui.core.ClientDocument.getInstance();
+
+    var tf1 = new qx.ui.pageview.tabview.TabView;
+    tf1.set({ left: 20, top: 48, right: 335, bottom: 48 });
+
+    var t1_1 = new qx.ui.pageview.tabview.Button("Edit");
+    var t1_2 = new qx.ui.pageview.tabview.Button("Find");
+    var t1_3 = new qx.ui.pageview.tabview.Button("Backup");
+
+    t1_1.setChecked(true);
+
+    tf1.getBar().add(t1_1, t1_2, t1_3);
+
+    var p1_1 = new qx.ui.pageview.tabview.Page(t1_1);
+    var p1_2 = new qx.ui.pageview.tabview.Page(t1_2);
+    var p1_3 = new qx.ui.pageview.tabview.Page(t1_3);
+
+    tf1.getPane().add(p1_1, p1_2, p1_3);
+
+    var f2 = new qx.ui.form.TextField("Find Anywhere");
+    var f3 = new qx.ui.form.TextField("Backup Input");
+
+    p1_2.add(f2);
+    p1_3.add(f3);
+
+    var c1 = new qx.ui.form.CheckBox("Place bar on top");
+    var c2 = new qx.ui.form.CheckBox("Align tabs to left");
+
+    c1.setTop(0);
+    c1.setChecked(true);
+
+    c2.setTop(20);
+    c2.setChecked(true);
+
+    p1_1.add(c1, c2);
+
+    c1.addEventListener("changeChecked", function(e) {
+      tf1.setPlaceBarOnTop(e.getData());
+    });
+
+    c2.addEventListener("changeChecked", function(e) {
+      tf1.setAlignTabsToLeft(e.getData());
+    });
+
+
+
+
+    var tf2 = new qx.ui.pageview.tabview.TabView;
+
+    tf2.set({ left: 0, top: 50, right: 0, bottom: 0 });
+
+
+
+    var t2_1 = new qx.ui.pageview.tabview.Button("Search for Files", "icon/16/file-open.png");
+    var t2_2 = new qx.ui.pageview.tabview.Button("Search the Web", "icon/16/network.png");
+    var t2_3 = new qx.ui.pageview.tabview.Button("Search for Text", "icon/16/contents.png");
+    var t2_4 = new qx.ui.pageview.tabview.Button("Search for Persons", "icon/16/emoticon.png");
+    var t2_5 = new qx.ui.pageview.tabview.Button("Search in Mails", "icon/16/mail.png");
+
+    t2_1.setChecked(true);
+
+    tf2.getBar().add(t2_1, t2_2, t2_3, t2_4, t2_5);
+
+    var p2_1 = new qx.ui.pageview.tabview.Page(t2_1);
+    var p2_2 = new qx.ui.pageview.tabview.Page(t2_2);
+    var p2_3 = new qx.ui.pageview.tabview.Page(t2_3);
+    var p2_4 = new qx.ui.pageview.tabview.Page(t2_4);
+    var p2_5 = new qx.ui.pageview.tabview.Page(t2_5);
+
+    tf2.getPane().add(p2_1, p2_2, p2_3, p2_4, p2_5);
+
+    var t2_1 = new qx.ui.form.TextField("Files...");
+    var t2_2 = new qx.ui.form.TextField("Web...");
+    var t2_3 = new qx.ui.form.TextField("Printers...");
+    var t2_4 = new qx.ui.form.TextField("Persons...");
+    var t2_5 = new qx.ui.form.TextField("Mails...");
+
+    t2_1.set({ top: 2, left: 0, width: 140 });
+    t2_2.set({ top: 2, left: 0, width: 140 });
+    t2_3.set({ top: 2, left: 0, width: 140 });
+    t2_4.set({ top: 2, left: 0, width: 140 });
+    t2_5.set({ top: 2, left: 0, width: 140 });
+
+    p2_1.add(t2_1);
+    p2_2.add(t2_2);
+    p2_3.add(t2_3);
+    p2_4.add(t2_4);
+    p2_5.add(t2_5);
+
+    var b2_1 = new qx.ui.form.Button("Search", "icon/16/search.png");
+    var b2_2 = new qx.ui.form.Button("Search", "icon/16/search.png");
+    var b2_3 = new qx.ui.form.Button("Search", "icon/16/search.png");
+    var b2_4 = new qx.ui.form.Button("Search", "icon/16/search.png");
+    var b2_5 = new qx.ui.form.Button("Search", "icon/16/search.png");
+
+    b2_1.set({ top: 0, left: 150 });
+    b2_2.set({ top: 0, left: 150 });
+    b2_3.set({ top: 0, left: 150 });
+    b2_4.set({ top: 0, left: 150 });
+    b2_5.set({ top: 0, left: 150 });
+
+    p2_1.add(b2_1);
+    p2_2.add(b2_2);
+    p2_3.add(b2_3);
+    p2_4.add(b2_4);
+    p2_5.add(b2_5);
+
+    function dosearch(e) {
+      alert("Searching...");
+    };
+
+    b2_1.addEventListener("click", dosearch);
+    b2_2.addEventListener("click", dosearch);
+    b2_3.addEventListener("click", dosearch);
+    b2_4.addEventListener("click", dosearch);
+    b2_5.addEventListener("click", dosearch);
+
+
+
+
+    p1_2.add(tf2);
+
+
+
+
+
+
+    d.add(tf1);
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/TabView_2.html

@@ -0,0 +1,127 @@
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+    <script type="text/javascript" src="../../script/qx.js"></script>
+  </head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Tabbar implementation.</p>
+  </div>
+
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var d = qx.ui.core.ClientDocument.getInstance();
+
+    var tf1 = new qx.ui.pageview.tabview.TabView;
+    tf1.set({ left: 20, top: 48, right: 335, bottom: 48 });
+
+    var t1_1 = new qx.ui.pageview.tabview.Button("Edit");
+    var t1_2 = new qx.ui.pageview.tabview.Button("Find");
+    var t1_3 = new qx.ui.pageview.tabview.Button("Backup");
+    var t1_4 = new qx.ui.pageview.tabview.Button("System");
+    var t1_5 = new qx.ui.pageview.tabview.Button("Tools");
+    var t1_6 = new qx.ui.pageview.tabview.Button("Infos");
+
+    // set tab 1 active
+    t1_1.setChecked(true);    
+    
+    // add close images to tab
+    t1_1.setShowCloseButton(true);
+    t1_2.setShowCloseButton(true);
+    t1_3.setShowCloseButton(true);
+    t1_4.setShowCloseButton(true);
+    t1_5.setShowCloseButton(true);
+    t1_6.setShowCloseButton(true);
+
+    
+    // modify the default images
+    t1_2.setCloseButtonImage("icon/16/error.png");
+    t1_4.setCloseButtonImage("icon/16/apply.png");
+ 
+    // add an eventlistener on the buttons
+    t1_1.addEventListener("closetab", _ontabclose);
+    t1_2.addEventListener("closetab", _ontabclose);
+    t1_3.addEventListener("closetab", _ontabclose);
+    t1_4.addEventListener("closetab", _ontabclose);
+    t1_5.addEventListener("closetab", _ontabclose);
+    t1_6.addEventListener("closetab", _ontabclose);
+    
+    
+    
+    // this handler gets called if a tab-button fires a "closetab" event
+    function _ontabclose(e){
+      var btn = e.getData();
+      
+      var pagesArray = tf1.getPane().getChildren();
+      var pageSearched = null;
+      
+      for(var i = 0, l = pagesArray.length; i < l; i++){
+        var tmpPage = pagesArray[i];
+        if(tmpPage.getButton() === btn){
+          pageSearched = tmpPage;
+        }
+      }
+      if(pageSearched){
+
+        var itemsList = tf1.getBar().getChildren();
+        var lengthList = itemsList.length;    
+        var btnIndex = itemsList.indexOf(btn);
+      
+  // never remove the last tab
+        if( lengthList > 1 ) { 
+
+          // Select another tab
+          if (btnIndex < lengthList-1 ){
+            itemsList[btnIndex+1].setChecked(true);
+          }
+          else {
+            itemsList[btnIndex-1].setChecked(true);
+          }         
+          
+          btn.getManager().remove(btn);
+          tf1.getBar().remove(btn);
+          
+          tf1.getPane().remove(pageSearched);
+          
+          pageSearched.dispose();
+          btn.dispose();
+        } else {
+    alert("Last Tab won't be removed!");
+  }
+      }
+     
+      e.stopPropagation();
+    }
+    
+    tf1.getBar().add(t1_1, t1_2, t1_3, t1_4, t1_5, t1_6);
+
+    var p1_1 = new qx.ui.pageview.tabview.Page(t1_1);
+    var p1_2 = new qx.ui.pageview.tabview.Page(t1_2);
+    var p1_3 = new qx.ui.pageview.tabview.Page(t1_3);
+    var p1_4 = new qx.ui.pageview.tabview.Page(t1_4);
+    var p1_5 = new qx.ui.pageview.tabview.Page(t1_5);
+    var p1_6 = new qx.ui.pageview.tabview.Page(t1_6);
+
+    p1_1.setBackgroundColor("green");
+    p1_2.setBackgroundColor("red");
+    p1_3.setBackgroundColor("blue");
+    p1_4.setBackgroundColor("black");
+    p1_5.setBackgroundColor("yellow");
+    p1_6.setBackgroundColor("orange");
+    
+    tf1.getPane().add(p1_1, p1_2, p1_3, p1_4, p1_5, p1_6);
+
+    d.add(tf1);
+    
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Table_1.html

@@ -0,0 +1,107 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>A table with virtual scrolling, model-view-controller, renderers,
+      editing, sorting, column resizing, column reordering,
+      column hiding.</p>
+  </div>
+
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var d = qx.ui.core.ClientDocument.getInstance();
+
+    var main = new qx.ui.layout.VerticalBoxLayout();
+    main.set({ left:10, top:30, right:300, bottom:30, spacing:5 });
+
+    var nextId = 0;
+    var createRandomRows = function(rowCount) {
+      var rowData = [];
+      var now = new Date().getTime();
+      var dateRange = 400 * 24 * 60 * 60 * 1000; // 400 days
+      for (var row = 0; row < rowCount; row++) {
+        var date = new Date(now + Math.random() * dateRange - dateRange / 2);
+        rowData.push([ nextId++, Math.random() * 10000, date, (Math.random() > 0.5) ]);
+      }
+      return rowData;
+    };
+
+    // Create the initial data
+    var rowData = createRandomRows(50);
+
+    // Add some encoding relevant stuff
+    rowData[15][1] = "<b>A html &amp; entities escaping test</b>";
+
+    // table model
+    var tableModel = new qx.ui.table.SimpleTableModel();
+    tableModel.setColumns([ "ID", "A number", "A date", "Boolean test" ]);
+    tableModel.setData(rowData);
+    tableModel.setColumnEditable(1, true);
+    tableModel.setColumnEditable(2, true);
+
+    // table
+    var table = new qx.ui.table.Table(tableModel);
+    with (table) {
+      set({ width:"100%", height:"1*", border:qx.renderer.border.BorderPresets.getInstance().thinInset });
+      getSelectionModel().setSelectionMode(qx.ui.table.SelectionModel.MULTIPLE_INTERVAL_SELECTION);
+      getTableColumnModel().setDataCellRenderer(3, new qx.ui.table.BooleanDataCellRenderer());
+      setColumnWidth(0, 80);
+      setColumnWidth(1, 200);
+      setColumnWidth(2, 150);
+    };
+    main.add(table);
+
+    var buttonBar = new qx.ui.layout.HorizontalBoxLayout();
+    buttonBar.set({ width:"100%", height:"auto", spacing:5 });
+    main.add(buttonBar);
+
+    var button = new qx.ui.form.Button("Change row with ID 10");
+    button.addEventListener("execute", function(evt) {
+      var rowData = createRandomRows(1);
+      for (var i = 1; i < tableModel.getColumnCount(); i++) {
+        tableModel.setValue(i, 10, rowData[0][i]);
+      }
+      this.info("Row 10 changed");
+    });
+    buttonBar.add(button);
+
+    var button = new qx.ui.form.Button("Add 10 rows");
+    button.addEventListener("execute", function(evt) {
+      var rowData = createRandomRows(10);
+      tableModel.addRows(rowData);
+      this.info("10 rows added");
+    });
+    buttonBar.add(button);
+
+    var button = new qx.ui.form.Button("Remove 5 rows");
+    button.addEventListener("execute", function(evt) {
+      var rowCount = tableModel.getRowCount();
+      tableModel.removeRows(rowCount-5, 5);
+      this.info("5 rows removed");
+    });
+    buttonBar.add(button);
+
+    var checkBox = new qx.ui.form.CheckBox("keepFirstVisibleRowComplete", null, null, table.getKeepFirstVisibleRowComplete());
+    checkBox.setToolTip(new qx.ui.popup.ToolTip("Whether the the first visible row should be rendered completely when scrolling."));
+    checkBox.addEventListener("changeChecked", function(evt) {
+      table.setKeepFirstVisibleRowComplete(checkBox.getChecked());
+      this.info("Set keepFirstVisibleRowComplete to: " + checkBox.getChecked());
+    });
+    buttonBar.add(checkBox);
+
+    d.add(main);
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Table_2.html

@@ -0,0 +1,50 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>A table with fixed columns.</p>
+  </div>
+
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var d = qx.ui.core.ClientDocument.getInstance();
+
+    // table model
+    var tableModel = new qx.ui.table.SimpleTableModel();
+    tableModel.setColumns([ "ID", "A number", "A date", "Boolean test" ]);
+    var rowData = [];
+    var now = new Date().getTime();
+    var dateRange = 400 * 24 * 60 * 60 * 1000; // 400 days
+    for (var row = 0; row < 100; row++) {
+      var date = new Date(now + Math.random() * dateRange - dateRange / 2);
+      rowData.push([ row, Math.random() * 10000, date, (Math.random() > 0.5) ]);
+    }
+    tableModel.setData(rowData);
+    tableModel.setColumnEditable(1, true);
+    tableModel.setColumnEditable(2, true);
+
+    // table
+    var table = new qx.ui.table.Table(tableModel);
+    with (table) {
+      set({ left:10, top:30, width:350, height:300, border:qx.renderer.border.BorderPresets.getInstance().thinInset });
+      setMetaColumnCounts([1, -1]);
+      getSelectionModel().setSelectionMode(qx.ui.table.SelectionModel.MULTIPLE_INTERVAL_SELECTION);
+      getTableColumnModel().setDataCellRenderer(3, new qx.ui.table.BooleanDataCellRenderer());
+    };
+
+    d.add(table);
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ToolBar_1.html

@@ -0,0 +1,252 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Introduce all classes needed for creating real qx.ui.toolbar.ToolBars. This includes qx.ui.toolbar.ToolBars,
+    qx.ui.toolbar.ToolBarParts, qx.ui.toolbar.Separator and qx.ui.toolbar.ToolBarButtons.</p>
+
+    <p>The qx.ui.toolbar.ToolBarButtons and QxRadioButtons in this example are beautifully
+    decoupled by "global" qx.event.type.DataEvent.</p>
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var d = qx.ui.core.ClientDocument.getInstance();
+
+      var tb = new qx.ui.toolbar.ToolBar;
+      with(tb)
+      {
+        setTop(48);
+        setLeft(20);
+        setRight(335);
+        
+        // setWidth("auto");
+      };
+
+      var btns1 = [
+        { type : "button", icon : "file-new", text : "New" },
+        { type : "separator" },
+        { type : "button", icon : "edit-copy", text : "Copy" },
+        { type : "button", icon : "edit-cut", text : "Cut" },
+        { type : "button", icon : "edit-paste", text : "Paste" }
+      ];
+
+      var btns2 = [
+        { type : "button", icon : "up", text : "Upload" },
+        { type : "button", icon : "down", text : "Download" }
+      ];
+
+      var btns3 = [
+        { type : "button", icon : "help", text : "Help" }
+      ];
+
+      var bars = [ btns1, btns2, btns3 ];
+
+      function changeLayout(e) {
+        this.setShow(e.getData());
+      };
+      
+      function changeSize(e) {
+        var v = e.getData();
+        var o = v == 22 ? 32 : 22;
+        
+        this.setIcon(this.getIcon().replace(o, v));
+      };      
+      
+      function buttonExecute() { this.debug("Executed: " + this.getLabel()); };
+
+      var useParts = true;
+
+
+      for (var j=0; j<bars.length; j++)
+      {
+        var btns = bars[j];
+
+        if (useParts) {
+          var tbp = new qx.ui.toolbar.Part;
+        };
+
+        for (var i=0; i<btns.length; i++)
+        {
+          var btn = btns[i];
+
+          switch(btn.type)
+          {
+            case "separator":
+              var o = new qx.ui.toolbar.Separator;
+              break;
+
+            case "button":
+              var o = new qx.ui.toolbar.Button(btn.text, "icon/22/" + btn.icon + ".png");
+
+              // beautiful decoupling: toolbar buttons don't know about radio boxes
+
+              d.addEventListener("changeLayout", changeLayout, o);
+              d.addEventListener("changeSize", changeSize, o);
+              
+              o.addEventListener("execute", buttonExecute);
+              break;
+          };
+
+          if (useParts)
+          {
+            tbp.add(o);
+          }
+          else
+          {
+            tb.add(o);
+          };
+        };
+
+        if (useParts) {
+          tb.add(tbp);
+        };
+      };
+
+      d.add(tb);
+
+
+
+
+
+
+      var rd1 = new qx.ui.form.RadioButton("Show Icons and Label", "both");
+      var rd2 = new qx.ui.form.RadioButton("Show Icons", "icon");
+      var rd3 = new qx.ui.form.RadioButton("Show Label", "label");
+
+      with(rd1)
+      {
+        setTop(140);
+        setLeft(20);
+        setChecked(true);
+      };
+
+      with(rd2)
+      {
+        setTop(160);
+        setLeft(20);
+      };
+
+      with(rd3)
+      {
+        setTop(180);
+        setLeft(20);
+      };
+
+
+      var rbm = new qx.manager.selection.RadioManager();
+
+      rbm.add(rd1);
+      rbm.add(rd2);
+      rbm.add(rd3);
+
+
+      // beautiful decoupling: radio boxes don't know about toolbar buttons
+      rbm.addEventListener("changeSelected", function(e) {
+        d.dispatchEvent( new qx.event.type.DataEvent("changeLayout", e.getData().getValue() ) );
+      });
+
+      d.add(rd1, rd2, rd3);
+
+
+
+      // Alignment
+      var ra1 = new qx.ui.form.RadioButton("Left Aligned", "left");
+      var ra2 = new qx.ui.form.RadioButton("Centered", "center");
+      var ra3 = new qx.ui.form.RadioButton("Right Aligned", "right");
+
+      with(ra1)
+      {
+        setTop(140);
+        setLeft(220);
+        setChecked(true);
+      };
+
+      with(ra2)
+      {
+        setTop(160);
+        setLeft(220);
+      };
+
+      with(ra3)
+      {
+        setTop(180);
+        setLeft(220);
+      };
+
+
+      var ram = new qx.manager.selection.RadioManager();
+
+      ram.add(ra1);
+      ram.add(ra2);
+      ram.add(ra3);
+
+      d.add(ra1, ra2, ra3);
+
+      ram.addEventListener("changeSelected", function(e) {
+        tb.setHorizontalChildrenAlign(e.getData().getValue());
+      });
+
+
+
+
+      // Icon Sizes
+      var b3 = new qx.ui.form.Button("Icons: 22 Pixel", "icon/16/colors.png");
+
+      with(b3)
+      {
+        setTop(140);
+        setLeft(420);
+        setHorizontalAlign("center");
+      };
+
+      b3.addEventListener("execute", function(e) {
+        d.dispatchEvent(new qx.event.type.DataEvent("changeSize", 22));
+      });
+
+      var b4 = new qx.ui.form.Button("Icons: 32 Pixel", "icon/16/colors.png");
+
+      with(b4)
+      {
+        setTop(170);
+        setLeft(420);
+        setHorizontalAlign("center");
+      };
+
+      b4.addEventListener("execute", function(e) {
+        d.dispatchEvent(new qx.event.type.DataEvent("changeSize", 32));
+      });
+
+      d.add(b3, b4);
+      
+      
+      
+      
+
+      // Icon & Color Themes
+      qx.manager.object.ImageManager.getInstance().createThemeList(d, 20, 248);
+      qx.manager.object.ColorManager.getInstance().createThemeList(d, 220, 248);
+       
+
+     
+      /*
+      Test for cloning support
+      
+      tb2 = tb.clone(true);
+      tb2.setTop(400);
+      */
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ToolBar_2.html

@@ -0,0 +1,269 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Introducing qx.ui.toolbar.CheckBox and qx.ui.toolbar.RadioButton.</p>
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var d = qx.ui.core.ClientDocument.getInstance();
+
+      function changeLayout(e) {
+        this.setShow(e.getData());
+      };
+
+      function changeSize(e) {
+        var v = e.getData();
+        var o = v == 22 ? 32 : 22;
+
+        this.setIcon(this.getIcon().replace(o, v));
+      };
+
+      var tb = new qx.ui.toolbar.ToolBar;
+      with(tb)
+      {
+        setTop(48);
+        setLeft(20);
+        setRight(335);
+        setParent(d);
+      };
+
+
+      var tbp1 = new qx.ui.toolbar.Part;
+      tb.add(tbp1);
+
+      var tbp2 = new qx.ui.toolbar.Part;
+      tb.add(tbp2);
+
+      var tbp3 = new qx.ui.toolbar.Part;
+      tb.add(tbp3);
+
+      var tbp4 = new qx.ui.toolbar.Part;
+      tb.add(tbp4);
+
+
+
+      // Default
+      var tbd1 = new qx.ui.toolbar.Button("Default", "icon/22/file-new.png");
+      tbp1.add(tbd1);
+      d.addEventListener("changeLayout", changeLayout, tbd1);
+      d.addEventListener("changeSize", changeSize, tbd1);
+
+      tbd1._marker = true;
+
+      tbp1.setDisplay(false);
+      tbd1.setDisplay(false);
+
+
+
+      // Checkbox
+      var tbc1 = new qx.ui.toolbar.CheckBox("Check", "icon/22/configure.png", true);
+      tbp2.add(tbc1);
+      d.addEventListener("changeLayout", changeLayout, tbc1);
+      d.addEventListener("changeSize", changeSize, tbc1);
+
+
+
+      // Radio
+      var tbr1 = new qx.ui.toolbar.RadioButton("Radio1", "icon/22/view-choose.png");
+      tbp3.add(tbr1);
+      d.addEventListener("changeLayout", changeLayout, tbr1);
+      d.addEventListener("changeSize", changeSize, tbr1);
+
+      var tbr2 = new qx.ui.toolbar.RadioButton("Radio2", "icon/22/view-detailed.png", true);
+      tbp3.add(tbr2);
+      d.addEventListener("changeLayout", changeLayout, tbr2);
+      d.addEventListener("changeSize", changeSize, tbr2);
+
+      var tbr3 = new qx.ui.toolbar.RadioButton("Radio3", "icon/22/view-icon.png");
+      tbp3.add(tbr3);
+      d.addEventListener("changeLayout", changeLayout, tbr3);
+      d.addEventListener("changeSize", changeSize, tbr3);
+
+      // Radio Mananger
+      var tbr_manager = new qx.manager.selection.RadioManager(null, [tbr1, tbr2, tbr3]);
+
+
+
+
+      // Radio
+      var tbs1 = new qx.ui.toolbar.RadioButton("Radio1", "icon/22/view-choose.png");
+      tbp4.add(tbs1);
+      tbs1.setDisableUncheck(true);
+      d.addEventListener("changeLayout", changeLayout, tbs1);
+      d.addEventListener("changeSize", changeSize, tbs1);
+
+      var tbs2 = new qx.ui.toolbar.RadioButton("Radio2", "icon/22/view-detailed.png", true);
+      tbp4.add(tbs2);
+      tbs2.setDisableUncheck(true);
+      d.addEventListener("changeLayout", changeLayout, tbs2);
+      d.addEventListener("changeSize", changeSize, tbs2);
+
+      var tbs3 = new qx.ui.toolbar.RadioButton("Radio3", "icon/22/view-icon.png");
+      tbp4.add(tbs3);
+      tbs3.setDisableUncheck(true);
+      d.addEventListener("changeLayout", changeLayout, tbs3);
+      d.addEventListener("changeSize", changeSize, tbs3);
+
+      // Radio Mananger
+      var tbs_manager = new qx.manager.selection.RadioManager(null, [tbs1, tbs2, tbs3]);
+
+
+
+
+      var rd1 = new qx.ui.form.RadioButton("Show Icons and Label", "both");
+      var rd2 = new qx.ui.form.RadioButton("Show Icons", "icon");
+      var rd3 = new qx.ui.form.RadioButton("Show Label", "label");
+
+      with(rd1)
+      {
+        setTop(140);
+        setLeft(20);
+      };
+
+      with(rd2)
+      {
+        setTop(160);
+        setLeft(20);
+      };
+
+      with(rd3)
+      {
+        setTop(180);
+        setLeft(20);
+      };
+
+
+      var rbm = new qx.manager.selection.RadioManager();
+
+      rbm.add(rd1);
+      rbm.add(rd2);
+      rbm.add(rd3);
+
+      // beautiful decoupling: radio boxes don't know about toolbar buttons
+      rbm.addEventListener("changeSelected", function(e)
+      {
+        d.dispatchEvent( new qx.event.type.DataEvent("changeLayout", e.getData().getValue() ) );
+      });
+
+      d.add(rd1, rd2, rd3);
+
+
+      // apply default layout
+      rd1.setChecked(true);
+
+
+
+
+
+      // Alignment
+      var ra1 = new qx.ui.form.RadioButton("Left Aligned", "left");
+      var ra2 = new qx.ui.form.RadioButton("Centered", "center");
+      var ra3 = new qx.ui.form.RadioButton("Right Aligned", "right");
+
+      with(ra1)
+      {
+        setTop(140);
+        setLeft(220);
+        setChecked(true);
+      };
+
+      with(ra2)
+      {
+        setTop(160);
+        setLeft(220);
+      };
+
+      with(ra3)
+      {
+        setTop(180);
+        setLeft(220);
+      };
+
+
+      var ram = new qx.manager.selection.RadioManager();
+
+      ram.add(ra1);
+      ram.add(ra2);
+      ram.add(ra3);
+
+      d.add(ra1, ra2, ra3);
+
+      ram.addEventListener("changeSelected", function(e) {
+        tb.setHorizontalChildrenAlign(e.getData().getValue());
+      });
+
+
+
+
+      // Icon Sizes
+      var b3 = new qx.ui.form.Button("Icons: 22 Pixel", "icon/16/colors.png");
+
+      with(b3)
+      {
+        setTop(140);
+        setLeft(420);
+        setHorizontalAlign("center");
+      };
+
+      b3.addEventListener("execute", function(e) {
+        d.dispatchEvent(new qx.event.type.DataEvent("changeSize", 22));
+      });
+
+      var b4 = new qx.ui.form.Button("Icons: 32 Pixel", "icon/16/colors.png");
+
+      with(b4)
+      {
+        setTop(170);
+        setLeft(420);
+        setHorizontalAlign("center");
+      };
+
+      b4.addEventListener("execute", function(e) {
+        d.dispatchEvent(new qx.event.type.DataEvent("changeSize", 32));
+      });
+
+      d.add(b3, b4);
+
+
+
+
+
+
+      var chkShowBtn1 = new qx.ui.form.CheckBox("Show First Button");
+
+      chkShowBtn1.setLocation(20, 500);
+      chkShowBtn1.addEventListener("changeChecked", function(e) {
+        tbd1.setDisplay(e.getData());
+      });
+
+      var chkShowPart1 = new qx.ui.form.CheckBox("Show First Part");
+
+      chkShowPart1.setLocation(220, 500);
+      chkShowPart1.addEventListener("changeChecked", function(e) {
+        tbp1.setDisplay(e.getData());
+      });
+
+      d.add(chkShowBtn1, chkShowPart1);
+
+
+
+      // Icon & Color Themes
+      qx.manager.object.ImageManager.getInstance().createThemeList(d, 20, 248);
+      qx.manager.object.ColorManager.getInstance().createThemeList(d, 220, 248);
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ToolBar_3.html

@@ -0,0 +1,184 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Again a nice example which shows how to use qx.ui.toolbar.ToolBar as a menubar system.</p>
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var d = qx.ui.core.ClientDocument.getInstance();
+      
+      var c1 = new qx.client.Command();
+      c1.addEventListener("execute", function(e) {
+        this.debug("Execute: " + e.getData().getLabel());
+      });
+      
+      
+      
+
+      var m1 = new qx.ui.menu.Menu;
+      
+      var mb1_01 = new qx.ui.menu.Button("New", null, c1);
+      var mb1_02 = new qx.ui.menu.Button("Open", null, c1);
+      var mb1_03 = new qx.ui.menu.Button("Save", null, c1);
+      var mb1_04 = new qx.ui.menu.Button("Save as", null, c1);
+      var mb1_05 = new qx.ui.menu.Button("Close", null, c1);
+      var mb1_06 = new qx.ui.menu.Button("Restore last saved", null, c1);
+      
+      m1.add(mb1_01, mb1_02, mb1_03, mb1_04, mb1_05, mb1_06);
+
+
+      var m2 = new qx.ui.menu.Menu;
+
+      var mb2_01 = new qx.ui.menu.Button("Undo", null, c1);
+      var mb2_02 = new qx.ui.menu.Button("Redo", null, c1);
+      var mb2_b1 = new qx.ui.menu.Separator();
+      var mb2_03 = new qx.ui.menu.Button("Cut", "icon/16/edit-cut.png", c1);
+      var mb2_04 = new qx.ui.menu.Button("Copy", "icon/16/edit-copy.png", c1);
+      var mb2_05 = new qx.ui.menu.Button("Paste", "icon/16/edit-paste.png", c1);
+      var mb2_06 = new qx.ui.menu.Button("Delete", "icon/16/edit-delete.png", c1);
+      var mb2_b2 = new qx.ui.menu.Separator();
+      var mb2_07 = new qx.ui.menu.Button("Select All", null, c1);
+      var mb2_08 = new qx.ui.menu.Button("Find", null, c1);
+      var mb2_09 = new qx.ui.menu.Button("Find Again", null, c1);
+      
+      
+      
+
+      mb2_05.setEnabled(false);
+      mb2_06.setEnabled(false);
+      mb2_09.setEnabled(false);
+      
+      m2.add(mb2_01, mb2_02, mb2_b1, mb2_03, mb2_04, mb2_05, mb2_06, mb2_b2, mb2_07, mb2_08, mb2_09);
+
+
+      var m3 = new qx.ui.menu.Menu;
+      var m3_suba = new qx.ui.menu.Menu;
+      var m3_subb = new qx.ui.menu.Menu;
+      var m3_subc = new qx.ui.menu.Menu;
+      var m3_subd = new qx.ui.menu.Menu;
+
+      var mb3_01 = new qx.ui.menu.CheckBox("File List", c1, false);
+      var mb3_02 = new qx.ui.menu.CheckBox("Syntax Highlighting", c1, true);
+      var mb3_03 = new qx.ui.menu.CheckBox("Statusbar", c1, true);
+      var mb3_b1 = new qx.ui.menu.Separator();
+      var mb3_04 = new qx.ui.menu.Button("Printer Font", null, null, m3_suba);
+      var mb3_05 = new qx.ui.menu.Button("Editor Font", null, null, m3_subb);
+      var mb3_06 = new qx.ui.menu.Button("Export Font", null, null, m3_subc);
+      var mb3_b2 = new qx.ui.menu.Separator();
+      var mb3_07 = new qx.ui.menu.Button("Advanced", null, null, m3_subd);
+      
+      m3.add(mb3_01, mb3_02, mb3_03, mb3_b1, mb3_04, mb3_05, mb3_06, mb3_b2, mb3_07);
+      
+      var mb3_suba_01 = new qx.ui.menu.Button("Tahoma, 11pt", null, c1);
+      var mb3_suba_02 = new qx.ui.menu.Button("Tahoma, 12pt", null, c1);
+      var mb3_suba_03 = new qx.ui.menu.Button("Tahoma, 13pt", null, c1);
+      var mb3_suba_04 = new qx.ui.menu.Button("Tahoma, 14pt", null, c1);
+      var mb3_suba_05 = new qx.ui.menu.Button("Tahoma, 15pt", null, c1);
+
+      m3_suba.add(mb3_suba_01, mb3_suba_02, mb3_suba_03, mb3_suba_04, mb3_suba_05);      
+      
+      var mb3_subb_01 = new qx.ui.menu.Button("Verdana, 11pt", null, c1);
+      var mb3_subb_02 = new qx.ui.menu.Button("Verdana, 12pt", null, c1);
+      var mb3_subb_03 = new qx.ui.menu.Button("Verdana, 13pt", null, c1);
+      var mb3_subb_04 = new qx.ui.menu.Button("Verdana, 14pt", null, c1);
+      var mb3_subb_05 = new qx.ui.menu.Button("Verdana, 15pt", null, c1);
+
+      m3_subb.add(mb3_subb_01, mb3_subb_02, mb3_subb_03, mb3_subb_04, mb3_subb_05);      
+
+      var mb3_subc_01 = new qx.ui.menu.Button("Courier, 11pt", null, c1);
+      var mb3_subc_02 = new qx.ui.menu.Button("Courier, 12pt", null, c1);
+      var mb3_subc_03 = new qx.ui.menu.Button("Courier, 13pt", null, c1);
+      var mb3_subc_04 = new qx.ui.menu.Button("Courier, 14pt", null, c1);
+      var mb3_subc_05 = new qx.ui.menu.Button("Courier, 15pt", null, c1);
+
+      m3_subc.add(mb3_subc_01, mb3_subc_02, mb3_subc_03, mb3_subc_04, mb3_subc_05);      
+      
+      var mb3_subd_02_suba = new qx.ui.menu.Menu();
+      
+      var mb3_subd_02_suba_01 = new qx.ui.menu.Button("First", null, c1);
+      var mb3_subd_02_suba_02 = new qx.ui.menu.Button("Second", null, c1);
+      var mb3_subd_02_suba_03 = new qx.ui.menu.Button("Third", null, c1);
+      
+      mb3_subd_02_suba.add(mb3_subd_02_suba_01, mb3_subd_02_suba_02, mb3_subd_02_suba_03);
+      
+      var mb3_subd_01 = new qx.ui.menu.Button("First", null, c1);
+      var mb3_subd_02 = new qx.ui.menu.Button("Second", null, c1, mb3_subd_02_suba);
+      var mb3_subd_03 = new qx.ui.menu.Button("Third", null, c1);
+
+      m3_subd.add(mb3_subd_01, mb3_subd_02, mb3_subd_03);
+      
+      var m4 = new qx.ui.menu.Menu;
+      
+      var m4_suba = new qx.ui.menu.Menu;      
+
+      var mb4_01 = new qx.ui.menu.Button("View", null, c1, m4_suba);
+      var mb4_b1 = new qx.ui.menu.Separator();
+      var mb4_02 = new qx.ui.menu.Button("Editor Preferences...", null, c1);
+      var mb4_03 = new qx.ui.menu.Button("Editor Extensions", null, c1);
+      var mb4_04 = new qx.ui.menu.Button("Framework Preferences", null, c1);
+
+      m4.add(mb4_01, mb4_b1, mb4_02, mb4_03, mb4_04);
+      
+      var mb4_suba_01 = new qx.ui.menu.Button("New Window", null, c1);
+      var mb4_suba_b1 = new qx.ui.menu.Separator();
+      var mb4_suba_02 = new qx.ui.menu.RadioButton("Overlapping", c1, true);
+      var mb4_suba_03 = new qx.ui.menu.RadioButton("Split Horizontally", c1);
+      var mb4_suba_04 = new qx.ui.menu.RadioButton("Split Vertically", c1);
+      var mb4_suba_b2 = new qx.ui.menu.Separator();
+      var mb4_suba_05 = new qx.ui.menu.Button("Next Window", null, c1);
+      var mb4_suba_06 = new qx.ui.menu.Button("Previous Window", null, c1);
+
+      m4_suba.add(mb4_suba_01, mb4_suba_b1, mb4_suba_02, mb4_suba_03, mb4_suba_04, mb4_suba_b2, mb4_suba_05, mb4_suba_06);
+
+      var mb4_manager = new qx.manager.selection.RadioManager("windowMode", [ mb4_suba_02, mb4_suba_03, mb4_suba_04 ]);
+
+ 
+      var m5 = new qx.ui.menu.Menu;
+      
+      var mb5_01 = new qx.ui.menu.Button("Help", null, c1);
+      var mb5_02 = new qx.ui.menu.Button("About", null, c1);
+      
+      m5.add(mb5_01, mb5_02);
+      
+      d.add(m1, m2, m3, m3_suba, m3_subb, m3_subc, m3_subd, mb3_subd_02_suba, m4, m4_suba, m5);
+
+
+      var mb1 = new qx.ui.toolbar.ToolBar;
+      
+      mb1.setTop(48);
+      mb1.setRight(335);
+      mb1.setLeft(20);      
+      
+      var mbb1 = new qx.ui.toolbar.MenuButton("File", m1);
+      var mbb2 = new qx.ui.toolbar.MenuButton("Edit", m2);
+      var mbb3 = new qx.ui.toolbar.MenuButton("View", m3);
+      var mbb4 = new qx.ui.toolbar.MenuButton("Options", m4);
+      var mbb5 = new qx.ui.toolbar.MenuButton("Help", m5);
+            
+      mb1.add(mbb1, mbb2, mbb3, mbb4, mbb5);
+      
+      d.add(mb1);
+      
+      
+      
+
+      // Icon & Color Themes
+      qx.manager.object.ImageManager.getInstance().createThemeList(d, 20, 348);
+      qx.manager.object.ColorManager.getInstance().createThemeList(d, 220, 348);      
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ToolBar_4.html

@@ -0,0 +1,196 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Again a nice example which shows how to use qx.ui.toolbar.ToolBar as a menubar system.</p>
+    <p>Added some parts and a new flex zone which aligns the help button to the right edge</p>
+    <p>Added some image and a qx.ui.toolbar.CheckBox, you can event combine all these features as you can easily see here.</p>
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var d = qx.ui.core.ClientDocument.getInstance();
+
+      var c1 = new qx.client.Command();
+      c1.addEventListener("execute", function(e) {
+        this.debug("Execute: " + e.getData().getLabel());
+      });
+
+
+
+
+      var m1 = new qx.ui.menu.Menu;
+
+      var mb1_01 = new qx.ui.menu.Button("New", null, c1);
+      var mb1_02 = new qx.ui.menu.Button("Open", null, c1);
+      var mb1_03 = new qx.ui.menu.Button("Save", null, c1);
+      var mb1_04 = new qx.ui.menu.Button("Save as", null, c1);
+      var mb1_05 = new qx.ui.menu.Button("Close", null, c1);
+      var mb1_06 = new qx.ui.menu.Button("Restore last saved", null, c1);
+
+      m1.add(mb1_01, mb1_02, mb1_03, mb1_04, mb1_05, mb1_06);
+
+
+      var m2 = new qx.ui.menu.Menu;
+
+      var mb2_01 = new qx.ui.menu.Button("Undo", null, c1);
+      var mb2_02 = new qx.ui.menu.Button("Redo", null, c1);
+      var mb2_b1 = new qx.ui.menu.Separator();
+      var mb2_03 = new qx.ui.menu.Button("Cut", "icon/16/edit-cut.png", c1);
+      var mb2_04 = new qx.ui.menu.Button("Copy", "icon/16/edit-copy.png", c1);
+      var mb2_05 = new qx.ui.menu.Button("Paste", "icon/16/edit-paste.png", c1);
+      var mb2_06 = new qx.ui.menu.Button("Delete", "icon/16/edit-delete.png", c1);
+      var mb2_b2 = new qx.ui.menu.Separator();
+      var mb2_07 = new qx.ui.menu.Button("Select All", null, c1);
+      var mb2_08 = new qx.ui.menu.Button("Find", null, c1);
+      var mb2_09 = new qx.ui.menu.Button("Find Again", null, c1);
+
+
+
+
+      mb2_05.setEnabled(false);
+      mb2_06.setEnabled(false);
+      mb2_09.setEnabled(false);
+
+      m2.add(mb2_01, mb2_02, mb2_b1, mb2_03, mb2_04, mb2_05, mb2_06, mb2_b2, mb2_07, mb2_08, mb2_09);
+
+
+      var m3 = new qx.ui.menu.Menu;
+      var m3_suba = new qx.ui.menu.Menu;
+      var m3_subb = new qx.ui.menu.Menu;
+      var m3_subc = new qx.ui.menu.Menu;
+      var m3_subd = new qx.ui.menu.Menu;
+
+      var mb3_01 = new qx.ui.menu.CheckBox("File List", c1, false);
+      var mb3_02 = new qx.ui.menu.CheckBox("Syntax Highlighting", c1, true);
+      var mb3_03 = new qx.ui.menu.CheckBox("Statusbar", c1, true);
+      var mb3_b1 = new qx.ui.menu.Separator();
+      var mb3_04 = new qx.ui.menu.Button("Printer Font", null, null, m3_suba);
+      var mb3_05 = new qx.ui.menu.Button("Editor Font", null, null, m3_subb);
+      var mb3_06 = new qx.ui.menu.Button("Export Font", null, null, m3_subc);
+      var mb3_b2 = new qx.ui.menu.Separator();
+      var mb3_07 = new qx.ui.menu.Button("Advanced", null, null, m3_subd);
+
+      m3.add(mb3_01, mb3_02, mb3_03, mb3_b1, mb3_04, mb3_05, mb3_06, mb3_b2, mb3_07);
+
+      var mb3_suba_01 = new qx.ui.menu.Button("Tahoma, 11pt", null, c1);
+      var mb3_suba_02 = new qx.ui.menu.Button("Tahoma, 12pt", null, c1);
+      var mb3_suba_03 = new qx.ui.menu.Button("Tahoma, 13pt", null, c1);
+      var mb3_suba_04 = new qx.ui.menu.Button("Tahoma, 14pt", null, c1);
+      var mb3_suba_05 = new qx.ui.menu.Button("Tahoma, 15pt", null, c1);
+
+      m3_suba.add(mb3_suba_01, mb3_suba_02, mb3_suba_03, mb3_suba_04, mb3_suba_05);
+
+      var mb3_subb_01 = new qx.ui.menu.Button("Verdana, 11pt", null, c1);
+      var mb3_subb_02 = new qx.ui.menu.Button("Verdana, 12pt", null, c1);
+      var mb3_subb_03 = new qx.ui.menu.Button("Verdana, 13pt", null, c1);
+      var mb3_subb_04 = new qx.ui.menu.Button("Verdana, 14pt", null, c1);
+      var mb3_subb_05 = new qx.ui.menu.Button("Verdana, 15pt", null, c1);
+
+      m3_subb.add(mb3_subb_01, mb3_subb_02, mb3_subb_03, mb3_subb_04, mb3_subb_05);
+
+      var mb3_subc_01 = new qx.ui.menu.Button("Courier, 11pt", null, c1);
+      var mb3_subc_02 = new qx.ui.menu.Button("Courier, 12pt", null, c1);
+      var mb3_subc_03 = new qx.ui.menu.Button("Courier, 13pt", null, c1);
+      var mb3_subc_04 = new qx.ui.menu.Button("Courier, 14pt", null, c1);
+      var mb3_subc_05 = new qx.ui.menu.Button("Courier, 15pt", null, c1);
+
+      m3_subc.add(mb3_subc_01, mb3_subc_02, mb3_subc_03, mb3_subc_04, mb3_subc_05);
+
+      var mb3_subd_02_suba = new qx.ui.menu.Menu();
+
+      var mb3_subd_02_suba_01 = new qx.ui.menu.Button("First", null, c1);
+      var mb3_subd_02_suba_02 = new qx.ui.menu.Button("Second", null, c1);
+      var mb3_subd_02_suba_03 = new qx.ui.menu.Button("Third", null, c1);
+
+      mb3_subd_02_suba.add(mb3_subd_02_suba_01, mb3_subd_02_suba_02, mb3_subd_02_suba_03);
+
+      var mb3_subd_01 = new qx.ui.menu.Button("First", null, c1);
+      var mb3_subd_02 = new qx.ui.menu.Button("Second", null, c1, mb3_subd_02_suba);
+      var mb3_subd_03 = new qx.ui.menu.Button("Third", null, c1);
+
+      m3_subd.add(mb3_subd_01, mb3_subd_02, mb3_subd_03);
+
+      var m4 = new qx.ui.menu.Menu;
+
+      var m4_suba = new qx.ui.menu.Menu;
+
+      var mb4_01 = new qx.ui.menu.Button("View", null, c1, m4_suba);
+      var mb4_b1 = new qx.ui.menu.Separator();
+      var mb4_02 = new qx.ui.menu.Button("Editor Preferences...", null, c1);
+      var mb4_03 = new qx.ui.menu.Button("Editor Extensions", null, c1);
+      var mb4_04 = new qx.ui.menu.Button("Framework Preferences", null, c1);
+
+      m4.add(mb4_01, mb4_b1, mb4_02, mb4_03, mb4_04);
+
+      var mb4_suba_01 = new qx.ui.menu.Button("New Window", null, c1);
+      var mb4_suba_b1 = new qx.ui.menu.Separator();
+      var mb4_suba_02 = new qx.ui.menu.RadioButton("Overlapping", c1, true);
+      var mb4_suba_03 = new qx.ui.menu.RadioButton("Split Horizontally", c1);
+      var mb4_suba_04 = new qx.ui.menu.RadioButton("Split Vertically", c1);
+      var mb4_suba_b2 = new qx.ui.menu.Separator();
+      var mb4_suba_05 = new qx.ui.menu.Button("Next Window", null, c1);
+      var mb4_suba_06 = new qx.ui.menu.Button("Previous Window", null, c1);
+
+      m4_suba.add(mb4_suba_01, mb4_suba_b1, mb4_suba_02, mb4_suba_03, mb4_suba_04, mb4_suba_b2, mb4_suba_05, mb4_suba_06);
+
+      var mb4_manager = new qx.manager.selection.RadioManager("windowMode", [ mb4_suba_02, mb4_suba_03, mb4_suba_04 ]);
+
+
+      var m5 = new qx.ui.menu.Menu;
+
+      var mb5_01 = new qx.ui.menu.Button("Help", null, c1);
+      var mb5_02 = new qx.ui.menu.Button("About", null, c1);
+
+      m5.add(mb5_01, mb5_02);
+
+      d.add(m1, m2, m3, m3_suba, m3_subb, m3_subc, m3_subd, mb3_subd_02_suba, m4, m4_suba, m5);
+
+
+      var mb1 = new qx.ui.toolbar.ToolBar;
+
+      mb1.setTop(48);
+      mb1.setRight(335);
+      mb1.setLeft(20);
+
+      var mp1 = new qx.ui.toolbar.Part;
+      var mp2 = new qx.ui.toolbar.Part;
+      var mp3 = new qx.ui.toolbar.Part;
+
+      mb1.add(mp1, mp2, new qx.ui.basic.HorizontalSpacer, mp3);
+
+      var mbb1 = new qx.ui.toolbar.MenuButton("File", m1, "icon/16/file-new.png");
+      var mbb2 = new qx.ui.toolbar.MenuButton("Edit", m2, "icon/16/edit.png");
+      var mbb3 = new qx.ui.toolbar.MenuButton("View", m3, "icon/16/appearance.png");
+      var mbb4 = new qx.ui.toolbar.MenuButton("Options", m4, "icon/16/control-center.png");
+      var mbb5 = new qx.ui.toolbar.MenuButton("Help", m5, "icon/16/help.png");
+
+      var tbb1 = new qx.ui.toolbar.CheckBox("Checkbox", "icon/16/chart.png", true);
+
+      mp1.add(mbb1, mbb2);
+      mp2.add(mbb3, mbb4, tbb1);
+      mp3.add(mbb5);
+
+      d.add(mb1);
+
+
+
+
+      // Icon & Color Themes
+      qx.manager.object.ImageManager.getInstance().createThemeList(d, 20, 348);
+      qx.manager.object.ColorManager.getInstance().createThemeList(d, 220, 348);
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ToolTip_1.html

@@ -0,0 +1,111 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Test for QxToolTips. Each qx.ui.popup.ToolTip could be assigned to any
+    instance of qx.ui.core.Widget. You could also use one qx.ui.popup.ToolTip instance
+    for multiple QxWidgets (to show the same tooltip any multiple items).</p>
+  </div>
+
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var d = qx.ui.core.ClientDocument.getInstance();
+
+    var c1 = new qx.ui.basic.Atom("Hover me");
+    with(c1)
+    {
+      setTop(48);
+      setLeft(20);
+      setBackgroundColor(new qx.renderer.color.Color("#BDD2EF"));
+      setWidth(100);
+      setHeight(100);
+      setTabIndex(1);
+      setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
+    };
+    d.add(c1);
+
+
+
+    var c2 = new qx.ui.basic.Atom("Hover me");
+    with(c2)
+    {
+      setTop(48);
+      setLeft(140);
+      setBackgroundColor(new qx.renderer.color.Color("#D1DFAD"));
+      setWidth(100);
+      setHeight(100);
+      setTabIndex(1);
+      setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
+    };
+    d.add(c2);
+
+
+    var c3 = new qx.ui.basic.Atom("Hover me");
+    with(c3)
+    {
+      setTop(48);
+      setLeft(260);
+      setBackgroundColor(new qx.renderer.color.Color("#D1A4AD"));
+      setWidth(100);
+      setHeight(100);
+      setTabIndex(1);
+      setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
+    };
+    d.add(c3);
+
+
+    var c4 = new qx.ui.basic.Atom("Hover me");
+    with(c4)
+    {
+      setTop(48);
+      setLeft(380);
+      setBackgroundColor(new qx.renderer.color.Color("#F5E0BB"));
+      setWidth(100);
+      setHeight(100);
+      setTabIndex(1);
+      setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
+    };
+    d.add(c4);
+
+
+    var c5 = new qx.ui.basic.Atom("Hover me", "icon/32/colors.png");
+    with(c5)
+    {
+      setTop(248);
+      setLeft(20);
+      setBackgroundColor(new qx.renderer.color.Color("#F5E0BB"));
+      setTabIndex(1);
+      setBorder(qx.renderer.border.BorderPresets.getInstance().outset);
+      setPadding(4);
+    };
+    d.add(c5);
+
+
+    var tt1 = new qx.ui.popup.ToolTip("Hello World #1");
+    c1.setToolTip(tt1);
+    c2.setToolTip(tt1);
+
+    var tt2 = new qx.ui.popup.ToolTip(null, "icon/16/help.png");
+    c3.setToolTip(tt2);
+
+    var tt3 = new qx.ui.popup.ToolTip("Hello World #3", "icon/16/help.png");
+    c4.setToolTip(tt3);
+
+    var tt4 = new qx.ui.popup.ToolTip("Such a great tooltip with a<br/>(show) timeout of 50ms.", "icon/32/bug.png");
+    c5.setToolTip(tt4);
+    tt4.setShowInterval(50);
+  });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/TreeFullControl_1.html

@@ -0,0 +1,235 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Shows a tree, with user-defined icons for some nodes.</p>
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Root");
+      var t = new qx.ui.treefullcontrol.Tree(trs);
+
+      with(t)
+      {
+        setBackgroundColor(255);
+        setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
+        setOverflow("scrollY");
+
+        setHeight(null);
+        setTop(48);
+        setLeft(20);
+        setWidth(200);
+        setBottom(48);
+      };
+
+      qx.ui.core.ClientDocument.getInstance().add(t);
+      // One icon for selected and one for unselected states
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Desktop", "icon/16/desktop.png", "icon/16/dictionary.png");
+      var te1 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      t.add(te1);
+
+      desktop = te1;
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Files");
+      var te1_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Workspace");
+      var te1_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Network");
+      var te1_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Trash");
+      var te1_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      te1.add(te1_1, te1_2, te1_3, te1_4);
+
+      // One icon specified, and used for both selected unselected states
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Windows (C:)", "icon/16/harddrive.png");
+      var te1_2_1 = new qx.ui.treefullcontrol.TreeFile(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Documents (D:)", "icon/16/harddrive.png");
+      var te1_2_2 = new qx.ui.treefullcontrol.TreeFile(trs);
+
+      te1_2.add(te1_2_1, te1_2_2);
+
+      arbeitsplatz = te1_2;
+
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Inbox");
+      var te2 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      posteingang = te2;
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Presets");
+      var te2_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Sent");
+      var te2_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Trash", "icon/16/trash.png");
+      var te2_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Data");
+      var te2_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Edit");
+      var te2_5 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      editieren = te2_5;
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Chat");
+      var te2_5_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Pustefix");
+      var te2_5_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("TINC");
+      var te2_5_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Announce");
+      var te2_5_3_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Devel");
+      var te2_5_3_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      te2_5_3.add(te2_5_3_1, te2_5_3_2);
+
+      te2_5.add(te2_5_1, te2_5_2, te2_5_3);
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Lists");
+      var te2_6 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Relations");
+      var te2_6_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Company");
+      var te2_6_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Questions");
+      var te2_6_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Internal");
+      var te2_6_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Products");
+      var te2_6_5 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Press");
+      var te2_6_6 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Development");
+      var te2_6_7 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Competition");
+      var te2_6_8 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      te2_6.add(te2_6_1, te2_6_2, te2_6_3, te2_6_4, te2_6_5, te2_6_6, te2_6_7, te2_6_8);
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Personal");
+      var te2_7 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Bugs");
+      var te2_7_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Family");
+      var te2_7_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Projects");
+      var te2_7_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Holiday");
+      var te2_7_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      te2_7.add(te2_7_1, te2_7_2, te2_7_3, te2_7_4);
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Big");
+      var te2_8 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      for (var i=0;i<50; i++) {
+        trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Item " + i);
+        te2_8.add(new qx.ui.treefullcontrol.TreeFolder(trs));
+      };
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Spam");
+      var te2_9 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      spam = te2_9;
+
+      te2.add(te2_1, te2_2, te2_3, te2_4, te2_5, te2_6, te2_7, te2_8, te2_9);
+
+      t.add(te2);
+      qx.ui.core.ClientDocument.getInstance().add(t);
+
+
+
+
+
+
+      var commandFrame = new qx.ui.groupbox.GroupBox("Control");
+
+      with(commandFrame)
+      {
+        setTop(48);
+        setLeft(250);
+
+        setWidth("auto");
+        setHeight("auto");
+      };
+
+      qx.ui.core.ClientDocument.getInstance().add(commandFrame);
+
+
+
+
+      var tCurrentLabel = new qx.ui.basic.Atom("Current Folder: ");
+
+      with(tCurrentLabel)
+      {
+        setLeft(0);
+        setTop(0);
+      };
+
+      commandFrame.add(tCurrentLabel);
+
+
+
+      var tCurrentInput = new qx.ui.form.TextField;
+
+      with(tCurrentInput)
+      {
+        setLeft(0);
+        setRight(0);
+        setTop(20);
+
+        setReadOnly(true);
+      };
+
+      commandFrame.add(tCurrentInput);
+
+      t.getManager().addEventListener("changeSelection", function(e) {
+        tCurrentInput.setValue(e.getData()[0]._labelObject.getHtml());
+      });
+
+
+
+      var tDoubleClick = new qx.ui.form.CheckBox("Use double click?");
+
+      with(tDoubleClick) {
+        setTop(60);
+        setLeft(0);
+      };
+
+      commandFrame.add(tDoubleClick);
+
+      tDoubleClick.addEventListener("changeChecked", function(e) { t.setUseDoubleClick(e.getData()); });
+
+
+
+
+      var tTreeLines = new qx.ui.form.CheckBox("Use tree lines?");
+
+      with(tTreeLines) {
+        setTop(80);
+        setLeft(0);
+        setChecked(true);
+      };
+
+      commandFrame.add(tTreeLines);
+
+      tTreeLines.addEventListener("changeChecked", function(e) { t.setUseTreeLines(e.getData()); });
+
+
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/TreeFullControl_2.html

@@ -0,0 +1,270 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+<p>Shows a tree, with user-defined extra fields.  In this example, the extra
+fields include a left-justified icon, a checkbox between the node icon and the
+label, and a whole series of right-justified fields.  Additionally, the root node may be hidden. </p>
+  </div>
+
+  <script type="text/javascript">
+    var treeRowStructure;
+
+    function stuff(vLabel, vIcon, vIconSelected)
+    {
+        treeRowStructure = qx.ui.treefullcontrol.TreeRowStructure.getInstance().newRow();
+
+        // A left-justified icon
+        if (Math.floor(Math.random() * 4) == 0)
+        {
+          obj = new qx.ui.basic.Image("icon/16/alarm.png", 16);
+        }
+        else
+        {
+          obj = new qx.ui.basic.Image(null, 16);
+        }
+        treeRowStructure.addObject(obj, true);
+
+        // Here's our indentation and tree-lines
+        treeRowStructure.addIndent();
+
+        // The standard tree icon follows
+        treeRowStructure.addIcon(
+          arguments.length >= 2 ? vIcon : "icon/16/desktop.png",
+          arguments.length >= 3 ? vIconSelected : "icon/16/dictionary.png");
+
+        // A checkbox comes right after the tree icon
+        obj = new qx.ui.form.CheckBox(
+          null, 23, null, Math.floor(Math.random() * 2) == 0 ? false : true);
+        obj.setPadding(0, 0);
+        treeRowStructure.addObject(obj, true);
+
+        // The label
+        treeRowStructure.addLabel(vLabel);
+
+        // All else should be right justified
+        obj = new qx.ui.basic.HorizontalSpacer;
+        treeRowStructure.addObject(obj, true);
+
+        // Add a file size, date and mode
+        obj = new qx.ui.basic.Label(Math.round(Math.random() * 100) + "kb");
+        obj.setWidth(50);
+        treeRowStructure.addObject(obj, true);
+        obj = new qx.ui.basic.Label(
+          "May " + Math.round(Math.random() * 30 + 1) + " 2005");
+        obj.setWidth(150);
+        treeRowStructure.addObject(obj, true);
+        obj = new qx.ui.basic.Label("-rw-r--r--");
+        obj.setWidth(80);
+        treeRowStructure.addObject(obj, true);
+
+        return treeRowStructure;
+        }
+
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var x = new qx.ui.basic.Atom("Test #1", "icon/16/reload.png", 16, 16);
+        x.debug("In main");
+
+      var t = new qx.ui.treefullcontrol.Tree(stuff("Root"));
+      with(t)
+      {
+        setBackgroundColor(255);
+        setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
+        setOverflow("scrollY");
+
+        setHeight(null);
+        setTop(48);
+        setLeft(20);
+        setWidth(600);
+        setBottom(48);
+      };
+
+      qx.ui.core.ClientDocument.getInstance().add(t);
+      // One icon for selected and one for unselected states
+      var te1 = new qx.ui.treefullcontrol.TreeFolder(stuff("Desktop"));
+      t.add(te1);
+
+      desktop = te1;
+
+      var te1_1 = new qx.ui.treefullcontrol.TreeFolder(stuff("Files"));
+      var te1_2 = new qx.ui.treefullcontrol.TreeFolder(stuff("Workspace"));
+      var te1_3 = new qx.ui.treefullcontrol.TreeFolder(stuff("Network"));
+      var te1_4 = new qx.ui.treefullcontrol.TreeFolder(stuff("Trash"));
+
+      te1.add(te1_1, te1_2, te1_3, te1_4);
+
+      // One icon specified, and used for both selected unselected states
+      var te1_2_1 = new qx.ui.treefullcontrol.TreeFile(stuff("Windows (C:)", "icon/16/harddrive.png"));
+      var te1_2_2 = new qx.ui.treefullcontrol.TreeFile(stuff("Documents (D:)", "icon/16/harddrive.png"));
+
+      te1_2.add(te1_2_1, te1_2_2);
+
+      arbeitsplatz = te1_2;
+
+
+      var te2 = new qx.ui.treefullcontrol.TreeFolder(stuff("Inbox"));
+      posteingang = te2;
+
+      var te2_1 = new qx.ui.treefullcontrol.TreeFolder(stuff("Presets"));
+      var te2_2 = new qx.ui.treefullcontrol.TreeFolder(stuff("Sent"));
+      var te2_3 = new qx.ui.treefullcontrol.TreeFolder(stuff("Trash", "icon/16/trash.png"));
+      var te2_4 = new qx.ui.treefullcontrol.TreeFolder(stuff("Data"));
+      var te2_5 = new qx.ui.treefullcontrol.TreeFolder(stuff("Edit"));
+
+      editieren = te2_5;
+
+      var te2_5_1 = new qx.ui.treefullcontrol.TreeFolder(stuff("Chat"));
+      var te2_5_2 = new qx.ui.treefullcontrol.TreeFolder(stuff("Pustefix"));
+      var te2_5_3 = new qx.ui.treefullcontrol.TreeFolder(stuff("TINC"));
+
+      var te2_5_3_1 = new qx.ui.treefullcontrol.TreeFolder(stuff("Announce"));
+      var te2_5_3_2 = new qx.ui.treefullcontrol.TreeFolder(stuff("Devel"));
+
+      te2_5_3.add(te2_5_3_1, te2_5_3_2);
+
+      te2_5.add(te2_5_1, te2_5_2, te2_5_3);
+
+      var te2_6 = new qx.ui.treefullcontrol.TreeFolder(stuff("Lists"));
+
+      var te2_6_1 = new qx.ui.treefullcontrol.TreeFolder(stuff("Relations"));
+      var te2_6_2 = new qx.ui.treefullcontrol.TreeFolder(stuff("Company"));
+      var te2_6_3 = new qx.ui.treefullcontrol.TreeFolder(stuff("Questions"));
+      var te2_6_4 = new qx.ui.treefullcontrol.TreeFolder(stuff("Internal"));
+      var te2_6_5 = new qx.ui.treefullcontrol.TreeFolder(stuff("Products"));
+      var te2_6_6 = new qx.ui.treefullcontrol.TreeFolder(stuff("Press"));
+      var te2_6_7 = new qx.ui.treefullcontrol.TreeFolder(stuff("Development"));
+      var te2_6_8 = new qx.ui.treefullcontrol.TreeFolder(stuff("Competition"));
+
+      te2_6.add(te2_6_1, te2_6_2, te2_6_3, te2_6_4, te2_6_5, te2_6_6, te2_6_7, te2_6_8);
+
+      var te2_7 = new qx.ui.treefullcontrol.TreeFolder(stuff("Personal"));
+
+      var te2_7_1 = new qx.ui.treefullcontrol.TreeFolder(stuff("Bugs"));
+      var te2_7_2 = new qx.ui.treefullcontrol.TreeFolder(stuff("Family"));
+      var te2_7_3 = new qx.ui.treefullcontrol.TreeFolder(stuff("Projects"));
+      var te2_7_4 = new qx.ui.treefullcontrol.TreeFolder(stuff("Holiday"));
+
+      te2_7.add(te2_7_1, te2_7_2, te2_7_3, te2_7_4);
+
+      var te2_8 = new qx.ui.treefullcontrol.TreeFolder(stuff("Big"));
+
+      for (var i=0;i<50; i++) {
+        te2_8.add(new qx.ui.treefullcontrol.TreeFolder(stuff("Item " + i)));
+      };
+
+      var te2_9 = new qx.ui.treefullcontrol.TreeFolder(stuff("Spam"));
+      spam = te2_9;
+
+      te2.add(te2_1, te2_2, te2_3, te2_4, te2_5, te2_6, te2_7, te2_8, te2_9);
+
+      t.add(te2);
+      qx.ui.core.ClientDocument.getInstance().add(t);
+
+
+
+
+
+
+      var commandFrame = new qx.ui.groupbox.GroupBox("Control");
+
+      with(commandFrame)
+      {
+        setTop(48);
+        setLeft(650);
+
+        setWidth("auto");
+        setHeight("auto");
+      };
+
+      qx.ui.core.ClientDocument.getInstance().add(commandFrame);
+
+
+
+
+      var tCurrentLabel = new qx.ui.basic.Atom("Current Folder: ");
+
+      with(tCurrentLabel)
+      {
+        setLeft(0);
+        setTop(0);
+      };
+
+      commandFrame.add(tCurrentLabel);
+
+
+
+      var tCurrentInput = new qx.ui.form.TextField;
+
+      with(tCurrentInput)
+      {
+        setLeft(0);
+        setRight(0);
+        setTop(20);
+
+        setReadOnly(true);
+      };
+
+      commandFrame.add(tCurrentInput);
+
+      t.getManager().addEventListener("changeSelection", function(e) {
+        tCurrentInput.setValue(e.getData()[0]._labelObject.getHtml());
+      });
+
+
+
+      var tDoubleClick = new qx.ui.form.CheckBox("Use double click?");
+
+      with(tDoubleClick) {
+        setTop(60);
+        setLeft(0);
+      };
+
+      commandFrame.add(tDoubleClick);
+
+      tDoubleClick.addEventListener("changeChecked", function(e) { t.setUseDoubleClick(e.getData()); });
+
+
+
+
+      var tTreeLines = new qx.ui.form.CheckBox("Use tree lines?");
+
+      with(tTreeLines) {
+        setTop(80);
+        setLeft(0);
+        setChecked(true);
+      };
+
+      commandFrame.add(tTreeLines);
+
+      tTreeLines.addEventListener("changeChecked", function(e) { t.setUseTreeLines(e.getData()); });
+
+
+
+
+      var tHideNode = new qx.ui.form.CheckBox("Hide the root node?");
+
+      with(tHideNode) {
+        setTop(100);
+        setLeft(0);
+        setChecked(false);
+      };
+
+      commandFrame.add(tHideNode);
+
+      tHideNode.addEventListener("changeChecked", function(e) { t.setHideNode(e.getData()); });
+
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/TreeFullControl_3.html

@@ -0,0 +1,298 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Shows a tree, with user-defined icons for some nodes.  This tests
+    listening for tree events.  A separate alert is generated upon opening a
+    folder that has contents; when opening a folder that has no contents; and
+    closing a folder.</p><p>We also demonstrate changing the default value of
+    'allowShowPlusMinusSymbol' so that all folders initially have a plus/minus
+    symbol.  Then, upon opening an empty folder, we remove that
+    icon.</p><p>Lastly, we demonstrate in the alert presented by tree events,
+    use of the getHierarchy() method to obtain a full "path" for a tree
+    node.</p>
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      /*
+       * Reset the default of always showing the plus/minus symbol.  The
+       * default is 'false'.  We want to always display it for each folder
+       * (and then stop displaying it if we determine upon open that there are
+       * no contents).
+       *
+       * The changeProperty() function assumes that it is being called
+       * shortly after defineClass() is called.  We therefore need to kludge
+       * qx.Proto to point to the right place.
+       *
+       * TODO: There should be a mechanism to change a property attribute
+       * without having to jump through these hoops.
+       */
+      var constructor = qx.OO.classes["qx.ui.treefullcontrol.TreeFolder"];
+      qx.Proto = constructor.prototype;
+      qx.OO.changeProperty({ name : "alwaysShowPlusMinusSymbol", type : "boolean", defaultValue : true });
+
+
+      var trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Root");
+      var t = new qx.ui.treefullcontrol.Tree(trs);
+
+      /*
+       * All subtrees will use this root node's event listeners.  Create event
+       * listeners for each of the possible events.
+       */
+      t.addEventListener("treeOpenWithContent", function(e) {
+                           alert('treeOpenWithContent ' + e.getData().getHierarchy(new Array()).join("/"));
+                         });
+
+      t.addEventListener("treeClose", function(e) {
+                           alert('treeClose ' + e.getData().getHierarchy(new Array()).join("/"));
+                         });
+
+      /*
+       * We handle opening an empty folder specially.  We demonstrate how to
+       * disable the plus/minus sign once we've determined there's nothing in
+       * it.  This feature might be used to dynamically retrieve the contents
+       * of the folder, and if nothing is available, indicate it by removing
+       * the plus/minus sign.
+       */
+      t.addEventListener("treeOpenWhileEmpty", function(e) {
+                           alert('treeOpenWhileEmpty ' + e.getData().getHierarchy(new Array()).join("/"));
+                           e.getData().setAlwaysShowPlusMinusSymbol(false);
+                         });
+
+      with(t)
+      {
+        setBackgroundColor(255);
+        setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
+        setOverflow("scrollY");
+
+        setHeight(null);
+        setTop(48);
+        setLeft(20);
+        setWidth(200);
+        setBottom(48);
+      };
+
+      qx.ui.core.ClientDocument.getInstance().add(t);
+      // One icon for selected and one for unselected states
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Desktop", "icon/16/desktop.png", "icon/16/dictionary.png");
+      var te1 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      t.add(te1);
+
+      desktop = te1;
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Files");
+      var te1_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Workspace");
+      var te1_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Network");
+      var te1_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Trash");
+      var te1_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      te1.add(te1_1, te1_2, te1_3, te1_4);
+
+      // One icon specified, and used for both selected unselected states
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Windows (C:)", "icon/16/harddrive.png");
+      var te1_2_1 = new qx.ui.treefullcontrol.TreeFile(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Documents (D:)", "icon/16/harddrive.png");
+      var te1_2_2 = new qx.ui.treefullcontrol.TreeFile(trs);
+
+      te1_2.add(te1_2_1, te1_2_2);
+
+      arbeitsplatz = te1_2;
+
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Inbox");
+      var te2 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      posteingang = te2;
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Presets");
+      var te2_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Sent");
+      var te2_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Trash", "icon/16/trash.png");
+      var te2_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Data");
+      var te2_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Edit");
+      var te2_5 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      editieren = te2_5;
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Chat");
+      var te2_5_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Pustefix");
+      var te2_5_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("TINC");
+      var te2_5_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Announce");
+      var te2_5_3_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Devel");
+      var te2_5_3_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      te2_5_3.add(te2_5_3_1, te2_5_3_2);
+
+      te2_5.add(te2_5_1, te2_5_2, te2_5_3);
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Lists");
+      var te2_6 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Relations");
+      var te2_6_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Company");
+      var te2_6_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Questions");
+      var te2_6_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Internal");
+      var te2_6_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Products");
+      var te2_6_5 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Press");
+      var te2_6_6 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Development");
+      var te2_6_7 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Competition");
+      var te2_6_8 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      te2_6.add(te2_6_1, te2_6_2, te2_6_3, te2_6_4, te2_6_5, te2_6_6, te2_6_7, te2_6_8);
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Personal");
+      var te2_7 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Bugs");
+      var te2_7_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Family");
+      var te2_7_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Projects");
+      var te2_7_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Holiday");
+      var te2_7_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      te2_7.add(te2_7_1, te2_7_2, te2_7_3, te2_7_4);
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Big");
+      var te2_8 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      for (var i=0;i<50; i++) {
+        trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Item " + i);
+        te2_8.add(new qx.ui.treefullcontrol.TreeFolder(trs));
+      };
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Spam");
+      var te2_9 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      spam = te2_9;
+
+      te2.add(te2_1, te2_2, te2_3, te2_4, te2_5, te2_6, te2_7, te2_8, te2_9);
+
+      t.add(te2);
+      qx.ui.core.ClientDocument.getInstance().add(t);
+
+
+
+
+
+
+      var commandFrame = new qx.ui.groupbox.GroupBox("Control");
+
+      with(commandFrame)
+      {
+        setTop(48);
+        setLeft(250);
+
+        setWidth("auto");
+        setHeight("auto");
+      };
+
+      qx.ui.core.ClientDocument.getInstance().add(commandFrame);
+
+
+
+
+      var tCurrentLabel = new qx.ui.basic.Atom("Current Folder: ");
+
+      with(tCurrentLabel)
+      {
+        setLeft(0);
+        setTop(0);
+      };
+
+      commandFrame.add(tCurrentLabel);
+
+
+
+      var tCurrentInput = new qx.ui.form.TextField;
+
+      with(tCurrentInput)
+      {
+        setLeft(0);
+        setRight(0);
+        setTop(20);
+
+        setReadOnly(true);
+      };
+
+      commandFrame.add(tCurrentInput);
+
+      t.getManager().addEventListener("changeSelection", function(e) {
+        tCurrentInput.setValue(e.getData()[0]._labelObject.getHtml());
+      });
+
+
+
+      var tDoubleClick = new qx.ui.form.CheckBox("Use double click?");
+
+      with(tDoubleClick) {
+        setTop(60);
+        setLeft(0);
+      };
+
+      commandFrame.add(tDoubleClick);
+
+      tDoubleClick.addEventListener("changeChecked", function(e) { t.setUseDoubleClick(e.getData()); });
+
+
+
+
+      var tTreeLines = new qx.ui.form.CheckBox("Use tree lines?");
+
+      with(tTreeLines) {
+        setTop(80);
+        setLeft(0);
+        setChecked(true);
+      };
+
+      commandFrame.add(tTreeLines);
+
+      tTreeLines.addEventListener("changeChecked", function(e) { t.setUseTreeLines(e.getData()); });
+
+
+      var tHideNode = new qx.ui.form.CheckBox("Hide the root node?");
+
+      with(tHideNode) {
+        setTop(100);
+        setLeft(0);
+        setChecked(false);
+      };
+
+      commandFrame.add(tHideNode);
+
+      tHideNode.addEventListener("changeChecked", function(e) { t.setHideNode(e.getData()); });
+
+
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/TreeFullControl_4.html

@@ -0,0 +1,384 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Shows a tree and allows playing with the settings of the Tree
+    properties <i>hideNode</i> and <i>rootOpenClose</i>.  Also demonstrates
+    manipulating display (or not) of tree lines at specific indentation
+    levels, using the <i>excludeSpecificTreeLines</i> property.</p>
+
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Root");
+      var t = new qx.ui.treefullcontrol.Tree(trs);
+
+      with(t)
+      {
+        setBackgroundColor(255);
+        setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
+        setOverflow("scrollY");
+
+        setHeight(null);
+        setTop(48);
+        setLeft(20);
+        setWidth(200);
+        setBottom(48);
+      };
+
+      qx.ui.core.ClientDocument.getInstance().add(t);
+      // One icon for selected and one for unselected states
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Desktop", "icon/16/desktop.png", "icon/16/dictionary.png");
+      var te1 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      t.add(te1);
+
+      desktop = te1;
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Files");
+      var te1_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Workspace");
+      var te1_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Network");
+      var te1_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Trash");
+      var te1_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      te1.add(te1_1, te1_2, te1_3, te1_4);
+
+      // One icon specified, and used for both selected unselected states
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Windows (C:)", "icon/16/harddrive.png");
+      var te1_2_1 = new qx.ui.treefullcontrol.TreeFile(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Documents (D:)", "icon/16/harddrive.png");
+      var te1_2_2 = new qx.ui.treefullcontrol.TreeFile(trs);
+
+      te1_2.add(te1_2_1, te1_2_2);
+
+      arbeitsplatz = te1_2;
+
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Inbox");
+      var te2 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      posteingang = te2;
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Presets");
+      var te2_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Sent");
+      var te2_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Trash", "icon/16/trash.png");
+      var te2_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Data");
+      var te2_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Edit");
+      var te2_5 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      editieren = te2_5;
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Chat");
+      var te2_5_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Pustefix");
+      var te2_5_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("TINC");
+      var te2_5_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Announce");
+      var te2_5_3_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Devel");
+      var te2_5_3_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      te2_5_3.add(te2_5_3_1, te2_5_3_2);
+
+      te2_5.add(te2_5_1, te2_5_2, te2_5_3);
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Lists");
+      var te2_6 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Relations");
+      var te2_6_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Company");
+      var te2_6_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Questions");
+      var te2_6_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Internal");
+      var te2_6_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Products");
+      var te2_6_5 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Press");
+      var te2_6_6 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Development");
+      var te2_6_7 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Competition");
+      var te2_6_8 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      te2_6.add(te2_6_1, te2_6_2, te2_6_3, te2_6_4, te2_6_5, te2_6_6, te2_6_7, te2_6_8);
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Personal");
+      var te2_7 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Bugs");
+      var te2_7_1 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Family");
+      var te2_7_2 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Projects");
+      var te2_7_3 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Holiday");
+      var te2_7_4 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      te2_7.add(te2_7_1, te2_7_2, te2_7_3, te2_7_4);
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Big");
+      var te2_8 = new qx.ui.treefullcontrol.TreeFolder(trs);
+
+      for (var i=0;i<50; i++) {
+        trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Item " + i);
+        te2_8.add(new qx.ui.treefullcontrol.TreeFolder(trs));
+      };
+
+      trs = qx.ui.treefullcontrol.TreeRowStructure.getInstance().standard("Spam");
+      var te2_9 = new qx.ui.treefullcontrol.TreeFolder(trs);
+      spam = te2_9;
+
+      te2.add(te2_1, te2_2, te2_3, te2_4, te2_5, te2_6, te2_7, te2_8, te2_9);
+
+      t.add(te2);
+      qx.ui.core.ClientDocument.getInstance().add(t);
+
+
+
+
+
+
+      var commandFrame = new qx.ui.groupbox.GroupBox("Control");
+
+      with(commandFrame)
+      {
+        setTop(48);
+        setLeft(250);
+
+        setWidth("auto");
+        setHeight("auto");
+      };
+
+      qx.ui.core.ClientDocument.getInstance().add(commandFrame);
+
+
+
+
+      var tCurrentLabel = new qx.ui.basic.Atom("Current Folder: ");
+
+      with(tCurrentLabel)
+      {
+        setLeft(0);
+        setTop(0);
+      };
+
+      commandFrame.add(tCurrentLabel);
+
+
+
+      var tCurrentInput = new qx.ui.form.TextField;
+
+      with(tCurrentInput)
+      {
+        setLeft(0);
+        setRight(0);
+        setTop(20);
+
+        setReadOnly(true);
+      };
+
+      commandFrame.add(tCurrentInput);
+
+      t.getManager().addEventListener("changeSelection", function(e) {
+        tCurrentInput.setValue(e.getData()[0]._labelObject.getHtml());
+      });
+
+
+
+      var tDoubleClick = new qx.ui.form.CheckBox("Use double click?");
+
+      with(tDoubleClick) {
+        setTop(60);
+        setLeft(0);
+      };
+
+      commandFrame.add(tDoubleClick);
+
+      tDoubleClick.addEventListener("changeChecked", function(e) { t.setUseDoubleClick(e.getData()); });
+
+
+
+
+      var tTreeLines = new qx.ui.form.CheckBox("Use tree lines?");
+
+      with(tTreeLines) {
+        setTop(80);
+        setLeft(0);
+        setChecked(true);
+      };
+
+      commandFrame.add(tTreeLines);
+
+      tTreeLines.addEventListener("changeChecked", function(e) { t.setUseTreeLines(e.getData()); });
+
+
+      var tHideNode = new qx.ui.form.CheckBox("Hide the root node?");
+
+      with(tHideNode) {
+        setTop(100);
+        setLeft(0);
+        setChecked(false);
+      };
+
+      commandFrame.add(tHideNode);
+
+      tHideNode.addEventListener("changeChecked", function(e) { t.setHideNode(e.getData()); });
+
+      var tIncludeRootOpenClose =
+        new qx.ui.form.CheckBox("Include root open/close button?");
+
+      with(tIncludeRootOpenClose) {
+        setTop(120);
+        setLeft(0);
+        setChecked(true);
+      };
+
+      commandFrame.add(tIncludeRootOpenClose);
+
+      tIncludeRootOpenClose.addEventListener("changeChecked", function(e) { t.setRootOpenClose(e.getData()); });
+
+      tExcludeTreeLines0 =
+        new qx.ui.form.CheckBox("Exclude tree lines at level 0?");
+
+      with(tExcludeTreeLines0) {
+        setTop(140);
+        setLeft(0);
+        setChecked(false);
+      };
+
+      commandFrame.add(tExcludeTreeLines0);
+
+      tExcludeTreeLines0.addEventListener(
+          "changeChecked",
+          function(e)
+          {
+              var excl = t.getExcludeSpecificTreeLines();
+              if (e.getData()) {
+                  excl[0] = true;
+              } else {
+                  delete(excl[0]);
+              }
+              t.setExcludeSpecificTreeLines(excl);
+          });
+
+      tExcludeTreeLines1 =
+        new qx.ui.form.CheckBox("Exclude tree lines at level 1?");
+
+      with(tExcludeTreeLines1) {
+        setTop(160);
+        setLeft(0);
+        setChecked(false);
+      };
+
+      commandFrame.add(tExcludeTreeLines1);
+
+      tExcludeTreeLines1.addEventListener(
+          "changeChecked",
+          function(e)
+          {
+              var excl = t.getExcludeSpecificTreeLines();
+              if (e.getData()) {
+                  excl[1] = true;
+              } else {
+                  delete(excl[1]);
+              }
+              t.setExcludeSpecificTreeLines(excl);
+          });
+
+      tExcludeTreeLines2 =
+        new qx.ui.form.CheckBox("Exclude tree lines at level 2?");
+
+      with(tExcludeTreeLines2) {
+        setTop(180);
+        setLeft(0);
+        setChecked(false);
+      };
+
+      commandFrame.add(tExcludeTreeLines2);
+
+      tExcludeTreeLines2.addEventListener(
+          "changeChecked",
+          function(e)
+          {
+              var excl = t.getExcludeSpecificTreeLines();
+              if (e.getData()) {
+                  excl[2] = true;
+              } else {
+                  delete(excl[2]);
+              }
+              t.setExcludeSpecificTreeLines(excl);
+          });
+
+      tExcludeTreeLines3 =
+        new qx.ui.form.CheckBox("Exclude tree lines at level 3?");
+
+      with(tExcludeTreeLines3) {
+        setTop(200);
+        setLeft(0);
+        setChecked(false);
+      };
+
+      commandFrame.add(tExcludeTreeLines3);
+
+      tExcludeTreeLines3.addEventListener(
+          "changeChecked",
+          function(e)
+          {
+              var excl = t.getExcludeSpecificTreeLines();
+              if (e.getData()) {
+                  excl[3] = true;
+              } else {
+                  delete(excl[3]);
+              }
+              t.setExcludeSpecificTreeLines(excl);
+          });
+
+      tExcludeTreeLines4 =
+        new qx.ui.form.CheckBox("Exclude tree lines at level 4?");
+
+      with(tExcludeTreeLines4) {
+        setTop(220);
+        setLeft(0);
+        setChecked(false);
+      };
+
+      commandFrame.add(tExcludeTreeLines4);
+
+      tExcludeTreeLines4.addEventListener(
+          "changeChecked",
+          function(e)
+          {
+              var excl = t.getExcludeSpecificTreeLines();
+              if (e.getData()) {
+                  excl[4] = true;
+              } else {
+                  delete(excl[4]);
+              }
+              t.setExcludeSpecificTreeLines(excl);
+          });
+
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Tree_1.html

@@ -0,0 +1,191 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Shows a tree, with user-defined icons for some nodes.</p>
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var t = new qx.ui.tree.Tree("Root");
+
+      with(t)
+      {
+        setBackgroundColor(255);
+        setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
+        setOverflow("scrollY");
+
+        setHeight(null);
+        setTop(48);
+        setLeft(20);
+        setWidth(200);
+        setBottom(48);
+      };
+
+      qx.ui.core.ClientDocument.getInstance().add(t);
+      // One icon for selected and one for unselected states
+      var te1 = new qx.ui.tree.TreeFolder("Desktop", "icon/16/desktop.png", "icon/16/dictionary.png");
+      t.add(te1);
+
+      var te1_1 = new qx.ui.tree.TreeFolder("Files");
+      var te1_2 = new qx.ui.tree.TreeFolder("Workspace");
+      var te1_3 = new qx.ui.tree.TreeFolder("Network");
+      var te1_4 = new qx.ui.tree.TreeFolder("Trash");
+
+      te1.add(te1_1, te1_2, te1_3, te1_4);
+
+      // One icon specified, and used for both selected unselected states
+      var te1_2_1 = new qx.ui.tree.TreeFile("Windows (C:)", "icon/16/harddrive.png");
+      var te1_2_2 = new qx.ui.tree.TreeFile("Documents (D:)", "icon/16/harddrive.png");
+
+      te1_2.add(te1_2_1, te1_2_2);
+
+
+      var te2 = new qx.ui.tree.TreeFolder("Inbox");
+
+      var te2_1 = new qx.ui.tree.TreeFolder("Presets");
+      var te2_2 = new qx.ui.tree.TreeFolder("Sent");
+      var te2_3 = new qx.ui.tree.TreeFolder("Trash", "icon/16/trash.png");
+      var te2_4 = new qx.ui.tree.TreeFolder("Data");
+      var te2_5 = new qx.ui.tree.TreeFolder("Edit");
+
+      var te2_5_1 = new qx.ui.tree.TreeFolder("Chat");
+      var te2_5_2 = new qx.ui.tree.TreeFolder("Pustefix");
+      var te2_5_3 = new qx.ui.tree.TreeFolder("TINC");
+
+      var te2_5_3_1 = new qx.ui.tree.TreeFolder("Announce");
+      var te2_5_3_2 = new qx.ui.tree.TreeFolder("Devel");
+
+      te2_5_3.add(te2_5_3_1, te2_5_3_2);
+
+      te2_5.add(te2_5_1, te2_5_2, te2_5_3);
+
+      var te2_6 = new qx.ui.tree.TreeFolder("Lists");
+
+      var te2_6_1 = new qx.ui.tree.TreeFolder("Relations");
+      var te2_6_2 = new qx.ui.tree.TreeFolder("Company");
+      var te2_6_3 = new qx.ui.tree.TreeFolder("Questions");
+      var te2_6_4 = new qx.ui.tree.TreeFolder("Internal");
+      var te2_6_5 = new qx.ui.tree.TreeFolder("Products");
+      var te2_6_6 = new qx.ui.tree.TreeFolder("Press");
+      var te2_6_7 = new qx.ui.tree.TreeFolder("Development");
+      var te2_6_8 = new qx.ui.tree.TreeFolder("Competition");
+
+      te2_6.add(te2_6_1, te2_6_2, te2_6_3, te2_6_4, te2_6_5, te2_6_6, te2_6_7, te2_6_8);
+
+      var te2_7 = new qx.ui.tree.TreeFolder("Personal");
+
+      var te2_7_1 = new qx.ui.tree.TreeFolder("Bugs");
+      var te2_7_2 = new qx.ui.tree.TreeFolder("Family");
+      var te2_7_3 = new qx.ui.tree.TreeFolder("Projects");
+      var te2_7_4 = new qx.ui.tree.TreeFolder("Holiday");
+
+      te2_7.add(te2_7_1, te2_7_2, te2_7_3, te2_7_4);
+
+      var te2_8 = new qx.ui.tree.TreeFolder("Big");
+
+      for (var i=0;i<50; i++) {
+        te2_8.add(new qx.ui.tree.TreeFolder("Item " + i));
+      };
+
+      var te2_9 = new qx.ui.tree.TreeFolder("Spam");
+
+      te2.add(te2_1, te2_2, te2_3, te2_4, te2_5, te2_6, te2_7, te2_8, te2_9);
+
+      t.add(te2);
+      qx.ui.core.ClientDocument.getInstance().add(t);
+
+
+
+
+
+
+      var commandFrame = new qx.ui.groupbox.GroupBox("Control");
+
+      with(commandFrame)
+      {
+        setTop(48);
+        setLeft(250);
+
+        setWidth("auto");
+        setHeight("auto");
+      };
+
+      qx.ui.core.ClientDocument.getInstance().add(commandFrame);
+
+
+
+
+      var tCurrentLabel = new qx.ui.basic.Atom("Current Folder: ");
+
+      with(tCurrentLabel)
+      {
+        setLeft(0);
+        setTop(0);
+      };
+
+      commandFrame.add(tCurrentLabel);
+
+
+
+      var tCurrentInput = new qx.ui.form.TextField;
+
+      with(tCurrentInput)
+      {
+        setLeft(0);
+        setRight(0);
+        setTop(20);
+
+        setReadOnly(true);
+      };
+
+      commandFrame.add(tCurrentInput);
+
+      t.getManager().addEventListener("changeSelection", function(e) {
+        tCurrentInput.setValue(e.getData()[0]._labelObject.getHtml());
+      });
+
+
+
+      var tDoubleClick = new qx.ui.form.CheckBox("Use double click?");
+
+      with(tDoubleClick) {
+        setTop(60);
+        setLeft(0);
+      };
+
+      commandFrame.add(tDoubleClick);
+
+      tDoubleClick.addEventListener("changeChecked", function(e) { t.setUseDoubleClick(e.getData()); });
+
+
+
+
+      var tTreeLines = new qx.ui.form.CheckBox("Use tree lines?");
+
+      with(tTreeLines) {
+        setTop(80);
+        setLeft(0);
+        setChecked(true);
+      };
+
+      commandFrame.add(tTreeLines);
+
+      tTreeLines.addEventListener("changeChecked", function(e) { t.setUseTreeLines(e.getData()); });
+
+
+    });
+  </script>
+</body>
+</html>

webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/Window_1.html

@@ -0,0 +1,308 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>This is the qx.ui.window.Window widget. These should emulate the default look and behaviour of the application windows running under Microsoft Windows(TM).</p>
+  </div>
+  
+  <script type="text/javascript">
+  qx.core.Init.getInstance().defineMain(function()
+  {
+    var d = qx.ui.core.ClientDocument.getInstance();
+
+    var w1 = new qx.ui.window.Window("First Window", "icon/16/bell.png");
+    w1.setSpace(20, 400, 48, 250);
+    d.add(w1);
+
+    var w2 = new qx.ui.window.Window("Second Window", "icon/16/colors.png");
+    w2.setSpace(250, "auto", 120, "auto");
+    d.add(w2);
+
+    var w3 = new qx.ui.window.Window("Third Window", "icon/16/network.png");
+    w3.setSpace(100, 300, 200, 300);
+    w3.setMaxWidth(450);
+    w3.setMaxHeight(400);
+    d.add(w3);
+
+    var wm1 = new qx.ui.window.Window("First Modal Dialog");
+    wm1.setSpace(150, 200, 150, 200);
+    wm1.setModal(true);
+    d.add(wm1);
+
+    var wm2 = new qx.ui.window.Window("Second Modal Dialog");
+    wm2.setSpace(100, 200, 100, 150);
+    wm2.setModal(true);
+    wm2.setShowClose(false);
+    d.add(wm2);
+
+
+
+
+    var a1 = new qx.ui.basic.Atom("Welcome to your first own Window.<br/>Have fun!", "icon/32/chart.png");
+    a1.set({ top: 4, left: 4 });
+    w1.add(a1);
+
+
+
+
+    var tf1 = new qx.ui.pageview.tabview.TabView;
+    tf1.set({ left: 10, top: 52, right: 10, bottom: 10 });
+
+    var t1_1 = new qx.ui.pageview.tabview.Button("Explore");
+    var t1_2 = new qx.ui.pageview.tabview.Button("Internet");
+    var t1_3 = new qx.ui.pageview.tabview.Button("Future");
+
+    t1_1.setChecked(true);
+
+    tf1.getBar().add(t1_1, t1_2, t1_3);
+
+    var p1_1 = new qx.ui.pageview.tabview.Page(t1_1);
+    var p1_2 = new qx.ui.pageview.tabview.Page(t1_2);
+    var p1_3 = new qx.ui.pageview.tabview.Page(t1_3);
+
+    tf1.getPane().add(p1_1, p1_2, p1_3);
+
+    w1.add(tf1);
+
+
+
+    var at1 = new qx.ui.basic.Atom("Your second window", "icon/22/find.png");
+    at1.setLocation(8, 8);
+    w2.add(at1);
+
+
+
+
+    var btn1 = new qx.ui.form.Button("Open Modal Dialog 1", "icon/16/control-center.png");
+    btn1.setLocation(4, 4);
+    w3.add(btn1);
+
+    btn1.addEventListener("execute", function(e) {
+      wm1.open();
+    });
+
+
+    var btn2 = new qx.ui.form.Button("Open Modal Dialog 2", "icon/16/control-center.png");
+    btn2.setLocation(4, 4);
+    wm1.add(btn2);
+
+    btn2.addEventListener("execute", function(e) {
+      wm2.open();
+    });
+
+
+    var chkm1 = new qx.ui.form.CheckBox("Modal", null, null, true);
+    chkm1.setLocation(4, 50);
+    wm1.add(chkm1);
+
+    chkm1.addEventListener("changeChecked", function(e) {
+      wm1.setModal(e.getData());
+    });
+
+
+
+    var fs1 = new qx.ui.groupbox.GroupBox("Settings");
+    fs1.setLocation(4, 40);
+    fs1.setRight(4);
+    fs1.setBottom(4);
+
+
+    var chk1 = new qx.ui.form.CheckBox("Show Icon");
+    chk1.setLocation(0, 0);
+    chk1.setChecked(true);
+    chk1.addEventListener("changeChecked", function(e) {
+      w2.setShowIcon(e.getData());
+    });
+
+    var chk2 = new qx.ui.form.CheckBox("Show Caption");
+    chk2.setLocation(0, 20);
+    chk2.setChecked(true);
+    chk2.addEventListener("changeChecked", function(e) {
+      w2.setShowCaption(e.getData());
+    });
+
+
+
+    var chk3 = new qx.ui.form.CheckBox("Resizeable");
+    chk3.setLocation(0, 50);
+    chk3.setChecked(true);
+    chk3.addEventListener("changeChecked", function(e) {
+      w2.setResizeable(e.getData());
+    });
+
+    var chk4 = new qx.ui.form.CheckBox("Moveable");
+    chk4.setLocation(0, 70);
+    chk4.setChecked(true);
+    chk4.addEventListener("changeChecked", function(e) {
+      w2.setMoveable(e.getData());
+    });
+
+
+
+    var chk5 = new qx.ui.form.CheckBox("Show Close");
+    chk5.setLocation(140, 0);
+    chk5.setChecked(true);
+    chk5.addEventListener("changeChecked", function(e) {
+      w2.setShowClose(e.getData());
+    });
+
+    var chk6 = new qx.ui.form.CheckBox("Show Maximize/Restore");
+    chk6.setLocation(140, 20);
+    chk6.setChecked(true);
+    chk6.addEventListener("changeChecked", function(e) {
+      w2.setShowMaximize(e.getData());
+    });
+
+    var chk7 = new qx.ui.form.CheckBox("Show Minimize");
+    chk7.setLocation(140, 40);
+    chk7.setChecked(true);
+    chk7.addEventListener("changeChecked", function(e) {
+      w2.setShowMinimize(e.getData());
+    });
+
+
+
+    var chk8 = new qx.ui.form.CheckBox("Allow Close");
+    chk8.setLocation(140, 70);
+    chk8.setChecked(true);
+    chk8.addEventListener("changeChecked", function(e) {
+      w2.setAllowClose(e.getData());
+    });
+
+    var chk9 = new qx.ui.form.CheckBox("Allow Maximize");
+    chk9.setLocation(140, 90);
+    chk9.setChecked(true);
+    chk9.addEventListener("changeChecked", function(e) {
+      w2.setAllowMaximize(e.getData());
+    });
+
+    var chk10 = new qx.ui.form.CheckBox("Allow Minimize");
+    chk10.setLocation(140, 110);
+    chk10.setChecked(true);
+    chk10.addEventListener("changeChecked", function(e) {
+      w2.setAllowMinimize(e.getData());
+    });
+
+
+
+
+    var l1 = new qx.ui.basic.Atom("Move Method", "icon/16/misc.png");
+    l1.setLocation(0, 100);
+
+    var rb1 = new qx.ui.form.RadioButton("Frame", "frame");
+    rb1.setLocation(0, 120);
+
+    var rb2 = new qx.ui.form.RadioButton("Opaque", "opaque");
+    rb2.setLocation(0, 140);
+    rb2.setChecked(true);
+
+    var rb3 = new qx.ui.form.RadioButton("Translucent", "translucent");
+    rb3.setLocation(0, 160);
+
+    var rbm1 = new qx.manager.selection.RadioManager("move", [rb1, rb2, rb3]);
+
+    rbm1.addEventListener("changeSelected", function(e) {
+      w2.setMoveMethod(e.getData().getValue());
+    });
+
+
+
+
+    var l2 = new qx.ui.basic.Atom("Resize Method", "icon/16/misc.png");
+    l2.setLocation(0, 190);
+
+    var rb4 = new qx.ui.form.RadioButton("Frame", "frame");
+    rb4.setLocation(0, 210);
+    rb4.setChecked(true);
+
+    var rb5 = new qx.ui.form.RadioButton("Opaque", "opaque");
+    rb5.setLocation(0, 230);
+
+    var rb6 = new qx.ui.form.RadioButton("Lazy Opaque", "lazyopaque");
+    rb6.setLocation(0, 250);
+
+    var rb7 = new qx.ui.form.RadioButton("Translucent", "translucent");
+    rb7.setLocation(0, 270);
+
+    var rbm2 = new qx.manager.selection.RadioManager("resize", [rb4, rb5, rb6, rb7]);
+
+    rbm2.addEventListener("changeSelected", function(e) {
+      w2.setResizeMethod(e.getData().getValue());
+    });
+
+
+
+
+    var chk11 = new qx.ui.form.CheckBox("Show Statusbar");
+    chk11.setLocation(140, 140);
+    chk11.setChecked(false);
+    chk11.addEventListener("changeChecked", function(e) {
+      w2.setShowStatusbar(e.getData());
+    });
+
+
+
+
+    var btnpack = new qx.ui.form.Button("Pack Window", "icon/16/cdrom.png");
+    btnpack.setLocation(140, 170);
+    btnpack.addEventListener("execute", function(e) {
+      w2.pack();
+    });
+
+
+    fs1.add(chk1, chk2, chk3, chk4, chk5, chk6, chk7, chk8, chk9, chk10, l1, rb1, rb2, rb3, l2, rb4, rb5, rb6, rb7, chk11, btnpack);
+    w2.add(fs1);
+
+
+    var icon1 = new qx.ui.basic.Image("icon/32/error.png");
+    var warn1 = new qx.ui.basic.Label("Do you want to delete<br/>all your personal data?");
+
+    icon1.setTop(10);
+    icon1.setLeft(10);
+
+    warn1.setTop(10);
+    warn1.setLeft(48);
+
+    var btn3 = new qx.ui.form.Button("Yes", "icon/16/button-ok.png");
+    var btn4 = new qx.ui.form.Button("No", "icon/16/button-cancel.png");
+
+    btn3.addEventListener("execute", function(e) {
+      alert("Thank you!");
+      wm2.close();
+    });
+
+    btn4.addEventListener("execute", function(e) {
+      alert("Sorry, please click 'Yes'!");
+    });
+
+    btn3.set({ bottom : 10, right : 10 });
+    btn4.set({ bottom : 10, left : 10 });
+
+    wm2.add(btn3, btn4, icon1, warn1);
+
+
+
+    // Icon & Color Themes
+    //qx.manager.object.ImageManager.getInstance().createThemeList(w3, 20, 248);
+    qx.manager.object.ColorManager.getInstance().createThemeList(w3, 4, 58);
+
+
+
+
+    w1.open();
+    w2.open();
+    w3.open();
+  });
+  </script>
+</body>
+</html>