Adding stable release 0.3.1b to the 6.x-release branch

LICENSE.txt

@@ -0,0 +1,339 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 2, June 1991
+
+ Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
+ 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The licenses for most software are designed to take away your
+freedom to share and change it.  By contrast, the GNU General Public
+License is intended to guarantee your freedom to share and change free
+software--to make sure the software is free for all its users.  This
+General Public License applies to most of the Free Software
+Foundation's software and to any other program whose authors commit to
+using it.  (Some other Free Software Foundation software is covered by
+the GNU Lesser General Public License instead.)  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, 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 or use pieces of it
+in new free programs; and that you know you can do these things.
+
+  To protect your rights, we need to make restrictions that forbid
+anyone to deny you these rights or to ask you to surrender the rights.
+These restrictions translate to certain responsibilities for you if you
+distribute copies of the software, or if you modify it.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must give the recipients all the rights that
+you have.  You must make sure that they, too, receive or can get the
+source code.  And you must show them these terms so they know their
+rights.
+
+  We protect your rights with two steps: (1) copyright the software, and
+(2) offer you this license which gives you legal permission to copy,
+distribute and/or modify the software.
+
+  Also, for each author's protection and ours, we want to make certain
+that everyone understands that there is no warranty for this free
+software.  If the software is modified by someone else and passed on, we
+want its recipients to know that what they have is not the original, so
+that any problems introduced by others will not reflect on the original
+authors' reputations.
+
+  Finally, any free program is threatened constantly by software
+patents.  We wish to avoid the danger that redistributors of a free
+program will individually obtain patent licenses, in effect making the
+program proprietary.  To prevent this, we have made it clear that any
+patent must be licensed for everyone's free use or not licensed at all.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                    GNU GENERAL PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. This License applies to any program or other work which contains
+a notice placed by the copyright holder saying it may be distributed
+under the terms of this General Public License.  The "Program", below,
+refers to any such program or work, and a "work based on the Program"
+means either the Program or any derivative work under copyright law:
+that is to say, a work containing the Program or a portion of it,
+either verbatim or with modifications and/or translated into another
+language.  (Hereinafter, translation is included without limitation in
+the term "modification".)  Each licensee is addressed as "you".
+
+Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope.  The act of
+running the Program is not restricted, and the output from the Program
+is covered only if its contents constitute a work based on the
+Program (independent of having been made by running the Program).
+Whether that is true depends on what the Program does.
+
+  1. You may copy and distribute verbatim copies of the Program's
+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 give any other recipients of the Program a copy of this License
+along with the Program.
+
+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 Program or any portion
+of it, thus forming a work based on the Program, 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) You must cause the modified files to carry prominent notices
+    stating that you changed the files and the date of any change.
+
+    b) You must cause any work that you distribute or publish, that in
+    whole or in part contains or is derived from the Program or any
+    part thereof, to be licensed as a whole at no charge to all third
+    parties under the terms of this License.
+
+    c) If the modified program normally reads commands interactively
+    when run, you must cause it, when started running for such
+    interactive use in the most ordinary way, to print or display an
+    announcement including an appropriate copyright notice and a
+    notice that there is no warranty (or else, saying that you provide
+    a warranty) and that users may redistribute the program under
+    these conditions, and telling the user how to view a copy of this
+    License.  (Exception: if the Program itself is interactive but
+    does not normally print such an announcement, your work based on
+    the Program is not required to print an announcement.)
+
+These requirements apply to the modified work as a whole.  If
+identifiable sections of that work are not derived from the Program,
+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 Program, 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 Program.
+
+In addition, mere aggregation of another work not based on the Program
+with the Program (or with a work based on the Program) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+  3. You may copy and distribute the Program (or a work based on it,
+under Section 2) in object code or executable form under the terms of
+Sections 1 and 2 above provided that you also do one of the following:
+
+    a) 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; or,
+
+    b) Accompany it with a written offer, valid for at least three
+    years, to give any third party, for a charge no more than your
+    cost of physically performing source distribution, a complete
+    machine-readable copy of the corresponding source code, to be
+    distributed under the terms of Sections 1 and 2 above on a medium
+    customarily used for software interchange; or,
+
+    c) Accompany it with the information you received as to the offer
+    to distribute corresponding source code.  (This alternative is
+    allowed only for noncommercial distribution and only if you
+    received the program in object code or executable form with such
+    an offer, in accord with Subsection b above.)
+
+The source code for a work means the preferred form of the work for
+making modifications to it.  For an executable work, 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 executable.  However, as a
+special exception, the source code 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.
+
+If distribution of executable or 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 counts as
+distribution of the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+  4. You may not copy, modify, sublicense, or distribute the Program
+except as expressly provided under this License.  Any attempt
+otherwise to copy, modify, sublicense or distribute the Program 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.
+
+  5. 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 Program or its derivative works.  These actions are
+prohibited by law if you do not accept this License.  Therefore, by
+modifying or distributing the Program (or any work based on the
+Program), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Program or works based on it.
+
+  6. Each time you redistribute the Program (or any work based on the
+Program), the recipient automatically receives a license from the
+original licensor to copy, distribute or modify the Program 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 to
+this License.
+
+  7. 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 Program at all.  For example, if a patent
+license would not permit royalty-free redistribution of the Program 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 Program.
+
+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.
+
+  8. If the distribution and/or use of the Program is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Program 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.
+
+  9. The Free Software Foundation may publish revised and/or new versions
+of the 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 Program
+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 Program does not specify a version number of
+this License, you may choose any version ever published by the Free Software
+Foundation.
+
+  10. If you wish to incorporate parts of the Program into other free
+programs whose distribution conditions are different, 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
+
+  11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
+FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN
+OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
+PROVIDE THE PROGRAM "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 PROGRAM IS WITH YOU.  SHOULD THE
+PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
+REPAIR OR CORRECTION.
+
+  12. 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 PROGRAM 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 PROGRAM (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 PROGRAM TO OPERATE WITH ANY OTHER
+PROGRAMS), 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 Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  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 program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program 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 General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+
+Also add information on how to contact you by electronic and paper mail.
+
+If the program is interactive, make it output a short notice like this
+when it starts in an interactive mode:
+
+    Gnomovision version 69, Copyright (C) year name of author
+    Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, the commands you use may
+be called something other than `show w' and `show c'; they could even be
+mouse-clicks or menu items--whatever suits your program.
+
+You should also get your employer (if you work as a programmer) or your
+school, if any, to sign a "copyright disclaimer" for the program, if
+necessary.  Here is a sample; alter the names:
+
+  Yoyodyne, Inc., hereby disclaims all copyright interest in the program
+  `Gnomovision' (which makes passes at compilers) written by James Hacker.
+
+  <signature of Ty Coon>, 1 April 1989
+  Ty Coon, President of Vice
+
+This General Public License does not permit incorporating your program into
+proprietary programs.  If your program is a subroutine library, you may
+consider it more useful to permit linking proprietary applications with the
+library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.

theme_tripal/css/tripal.css

@@ -0,0 +1,165 @@
+.tripal-info-box {
+   width: 100%;
+   padding-bottom: 10px;
+}
+.tripal-table {
+   width: 100%; 
+}
+.tripal-table th, 
+.tripal-table td {
+   vertical-align:text-top;
+   padding-left: 10px;
+   padding-right: 10px;
+   padding-top: 5px;
+   padding-bottom: 5px;
+}
+.tripal-table-horz {
+   border-top: 2px solid #999999;
+   border-bottom: 2px solid #999999; 
+}
+
+/* settings for vertical tables (headers across left-side) */
+table.tripal-table-vert .tripal-table-even-row th {
+   background-color: #EEEEEE;
+   font-weight: none;
+   text-align: right;
+}
+table.tripal-table-vert .tripal-table-odd-row th {
+   background-color: #FFFFFF;
+   text-align: right;
+}
+table.tripal-table-vert .tripal-table-even-row {
+   background-color: #EEEEEE;
+   border-top: 1px solid #CCCCCC;
+   border-bottom: 1px solid #CCCCCC;
+}
+table.tripal-table-vert .tripal-table-odd-row {
+   background-color: #FFFFFF;
+   border-top: 1px solid #CCCCCC;
+   border-bottom: 1px solid #CCCCCC;
+}
+/* settings for horizontal tables (headers across top) */
+table.tripal-table-horz th {
+   background-color: #EEEEFF;
+   font-weight: none;
+   text-align: left;
+}
+table.tripal-table-horz .tripal-table-even-row {
+   background-color: #FFFFFF;
+   font-weight: none;
+   text-align: left;
+   border-top: 1px solid #CCCCCC;
+   border-bottom: 1px solid #CCCCCC;
+}
+table.tripal-table-horz .tripal-table-odd-row {
+   background-color: #EEEEEE;
+   text-align: left;
+   border-top: 1px solid #CCCCCC;
+   border-bottom: 1px solid #CCCCCC;
+}
+
+.tripal-info-box-title {
+  font-size: 1.5em;
+  padding-bottom: 15px;
+
+}
+.tripal-info-box-desc {
+  padding-bottom: 15px;
+}
+/* hide the title when inside of a block on a panel */
+.pane-block .tripal-info-box-title {
+   visibility: hidden;
+   padding: 0;
+   margin: 0;
+   height: 0px;
+}
+
+/* Ajax loader */
+#tripal_ajaxLoading {
+   position: fixed;
+   top: 40%;
+   left: 40%;
+   padding: 15px;
+   border: 1px solid #000000;
+   background-color: #EEEEEE;
+   opacity: 0.75;
+   -moz-opacity: 0.75;
+   z-index: 10;
+}
+
+#tripal_ajaxLoading #loadingText {
+   font-weight: bold;
+   font-size: 1.5em;
+   color: #000000;
+}
+
+/* Restrict the list of checkboxes in a 300px window */
+.form-checkboxes {
+   height: auto;
+   max-height: 300px;
+   overflow: auto;
+}
+
+/* no results message */
+.tripal-no-results {
+   font-style: italic;
+   padding: 10px;
+   background-color: #FFEEEE;
+}
+
+.tripal_toc {
+  float: left;
+  width: 20%;
+  background-color: #EEEEEE;
+
+  -moz-border-radius: 15px;
+  -webkit-border-radius: 15px;
+  -khtml-border-radius: 15px;
+  border-radius: 15px;
+
+  -moz-box-shadow: 3px 3px 4px #888888;
+  -webkit-box-shadow: 3px 3px 4px #888888;
+  box-shadow: 3px 3px 4px #888888;
+
+
+
+  padding: 20px;
+  min-height: 500px;
+  border-style:solid;
+  border-width:1px;
+}
+.tripal_toc ul {
+ margin-left: 0px;
+ margin-top: 5px;
+ padding-left: 15px;
+}
+.tripal_toc_title {
+  font-size: 1.5em;
+  line-height: 110%;
+  padding-bottom: 10px;
+}
+.tripal_toc_desc {
+ /*font-style: italic; */
+}
+.tripal_details {
+  float: left;
+  width: 69%;
+  background-color: #FFFFFF;
+
+  -moz-border-radius: 15px;
+  -webkit-border-radius: 15px;
+  -khtml-border-radius: 15px;
+  border-radius: 15px;
+
+  -moz-box-shadow: 3px 3px 4px #888888;
+  -webkit-box-shadow: 3px 3px 4px #888888;
+  box-shadow: 3px 3px 4px #888888;
+  padding: 20px;
+  min-height: 500px;
+  margin-right: 10px;
+  margin-bottom: 10px;
+  border-style:solid;
+  border-width:1px;
+  
+  overflow:auto;
+}

theme_tripal/css/tripal_cv.css

@@ -0,0 +1,35 @@
+/*
+ Copyright 2009 Clemson University
+*/
+
+.treeview .placeholder {
+	background: url(images/ajax-loader.gif) 0 0 no-repeat;
+	height: 16px;
+	width: 16px;
+	display: block;
+}
+
+#tripal_cv_cvterm_info_box {
+   position: absolute;
+   top: 0%; left: 30%;
+   padding:10px;
+   width:650px;
+   display: none;
+   border: 1px solid #000000;
+   background-color: #EFEFEF;
+   opacity: 0.90;
+   -moz-opacity: 0.90;
+   z-index: 10;
+   -webkit-border-radius: 5px;
+   -moz-border-radius: 5px;
+   border-radius: 5px;
+   color: #000000;
+}
+
+#tripal_cv_cvterm_info_box h3 {
+   border-bottom: 1px solid #AAAAAA;
+}
+
+#tripal_cv_cvterm_info {
+   color: #000000;
+}

theme_tripal/css/tripal_feature.css

@@ -0,0 +1,76 @@
+#tripal_feature-featureloc_sequence,
+#tripal_feature-sequence-residues {
+  /*height: 500px;*/
+  /*overflow: scroll;*/
+  background-color: #FFFFFF;
+  font-family: monospace;
+}
+
+div#tripal_feature-featureloc_sequence-legend {
+   padding: 10px;
+   margin: 10px;
+}
+/* styles for cvterm types in sequences */
+div#tripal_feature-featureloc_sequence-legend span {
+   margin: 5px;
+   padding: 10px;
+}
+span.tripal_feature-featureloc_sequence-five_prime_UTR {
+   background-color: #99FF99;
+}
+
+span.tripal_feature-featureloc_sequence-three_prime_UTR {
+   background-color: #FF9999;
+}
+
+span.tripal_feature-featureloc_sequence-CDS {
+   background-color: #FFFF99;
+}
+
+span.tripal_feature-featureloc_sequence-mRNA {
+   background-color: #FFFF99;
+}
+
+span.tripal_feature-featureloc_sequence-exon {
+   background-color: #9999FF;
+}
+
+span.tripal_feature-featureloc_sequence-intron {
+   background-color: #FFFFFF;
+}
+/* information tables on the feature pages */
+table.tripal_feature-relationships-subject-table th {
+   background-color: #EEEEEE;
+   text-align: left;
+}
+table.tripal_feature-relationships-object-table th {
+   background-color: #EEEEEE;
+   text-align: left;
+}
+table.tripal_feature-locations-table th {
+   background-color: #EEEEEE;
+   text-align: left;
+}
+table.tripal_feature-references-table th {
+   background-color: #EEEEEE;
+   text-align: left;
+
+}
+/* feature relationship edit form */
+#tripal-feature-edit-ALL-relationships-form .form-item,
+#tripal-feature-edit-ALL-db-references-form .form-item {
+   float: left;
+   margin: 0 10px 0 0;
+   
+}
+#tripal-feature-edit-ALL-db-references-form .form-submit {
+   float: none;
+   display: block;
+}
+.tripal_feature-obsolete {
+   color: red;
+   font-weight: bold;
+   font-style: italic;
+   padding-bottom: 15px; 
+   text-align: center;
+}

theme_tripal/css/tripal_organism.css

@@ -0,0 +1,31 @@
+
+#tripal_organism-image-box {
+   float: left;
+   margin-left: 10px;
+   margin-bottom: 10px;
+   margin-right: 10px;
+   width: auto;
+}
+#tripal_organism-image-box img {
+   max-height: 200px;
+}
+
+#tripal_organism-base-box {
+   float: left;
+}
+#tripal_organism-description-box {
+   clear: left;
+   width: auto;
+}
+
+#tripal_organism-base-box img {
+ float: left;
+ margin-bottom: 10px;
+}
+#tripal_organism-table-base {
+ float: left;
+ width: 330px;
+ margin-left: 10px;
+ margin-bottom: 10px;
+}
+

theme_tripal/js/jgcharts/doc/custom.html

@@ -0,0 +1,413 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+    <meta http-equiv="refresh" content="0; url=../include/demo/">
+    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
+    <title>jgcharts - jQuery Google Charts</title>
+    <meta http-equiv="Content-Language" content="en-us" />
+    <meta name="author" content="Massimiliano Balestrieri" />
+    <script type="text/javascript" src="../lib/jquery/jquery-1.2.6.min.js"></script>
+    <script type="text/javascript" src="../lib/farbtastic/farbtastic.js"></script>
+    <link rel="stylesheet" href="../lib/farbtastic/farbtastic.css" type="text/css" />
+    <script type="text/javascript" src="../lib/metadata/jquery.metadata.pack.js"></script>
+    <script type="text/javascript" src="../lib/sugar-arrays.js"></script>
+    <script type="text/javascript" src="../lib/iterators.js"></script>
+    <script type="text/javascript" src="../lib/jquery.tablelib.js"></script>
+    <script type="text/javascript" src="../jgcharts.js"></script>
+    <script type="text/javascript" src="../plugins/table/jgtable.js"></script>
+    <script type="text/javascript"><!--
+        jQuery(document).ready(function(){
+            var json = jQuery.getJSON(
+                "json/delpiero.json",
+	            //wait json data
+	            function(json){
+	                var data_custom = [];
+	                for(var x= 0;x< jQuery("#table-9").find("tbody > tr").size();x++){
+		                data_custom.push(jQuery.map( jQuery("#table-9").find("tbody > tr:eq(" + x + ") > td"),
+	                               function(td,index){
+                                        if(index % 11 == 1 || index % 11 == 2){
+                                            if(parseInt(jQuery(td).text()))
+                                                return parseInt(jQuery(td).text());
+                                            else
+                                                return 0;
+                                        } 
+                                   }
+	                    ));
+	                    
+	                }
+	                var axis_custom = jQuery.map( jQuery("#table-9").find("tbody > tr > th.custom"),
+                               function(th) { return jQuery(th).text(); }
+                    );
+                    var legend_custom = ["presenze", "gol"];
+                    
+                    json.axis_labels = axis_custom;
+                    json.data = data_custom;
+                    json.legend = legend_custom;
+                    
+                    
+		            jQuery(".jgtable-json").jgtable(json);
+		            
+		            var data_custom = [];
+                    for(var x= 0;x< jQuery("#table-9").find("tbody > tr").size();x++){
+                        data_custom.push(jQuery.map( jQuery("#table-9").find("tbody > tr:eq(" + x + ") > td"),
+                                   function(td,index){
+                                        if(index % 11 == 9 || index % 11 == 10){
+                                            if(parseInt(jQuery(td).text()))
+                                                return parseInt(jQuery(td).text());
+                                            else
+                                                return 0;
+                                        } 
+                                   }
+                        ));
+                        
+                    }
+                    json.data = data_custom;
+                    json.title = 'Gol e presenze totali';
+                    
+		            jQuery(".jgtable-json").jgtable(json);
+		            jQuery(".example h1").click(function(){
+		                jQuery(this).parent().find("div, table").toggle();
+		            });
+		            //.trigger("click");
+	        });
+            
+        });
+    --></script>
+    <style type="text/css">
+        body{font-family:Trebuchet MS,Arial,FreeSans,sans-serif;}
+        .example h1{border:1px dashed #000;padding:3px;}
+        table {width:100%}
+        table tbody tr td,table tbody tr th,table thead tr th,table tfoot tr th
+        {text-align:left;font-weight:normal;font-size:80%;border:1px dashed #000; padding:3px; margin:1px}
+    </style>
+</head>
+<body>
+<h1>JQuery Google Charts 0.91 - Examples (<a href="dashboard.html">try dashboard for write metadata</a>)</h1>
+<div class="example">
+<h1>Example Custom - Alessandro Del Piero</h1>
+<table id="table-9" class="jgtable-json">
+  <thead>
+    <tr>
+    <th colspan="2">Cronologia</th>
+    <th colspan="2">Campionato</th>
+    <th colspan="2">Coppe di Lega<small><sup>*</sup></small></th>
+    <th colspan="2">Coppe Europee<small><sup>**</sup></small></th>
+    <th colspan="2">Coppe Internazionali<small><sup>***</sup></small></th>
+    <th colspan="2">Totale</th>
+  </tr>
+  <tr>
+    <th>Stagione - Squadra</th>
+    <th>Serie</th>
+    <th>Presenze</th>
+    <th>Gol</th>
+    <th>Presenze</th>
+    <th>Gol</th>
+    <th>Presenze</th>
+    
+    <th>Gol</th>
+    <th>Presenze</th>
+    <th>Gol</th>
+    <th>Presenze</th>
+    <th>Gol</th>
+  </tr>
+  </thead>
+  <tfoot>
+    <tr>
+        <th colspan="2">Totale</th>
+        <th>417</th>
+        <th>176</th>
+        <th>51</th>
+        <th>22</th>
+        <th>105</th>
+        <th>43</th>
+        <th>1</th>
+        
+        <th>1</th>
+        <th>574</th>
+        <th>242</th>
+    </tr>
+    </tfoot>
+  <tbody>
+  
+  <tr>
+	<th class="custom">1991-92 - Padova</th>
+	
+	<td>B</td>
+	<td>4</td>
+	<td>-</td>
+	<td>-</td>
+	<td>-</td>
+	<td>-</td>
+	<td>-</td>
+	<td>-</td>
+	<td>-</td>
+	
+	<td>4</td>
+	<td>-</td>
+	</tr>
+	<tr>
+	<th class="custom">1992-93 - Juventus</th>
+	<td>B</td>
+	<td>10</td>
+	<td>1</td>
+	
+	<td>-</td>
+	<td>-</td>
+	<td>-</td>
+	<td>-</td>
+	<td>-</td>
+	<td>-</td>
+	<td>10</td>
+	<td>1</td>
+	</tr>
+	
+	<tr>
+	<th class="custom">1993-94 - Juventus</th>
+	<td>A</td>
+	<td>11</td>
+	<td>5</td>
+	<td>1</td>
+	<td>-</td>
+	<td>2</td>
+	
+	<td>-</td>
+	<td>-</td>
+	<td>-</td>
+	<td>14</td>
+	<td>5</td>
+	</tr>
+	<tr>
+	<th class="custom">1994-95 - Juventus</th>
+	
+	<td>A</td>
+	<td>29</td>
+	<td>8</td>
+	<td>10</td>
+	<td>1</td>
+	<td>11</td>
+	<td>1</td>
+	<td>-</td>
+	<td>-</td>
+	
+	<td>50</td>
+	<td>10</td>
+	</tr>
+	<tr>
+	<th class="custom">1995-96 - Juventus</th>
+	<td>A</td>
+	<td>29</td>
+	<td>6</td>
+	
+	<td>3</td>
+	<td>1</td>
+	<td>11</td>
+	<td>6</td>
+	<td>-</td>
+	<td>-</td>
+	<td>43</td>
+	<td>13</td>
+	</tr>
+	
+	<tr>
+	<th class="custom">1996-97 - Juventus</th>
+	<td>A</td>
+	<td>22</td>
+	<td>8</td>
+	<td>4</td>
+	<td>-</td>
+	<td>8</td>
+	
+	<td>6</td>
+	<td>1</td>
+	<td>1</td>
+	<td>35</td>
+	<td>15</td>
+	</tr>
+	<tr>
+	<th class="custom">1997-98 - Juventus</th>
+	
+	<td>A</td>
+	<td>32</td>
+	<td>21</td>
+	<td>5</td>
+	<td>1</td>
+	<td>10</td>
+	<td>10</td>
+	<td>-</td>
+	<td>-</td>
+	
+	<td>47</td>
+	<td>32</td>
+	</tr>
+	<tr>
+	<th class="custom">1998-99 - Juventus</th>
+	<td>A</td>
+	<td>8</td>
+	<td>2</td>
+	
+	<td>2</td>
+	<td>1</td>
+	<td>4</td>
+	<td>-</td>
+	<td>-</td>
+	<td>-</td>
+	<td>14</td>
+	<td>3</td>
+	</tr>
+	
+	<tr>
+	<th class="custom">1999-00 - Juventus</th>
+	<td>A</td>
+	<td>34</td>
+	<td>9</td>
+	<td>2</td>
+	<td>1</td>
+	<td>9</td>
+	
+	<td>2</td>
+	<td>-</td>
+	<td>-</td>
+	<td>45</td>
+	<td>12</td>
+	</tr>
+	<tr>
+	<th class="custom">2000-01 - Juventus</th>
+	
+	<td>A</td>
+	<td>25</td>
+	<td>9</td>
+	<td>2</td>
+	<td>-</td>
+	<td>6</td>
+	<td>-</td>
+	<td>-</td>
+	<td>-</td>
+	
+	<td>33</td>
+	<td>9</td>
+	</tr>
+	<tr>
+	<th class="custom">2001-02 - Juventus</th>
+	<td>A</td>
+	<td>32</td>
+	<td>16</td>
+	
+	<td>4</td>
+	<td>1</td>
+	<td>10</td>
+	<td>4</td>
+	<td>-</td>
+	<td>-</td>
+	<td>46</td>
+	<td>21</td>
+	</tr>
+	
+	<tr>
+	<th class="custom">2002-03 - Juventus</th>
+	<td>A</td>
+	<td>24</td>
+	<td>16</td>
+	<td>1</td>
+	<td>2</td>
+	<td>13</td>
+	
+	<td>5</td>
+	<td>-</td>
+	<td>-</td>
+	<td>38</td>
+	<td>23</td>
+	</tr>
+	<tr>
+	<th class="custom">2003-04 - Juventus</th>
+	
+	<td>A</td>
+	<td>22</td>
+	<td>8</td>
+	<td>5</td>
+	<td>3</td>
+	<td>4</td>
+	<td>3</td>
+	<td>-</td>
+	<td>-</td>
+	
+	<td>31</td>
+	<td>14</td>
+	</tr>
+	<tr>
+	<th class="custom">2004-05 - Juventus</th>
+	<td>A</td>
+	<td>30</td>
+	<td>14</td>
+	
+	<td>1</td>
+	<td>-</td>
+	<td>10</td>
+	<td>3</td>
+	<td>-</td>
+	<td>-</td>
+	<td>41</td>
+	<td>17</td>
+	</tr>
+	
+	<tr>
+	<th class="custom">2005-06 - Juventus</th>
+    <td>A</td>
+	<td>33</td>
+	<td>12</td>
+	<td>5</td>
+	<td>5</td>
+	<td>7</td>
+	
+	<td>3</td>
+	<td>-</td>
+	<td>-</td>
+	<td>45</td>
+	<td>20</td>
+	</tr>
+	<tr>
+	<th class="custom">2006-07 - Juventus</th>
+    
+	<td>B</td>
+	<td>35</td>
+	<td>20</td>
+	<td>2</td>
+	<td>3</td>
+	<td>-</td>
+	<td>-</td>
+	<td>-</td>
+	<td>-</td>
+	
+	<td>37</td>
+	<td>23</td>
+	</tr>
+	
+	<tr>
+	<th class="custom">2007-08 - Juventus</th>
+    <td>A</td>
+	<td>37</td>
+	<td>21</td>
+	
+	<td>4</td>
+	<td>3</td>
+	<td>-</td>
+	<td>-</td>
+	<td>-</td>
+	<td>-</td>
+	<td>41</td>
+	<td>24</td>
+	</tr>
+	
+	
+	</tbody>
+	
+</table>
+</div>
+
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-258871-1";
+urchinTracker();
+</script>
+
+</body>
+</html>    

theme_tripal/js/jgcharts/doc/dashboard.html

@@ -0,0 +1,495 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
+<head>
+    <title>jgcharts - jQuery Google Charts</title>
+    <meta http-equiv="refresh" content="0; url=../include/demo/">
+    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
+    <meta http-equiv="Content-Language" content="en-us" />
+    <meta name="author" content="Massimiliano Balestrieri" />
+    <script type="text/javascript" src="../lib/jquery-1.2.5.pack.js"></script>
+    <script type="text/javascript" src="../lib/farbtastic/farbtastic.js"></script>
+    <link rel="stylesheet" href="../lib/farbtastic/farbtastic.css" type="text/css" />
+    <script type="text/javascript" src="../lib/sugar-arrays.js"></script>
+    <script type="text/javascript" src="../lib/iterators.js"></script>
+    <script type="text/javascript" src="../lib/jquery.tablelib.js"></script>
+    <script type="text/javascript" src="../jgcharts.js"></script>
+    <script type="text/javascript" src="../plugins/dashboard/jgdash.js"></script>
+    <script type="text/javascript"><!--
+        jQuery(document).ready(function(){
+            jQuery("#dash").jgdash({
+                    target  : "#target", 
+                    debug   : "#debug",
+                    url     : "../plugins/dashboard/",
+                    sources : ["table-0","table-1","table-2","table-3","table-4"] 
+            });
+        });
+    --></script>
+    <style type="text/css">
+        table tbody tr td,table tbody tr th,table thead tr th
+        {font-size:80%;border:1px dashed #000; padding:3px; margin:1px}
+    </style>
+</head>
+<body>
+<div id="test"></div>
+<div id="target"></div>
+<div id="debug"></div>
+<div id="dash"></div>
+
+<div>
+http://www.istat.it/dati/dataset/20080429_00/
+
+Tavola 1        
+Indici dei prezzi alla produzione dei prodotti industriali venduti sul mercato interno.
+Raggruppamento Principale di Industrie: Energia - Serie storica 2003-2008
+</div>
+<table id="table-0">
+<thead>
+<tr>
+    <th></th>
+    <th class="serie">CA</th>
+    <th class="serie">DF</th>
+</tr>
+</thead>
+<tbody>
+   <tr>
+    <th class="serie">01-03</th>
+    <td>105.7</td>
+    <td>97.9</td>
+  </tr>
+  <tr>
+    <th class="serie">02-03</th>
+    <td>108.1</td>
+    <td>101.6</td>
+  </tr>
+  <tr>
+    <th class="serie">03-03</th>
+    <td>110.7</td>
+    <td>102.9</td>
+  </tr>
+  
+  <tr>
+    <th class="serie">04-03</th>
+    <td>111.0</td>
+    <td>93.7</td>
+  </tr>
+  <tr>
+    <th class="serie">05-03</th>
+    <td>110.0</td>
+    <td>89.8</td>
+  </tr>
+  <tr>
+    <th class="serie">06-03</th>
+    <td>109.0</td>
+    <td>90.7</td>
+  </tr>
+  <tr>
+    <th class="serie">07-03</th>
+    <td>107.5</td>
+    <td>93.0</td>
+  </tr>
+  <tr>
+    <th class="serie">08-03</th>
+    <td>106.1</td>
+    <td>94.5</td>
+  </tr>
+  <tr>
+    <th class="serie">09-03</th>
+    <td>104.3</td>
+    <td>91.9</td>
+  </tr>
+  <tr>
+    <th class="serie">10-03</th>
+    <td>102.0</td>
+    <td>93.9</td>
+  </tr>
+  <tr>
+    <th class="serie">11-03</th>
+    <td>102.8</td>
+    <td>93.6</td>
+  </tr>
+  <tr>
+    <th class="serie">12-03</th>
+    <td>103.8</td>
+    <td>92.6</td>
+  </tr>
+  
+  <tr>
+    <th class="serie">01-04</th>
+    <td>102.9</td>
+    <td>94.0</td>
+  </tr>
+  <tr>
+    <th class="serie">02-04</th>
+    <td>102.1</td>
+    <td>92.7</td>
+  </tr>
+  <tr>
+    <th class="serie">03-04</th>
+    <td>100.6</td>
+    <td>96.0</td>
+  </tr>
+  
+ <tr>
+    <th class="serie">04-04</th>
+    <td>101.7</td>
+    <td>97.9</td>
+  </tr>
+  <tr>
+    <th class="serie">05-04</th>
+    <td>101.8</td>
+    <td>105.0</td>
+  </tr>
+  <tr>
+    <th class="serie">06-04</th>
+    <td>103.3</td>
+    <td>104.1</td>
+  </tr>
+  <tr>
+    <th class="serie">07-04</th>
+    <td>104.0</td>
+    <td>105.1</td>
+  </tr>
+  <tr>
+    <th class="serie">08-04</th>
+    <td>103.7</td>
+    <td>108.1</td>
+  </tr>
+  <tr>
+    <th class="serie">09-04</th>
+    <td>108.4</td>
+    <td>108.4</td>
+  </tr>
+  <tr>
+    <th class="serie">10-04</th>
+    <td>109.4</td>
+    <td>113.8</td>
+  </tr>
+  <tr>
+    <th class="serie">11-04</th>
+    <td>112.0</td>
+    <td>109.1</td>
+  </tr>
+  <tr>
+    <th class="serie">12-04</th>
+    <td>112.6</td>
+    <td>106.3</td>
+  </tr>
+  <tr>
+    <th class="serie">01-05</th>
+    <td>115.5</td>
+    <td>106.7</td>
+  </tr>
+  <tr>
+    <th class="serie">02-05</th>
+    <td>115.7</td>
+    <td>108.8</td>
+  </tr>
+  <tr>
+    <th class="serie">03-05</th>
+    <td>114.7</td>
+    <td>118.8</td>
+  </tr>
+  <tr>
+    <th class="serie">04-05</th>
+    <td>115.9</td>
+    <td>120.4</td>
+  </tr>
+  <tr>
+    <th class="serie">05-05</th>
+    <td>116.2</td>
+    <td>115.9</td>
+  </tr>
+  <tr>
+    <th class="serie">06-05</th>
+    <td>118.0</td>
+    <td>124.7</td>
+  </tr>
+  <tr>
+    <th class="serie">07-05</th>
+    <td>123.3</td>
+    <td>126.5</td>
+  </tr>
+  <tr>
+    <th class="serie">08-05</th>
+    <td>127.6</td>
+    <td>131.6</td>
+  </tr>
+  <tr>
+    <th class="serie">09-05</th>
+    <td>130.3</td>
+    <td>134.0</td>
+  </tr>
+  <tr>
+    <th class="serie">10-05</th>
+    <td>135.5</td>
+    <td>135.7</td>
+  </tr>
+  <tr>
+    <th class="serie">11-05</th>
+    <td>138.2</td>
+    <td>126.4</td>
+  </tr>
+  <tr>
+    <th class="serie">12-05</th>
+    <td>139.6</td>
+    <td>127.4</td>
+  </tr>
+  <tr>
+    <th class="serie">01-06</th>
+    <td>145.1</td>
+    <td>131.0</td>
+  </tr>
+  <tr>
+    <th class="serie">02-06</th>
+    <td>146.4</td>
+    <td>129.9</td>
+  </tr>
+  <tr>
+    <th class="serie">03-06</th>
+    <td>147.1</td>
+    <td>133.7</td>
+  </tr>
+  <tr>
+    <th class="serie">04-06</th>
+    <td>149.0</td>
+    <td>138.4</td>
+  </tr>
+  <tr>
+    <th class="serie">05-06</th>
+    <td>150.3</td>
+    <td>141.0</td>
+  </tr>
+  <tr>
+    <th class="serie">06-06</th>
+    <td>151.3</td>
+    <td>139.3</td>
+  </tr>
+  <tr>
+    <th class="serie">07-06</th>
+    <td>153.4</td>
+    <td>145.3</td>
+  </tr>
+  <tr>
+    <th class="serie">08-06</th>
+    <td>152.7</td>
+    <td>142.9</td>
+  </tr>
+  <tr>
+    <th class="serie">09-06</th>
+    <td>152.9</td>
+    <td>129.2</td>
+  </tr>
+  <tr>
+    <th class="serie">10-06</th>
+    <td>152.2</td>
+    <td>126.0</td>
+  </tr>
+  <tr>
+    <th class="serie">11-06</th>
+    <td>151.9</td>
+    <td>124.8</td>
+  </tr>
+  <tr>
+    <th class="serie">12-06</th>
+    <td>150.1</td>
+    <td>125.9</td>
+  </tr>
+  <tr>
+    <th class="serie">01-07</th>
+    <td>148.2</td>
+    <td>118.9</td>
+  </tr>
+  <tr>
+    <th class="serie">02-07</th>
+    <td>145.3</td>
+    <td>122.9</td>
+  </tr>
+  <tr>
+    <th class="serie">03-07</th>
+    <td>142.9</td>
+    <td>127.7</td>
+  </tr>
+  <tr>
+    <th class="serie">04-07</th>
+    <td>142.6</td>
+    <td>134.4</td>
+  </tr>
+  <tr>
+    <th class="serie">05-07</th>
+    <td>144.0</td>
+    <td>138.5</td>
+  </tr>
+  <tr>
+    <th class="serie">06-07</th>
+    <td>145.5</td>
+    <td>138.7</td>
+  </tr>
+  <tr>
+    <th class="serie">07-07</th>
+    <td>147.2</td>
+    <td>141.8</td>
+  </tr>
+  <tr>
+    <th class="serie">08-07</th>
+    <td>150.0</td>
+    <td>139.2</td>
+  </tr>
+  <tr>
+    <th class="serie">09-07</th>
+    <td>153.8</td>
+    <td>145.6</td>
+  </tr>
+  <tr>
+    <th class="serie">10-07</th>
+    <td>155.4</td>
+    <td>147.6</td>
+  </tr>
+  <tr>
+    <th class="serie">11-07</th>
+    <td>157.0</td>
+    <td>157.9</td>
+  </tr>
+  <tr>
+    <th class="serie">12-07</th>
+    <td>158.4</td>
+    <td>156.2</td>
+  </tr>
+  <tr>
+    <th class="serie">01-08</th>
+    <td>162.8</td>
+    <td>153.9</td>
+  </tr>
+  <tr>
+    <th class="serie">02-08</th>
+    <td>162.8</td>
+    <td>158.6</td>
+  </tr>
+  <tr>
+    <th class="serie">03-08</th>
+    <td>164.7</td>
+    <td>166.3</td>
+  </tr>
+  <tr>
+    <th class="serie">04-08</th>
+    <td>168.5</td>
+    <td>165.8</td>
+  </tr>
+</tbody>
+</table>
+<table id="table-1">
+  <thead>
+    <tr>
+        <th>Anno</th>
+        <th class="serie">Data 1</th>
+        <th class="serie">Data 2</th>
+        <th class="serie">Data 3</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+        <th class="serie">2001</th>
+        <td>153</td>
+        <td>60</td>
+        <td>52</td>
+    </tr>
+    <tr>
+        <th class="serie">2002</th>
+        <td>113</td>
+        <td>70</td>
+        <td>60</td>
+    </tr>
+    <tr>
+        <th class="serie">2003</th>
+        <td>120</td>
+        <td>80</td>
+        <td>40</td>
+    </tr>
+  </tbody>
+</table>
+<table id="table-2">
+  <thead>
+    <tr>
+        <th>Anno</th>
+        <th class="serie">Data 1</th>
+        <th class="serie">Data 2</th>
+        <th class="serie">Data 3</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+        <th class="serie">2001</th>
+        <td>73</td>
+        <td>40</td>
+        <td>423</td>
+    </tr>
+    <tr>
+        <th class="serie">2002</th>
+        <td>63</td>
+        <td>30</td>
+        <td>-40</td>
+    </tr>
+    <tr>
+        <th class="serie">2003</th>
+        <td>2</td>
+        <td>4</td>
+        <td>0</td>
+    </tr>
+  </tbody>
+</table>
+
+<table id="table-3">
+  <thead>
+    <tr>
+        <th>Anno</th>
+        <th class="serie">Data 4</th>
+        <th class="serie">Data 5</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+        <th class="serie">2001</th>
+        <td>40</td>
+        <td>30</td>
+    </tr>
+    <tr>
+        <th class="serie">2000</th>
+        <td>30</td>
+        <td>40</td>
+    </tr>
+  </tbody>
+</table>
+
+<table id="table-4">
+  <thead>
+    <tr>
+        <th>Anno</th>
+        <th class="serie">Data 4</th>
+        <th class="serie">Data 5</th>
+        <th class="serie">Data 6</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+        <th class="serie">2001</th>
+        <td>40</td>
+        <td>30</td>
+        <td>20</td>
+    </tr>
+    <tr>
+        <th class="serie">2000</th>
+        <td>30</td>
+        <td>40</td>
+        <td>30</td>
+    </tr>
+  </tbody>
+</table>
+
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
+<script type="text/javascript">
+_uacct = "UA-258871-1";
+urchinTracker();
+</script>
+
+</body>
+</html>    

theme_tripal/js/jgcharts/doc/index.html

@@ -0,0 +1,591 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
+    <title>jgcharts - jQuery Google Charts</title>
+    <meta http-equiv="refresh" content="0; url=../include/demo/">
+    <meta http-equiv="Content-Language" content="en-us" />
+    <meta name="author" content="Massimiliano Balestrieri" />
+    <script type="text/javascript" src="../lib/jquery/jquery-1.3.1.min.js"></script>
+    <script type="text/javascript" src="../lib/farbtastic/farbtastic.js"></script>
+    <link rel="stylesheet" href="../lib/farbtastic/farbtastic.css" type="text/css" />
+    <script type="text/javascript" src="../lib/metadata/jquery.metadata.pack.js"></script>
+    <script type="text/javascript" src="../lib/sugar-arrays.js"></script>
+    <script type="text/javascript" src="../lib/iterators.js"></script>
+    <script type="text/javascript" src="../lib/jquery.tablelib.js"></script>
+    <script type="text/javascript" src="../jgcharts.pack.js"></script>
+    <script type="text/javascript" src="../plugins/table/jgtable.pack.js"></script>
+    <script type="text/javascript"><!--
+        jQuery(document).ready(function(){
+            jQuery(".jgtable").jgtable();
+            jQuery(".example h1").click(function(){
+                jQuery(this).parent().find("div, table").toggle();
+            })
+            .trigger("click");
+            
+            
+        });
+    --></script>
+    <style type="text/css">
+        body{font-family:Trebuchet MS,Arial,FreeSans,sans-serif;}
+        .example h1{border:1px dashed #000;padding:3px;}
+        table {width:100%}
+        table tbody tr td,table tbody tr th,table thead tr th
+        {text-align:left;font-weight:normal;font-size:80%;border:1px dashed #000; padding:3px; margin:1px}
+    </style>
+</head>
+<body>
+<h1>JQuery Google Charts 0.91 - Examples (<a href="dashboard.html">try dashboard for write metadata</a>)</h1>
+<div class="example">
+<h1>Example 1</h1>
+<table id="table-0" class="jgtable {size:'650x450',type:'lc',axis_step:10,title:false,title_color:'000000',title_size:10,bar_width:30,bar_spacing:1,fillarea:true,fillbottom:true,filltop:true,colors:['FFFF00','FFCC00','99CC00'],lines:[[1,1,0],[1,1,0],[1,1,0]],bg:false,bg_type:'solid',bg_angle:90,bg_offset:false,bg_width:20,bg_trasparency:false,chbg:false,chbg_type:'solid',chbg_angle:90,chbg_offset:false,chbg_width:20,chbg_trasparency:false,grid:false,grid_x:10,grid_y:10,grid_line:10,grid_blank:10}">
+<thead>
+<tr>
+    <th></th>
+    <th class="serie">CA</th>
+    <th class="serie">DF</th>
+</tr>
+</thead>
+<tbody>
+   <tr>
+    <th class="serie">01-03</th>
+    <td>105.7</td>
+    <td>97.9</td>
+  </tr>
+  <tr>
+    <th class="serie">02-03</th>
+    <td>108.1</td>
+    <td>101.6</td>
+  </tr>
+  <tr>
+    <th class="serie">03-03</th>
+    <td>110.7</td>
+    <td>102.9</td>
+  </tr>
+  
+  <tr>
+    <th class="serie">04-03</th>
+    <td>111.0</td>
+    <td>93.7</td>
+  </tr>
+  <tr>
+    <th class="serie">05-03</th>
+    <td>110.0</td>
+    <td>89.8</td>
+  </tr>
+  <tr>
+    <th class="serie">06-03</th>
+    <td>109.0</td>
+    <td>90.7</td>
+  </tr>
+  <tr>
+    <th class="serie">07-03</th>
+    <td>107.5</td>
+    <td>93.0</td>
+  </tr>
+  <tr>
+    <th class="serie">08-03</th>
+    <td>106.1</td>
+    <td>94.5</td>
+  </tr>
+  <tr>
+    <th class="serie">09-03</th>
+    <td>104.3</td>
+    <td>91.9</td>
+  </tr>
+  <tr>
+    <th class="serie">10-03</th>
+    <td>102.0</td>
+    <td>93.9</td>
+  </tr>
+  <tr>
+    <th class="serie">11-03</th>
+    <td>102.8</td>
+    <td>93.6</td>
+  </tr>
+  <tr>
+    <th class="serie">12-03</th>
+    <td>103.8</td>
+    <td>92.6</td>
+  </tr>
+  
+  <tr>
+    <th class="serie">01-04</th>
+    <td>102.9</td>
+    <td>94.0</td>
+  </tr>
+  <tr>
+    <th class="serie">02-04</th>
+    <td>102.1</td>
+    <td>92.7</td>
+  </tr>
+  <tr>
+    <th class="serie">03-04</th>
+    <td>100.6</td>
+    <td>96.0</td>
+  </tr>
+  
+ <tr>
+    <th class="serie">04-04</th>
+    <td>101.7</td>
+    <td>97.9</td>
+  </tr>
+  <tr>
+    <th class="serie">05-04</th>
+    <td>101.8</td>
+    <td>105.0</td>
+  </tr>
+  <tr>
+    <th class="serie">06-04</th>
+    <td>103.3</td>
+    <td>104.1</td>
+  </tr>
+  <tr>
+    <th class="serie">07-04</th>
+    <td>104.0</td>
+    <td>105.1</td>
+  </tr>
+  <tr>
+    <th class="serie">08-04</th>
+    <td>103.7</td>
+    <td>108.1</td>
+  </tr>
+  <tr>
+    <th class="serie">09-04</th>
+    <td>108.4</td>
+    <td>108.4</td>
+  </tr>
+  <tr>
+    <th class="serie">10-04</th>
+    <td>109.4</td>
+    <td>113.8</td>
+  </tr>
+  <tr>
+    <th class="serie">11-04</th>
+    <td>112.0</td>
+    <td>109.1</td>
+  </tr>
+  <tr>
+    <th class="serie">12-04</th>
+    <td>112.6</td>
+    <td>106.3</td>
+  </tr>
+  <tr>
+    <th class="serie">01-05</th>
+    <td>115.5</td>
+    <td>106.7</td>
+  </tr>
+  <tr>
+    <th class="serie">02-05</th>
+    <td>115.7</td>
+    <td>108.8</td>
+  </tr>
+  <tr>
+    <th class="serie">03-05</th>
+    <td>114.7</td>
+    <td>118.8</td>
+  </tr>
+  <tr>
+    <th class="serie">04-05</th>
+    <td>115.9</td>
+    <td>120.4</td>
+  </tr>
+  <tr>
+    <th class="serie">05-05</th>
+    <td>116.2</td>
+    <td>115.9</td>
+  </tr>
+  <tr>
+    <th class="serie">06-05</th>
+    <td>118.0</td>
+    <td>124.7</td>
+  </tr>
+  <tr>
+    <th class="serie">07-05</th>
+    <td>123.3</td>
+    <td>126.5</td>
+  </tr>
+  <tr>
+    <th class="serie">08-05</th>
+    <td>127.6</td>
+    <td>131.6</td>
+  </tr>
+  <tr>
+    <th class="serie">09-05</th>
+    <td>130.3</td>
+    <td>134.0</td>
+  </tr>
+  <tr>
+    <th class="serie">10-05</th>
+    <td>135.5</td>
+    <td>135.7</td>
+  </tr>
+  <tr>
+    <th class="serie">11-05</th>
+    <td>138.2</td>
+    <td>126.4</td>
+  </tr>
+  <tr>
+    <th class="serie">12-05</th>
+    <td>139.6</td>
+    <td>127.4</td>
+  </tr>
+  <tr>
+    <th class="serie">01-06</th>
+    <td>145.1</td>
+    <td>131.0</td>
+  </tr>
+  <tr>
+    <th class="serie">02-06</th>
+    <td>146.4</td>
+    <td>129.9</td>
+  </tr>
+  <tr>
+    <th class="serie">03-06</th>
+    <td>147.1</td>
+    <td>133.7</td>
+  </tr>
+  <tr>
+    <th class="serie">04-06</th>
+    <td>149.0</td>
+    <td>138.4</td>
+  </tr>
+  <tr>
+    <th class="serie">05-06</th>
+    <td>150.3</td>
+    <td>141.0</td>
+  </tr>
+  <tr>
+    <th class="serie">06-06</th>
+    <td>151.3</td>
+    <td>139.3</td>
+  </tr>
+  <tr>
+    <th class="serie">07-06</th>
+    <td>153.4</td>
+    <td>145.3</td>
+  </tr>
+  <tr>
+    <th class="serie">08-06</th>
+    <td>152.7</td>
+    <td>142.9</td>
+  </tr>
+  <tr>
+    <th class="serie">09-06</th>
+    <td>152.9</td>
+    <td>129.2</td>
+  </tr>
+  <tr>
+    <th class="serie">10-06</th>
+    <td>152.2</td>
+    <td>126.0</td>
+  </tr>
+  <tr>
+    <th class="serie">11-06</th>
+    <td>151.9</td>
+    <td>124.8</td>
+  </tr>
+  <tr>
+    <th class="serie">12-06</th>
+    <td>150.1</td>
+    <td>125.9</td>
+  </tr>
+  <tr>
+    <th class="serie">01-07</th>
+    <td>148.2</td>
+    <td>118.9</td>
+  </tr>
+  <tr>
+    <th class="serie">02-07</th>
+    <td>145.3</td>
+    <td>122.9</td>
+  </tr>
+  <tr>
+    <th class="serie">03-07</th>
+    <td>142.9</td>
+    <td>127.7</td>
+  </tr>
+  <tr>
+    <th class="serie">04-07</th>
+    <td>142.6</td>
+    <td>134.4</td>
+  </tr>
+  <tr>
+    <th class="serie">05-07</th>
+    <td>144.0</td>
+    <td>138.5</td>
+  </tr>
+  <tr>
+    <th class="serie">06-07</th>
+    <td>145.5</td>
+    <td>138.7</td>
+  </tr>
+  <tr>
+    <th class="serie">07-07</th>
+    <td>147.2</td>
+    <td>141.8</td>
+  </tr>
+  <tr>
+    <th class="serie">08-07</th>
+    <td>150.0</td>
+    <td>139.2</td>
+  </tr>
+  <tr>
+    <th class="serie">09-07</th>
+    <td>153.8</td>
+    <td>145.6</td>
+  </tr>
+  <tr>
+    <th class="serie">10-07</th>
+    <td>155.4</td>
+    <td>147.6</td>
+  </tr>
+  <tr>
+    <th class="serie">11-07</th>
+    <td>157.0</td>
+    <td>157.9</td>
+  </tr>
+  <tr>
+    <th class="serie">12-07</th>
+    <td>158.4</td>
+    <td>156.2</td>
+  </tr>
+  <tr>
+    <th class="serie">01-08</th>
+    <td>162.8</td>
+    <td>153.9</td>
+  </tr>
+  <tr>
+    <th class="serie">02-08</th>
+    <td>162.8</td>
+    <td>158.6</td>
+  </tr>
+  <tr>
+    <th class="serie">03-08</th>
+    <td>164.7</td>
+    <td>166.3</td>
+  </tr>
+  <tr>
+    <th class="serie">04-08</th>
+    <td>168.5</td>
+    <td>165.8</td>
+  </tr>
+</tbody>
+</table>
+</div>
+<div class="example">
+<h1>Example 2</h1>
+<table id="table-1" class="jgtable {size:'650x350',type:'bhg',axis_step:1,title:'Example 2',title_color:'000000',title_size:16,bar_width:30,bar_spacing:2,fillarea:true,fillbottom:true,filltop:false,colors:['5131c9','FFCC00','da1b1b'],lines:[[1,1,0],[1,1,0],[1,1,0]],bg:'FFFFFF',bg_type:'gradient',bg_angle:90,bg_offset:'6d6969',bg_width:20,bg_trasparency:false,chbg:'FFFFFF',chbg_type:'solid',chbg_angle:90,chbg_offset:'f8fdbf',chbg_width:10,chbg_trasparency:false,grid:true,grid_x:7,grid_y:10,grid_line:0,grid_blank:0}">
+  <thead>
+    <tr>
+        <th>Anno</th>
+        <th class="serie">Data 1</th>
+        <th class="serie">Data 2</th>
+        <th class="serie">Data 3</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+        <th class="serie">2001</th>
+        <td>153</td>
+        <td>60</td>
+        <td>52</td>
+    </tr>
+    <tr>
+        <th class="serie">2002</th>
+        <td>113</td>
+        <td>70</td>
+        <td>60</td>
+    </tr>
+    <tr>
+        <th class="serie">2003</th>
+        <td>120</td>
+        <td>80</td>
+        <td>40</td>
+    </tr>
+  </tbody>
+</table>
+</div>
+<div class="example">
+<h1>Example 3</h1>
+<table id="table-2" class="jgtable {size:'400x500',type:'bvg',axis_step:1,title:'Example 3',title_color:'c81e3d',title_size:16,bar_width:30,bar_spacing:2,fillarea:true,fillbottom:true,filltop:false,colors:['1aa22f','FFCC00','da1b1b'],lines:[[1,1,0],[1,1,0],[1,1,0]],bg:'FFFFFF',bg_type:'stripes',bg_angle:90,bg_offset:'b7b4b4',bg_width:10,bg_trasparency:false,chbg:'000000',chbg_type:'solid',chbg_angle:90,chbg_offset:'f8fdbf',chbg_width:10,chbg_trasparency:false,grid:false,grid_x:7,grid_y:10,grid_line:0,grid_blank:0}">
+  <thead>
+    <tr>
+        <th>Anno</th>
+        <th class="serie">Data 1</th>
+        <th class="serie">Data 2</th>
+        <th class="serie">Data 3</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+        <th class="serie">2001</th>
+        <td>153</td>
+        <td>60</td>
+        <td>52</td>
+    </tr>
+    <tr>
+        <th class="serie">2002</th>
+        <td>113</td>
+        <td>70</td>
+        <td>60</td>
+    </tr>
+    <tr>
+        <th class="serie">2003</th>
+        <td>120</td>
+        <td>80</td>
+        <td>40</td>
+    </tr>
+  </tbody>
+</table>
+</div>
+<div class="example">
+<h1>Example 4</h1>
+<table id="table-3" class="jgtable {size:'700x350',type:'p3',axis_step:1,title:'Example 4',title_color:'28179b',title_size:16,bar_width:30,bar_spacing:2,fillarea:true,fillbottom:true,filltop:false,colors:['a21a9c','FFCC00','da1b1b'],lines:[[1,1,0],[1,1,0],[1,1,0]],bg:'FFFFFF',bg_type:'gradient',bg_angle:90,bg_offset:'b7b4b4',bg_width:10,bg_trasparency:false,chbg:'f7f7f7',chbg_type:'gradient',chbg_angle:90,chbg_offset:'e81711',chbg_width:10,chbg_trasparency:false,grid:false,grid_x:7,grid_y:10,grid_line:0,grid_blank:0}">
+  <thead>
+    <tr>
+        <th>Anno</th>
+        <th class="serie">Data 4</th>
+        <th class="serie">Data 5</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+        <th class="serie">2001</th>
+        <td>40</td>
+        <td>30</td>
+    </tr>
+    <tr>
+        <th class="serie">2000</th>
+        <td>30</td>
+        <td>40</td>
+    </tr>
+  </tbody>
+</table>
+</div>
+<div class="example">
+<h1>Example 5</h1>
+<table id="table-4" class="jgtable {size:'450x350',type:'p',axis_step:1,title:'Example 5',title_color:'28179b',title_size:16,bar_width:30,bar_spacing:2,fillarea:true,fillbottom:true,filltop:false,colors:['a21a9c','FFCC00','da1b1b'],lines:[[1,1,0],[1,1,0],[1,1,0]],bg:'FFFFFF',bg_type:'gradient',bg_angle:90,bg_offset:'b7b4b4',bg_width:10,bg_trasparency:false,chbg:'f7f7f7',chbg_type:'gradient',chbg_angle:90,chbg_offset:'e81711',chbg_width:10,chbg_trasparency:false,grid:false,grid_x:7,grid_y:10,grid_line:0,grid_blank:0}">
+  <thead>
+    <tr>
+        <th>Anno</th>
+        <th class="serie">Data 4</th>
+        <th class="serie">Data 5</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+        <th class="serie">2001</th>
+        <td>40</td>
+        <td>30</td>
+    </tr>
+    <tr>
+        <th class="serie">2000</th>
+        <td>30</td>
+        <td>40</td>
+    </tr>
+  </tbody>
+</table>
+</div>
+<div class="example">
+<h1>Example 6</h1>
+<table id="table-5" class="jgtable {size:'650x450',type:'lc',axis_step:1,title:false,title_color:'FFFFFF',title_size:10,bar_width:30,bar_spacing:1,fillarea:false,fillbottom:true,filltop:true,colors:['f04242','FFCC00','99CC00'],lines:[[12,9,7],[14,9,7],[13,9,7]],bg:'dca0ee',bg_type:'solid',bg_angle:90,bg_offset:'FFFFFF',bg_width:20,bg_trasparency:false,chbg:'FFFFFF',chbg_type:'solid',chbg_angle:90,chbg_offset:'FFFFFF',chbg_width:20,chbg_trasparency:false,grid:true,grid_x:3,grid_y:3,grid_line:0,grid_blank:0}">
+  <thead>
+    <tr>
+        <th>Anno</th>
+        <th class="serie">Data 1</th>
+        <th class="serie">Data 2</th>
+        <th class="serie">Data 3</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+        <th class="serie">2001</th>
+        <td>153</td>
+        <td>60</td>
+        <td>52</td>
+    </tr>
+    <tr>
+        <th class="serie">2002</th>
+        <td>113</td>
+        <td>70</td>
+        <td>60</td>
+    </tr>
+    <tr>
+        <th class="serie">2003</th>
+        <td>120</td>
+        <td>80</td>
+        <td>40</td>
+    </tr>
+  </tbody>
+</table>
+</div>
+<div class="example">
+<h1>Example 7</h1>
+<table id="table-6" class="jgtable {size:'650x450',type:'bhs',axis_step:1,title:false,title_color:'FFFFFF',title_size:10,bar_width:90,bar_spacing:11,fillarea:false,fillbottom:true,filltop:true,colors:['f04242','FFCC00','99CC00'],lines:[[12,9,7],[14,9,7],[13,9,7]],bg:'dca0ee',bg_type:'gradient',bg_angle:40,bg_offset:'FFFFFF',bg_width:20,bg_trasparency:false,chbg:'bfbfbf',chbg_type:'stripes',chbg_angle:0,chbg_offset:'f5f5f5',chbg_width:10,chbg_trasparency:false,grid:false,grid_x:3,grid_y:3,grid_line:0,grid_blank:0}">
+  <thead>
+    <tr>
+        <th>Anno</th>
+        <th class="serie">Data 1</th>
+        <th class="serie">Data 2</th>
+        <th class="serie">Data 3</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+        <th class="serie">2001</th>
+        <td>153</td>
+        <td>60</td>
+        <td>52</td>
+    </tr>
+    <tr>
+        <th class="serie">2002</th>
+        <td>113</td>
+        <td>70</td>
+        <td>60</td>
+    </tr>
+    <tr>
+        <th class="serie">2003</th>
+        <td>120</td>
+        <td>80</td>
+        <td>40</td>
+    </tr>
+  </tbody>
+</table>
+</div>
+<div class="example">
+<h1>Example 8</h1>
+<table id="table-7" class="jgtable {size:'650x450',type:'bvs',axis_step:1,title:false,title_color:'FFFFFF',title_size:10,bar_width:90,bar_spacing:11,fillarea:false,fillbottom:true,filltop:true,colors:['f04242','FFCC00','99CC00'],lines:[[12,9,7],[14,9,7],[13,9,7]],bg:'dca0ee',bg_type:'gradient',bg_angle:40,bg_offset:'FFFFFF',bg_width:20,bg_trasparency:false,chbg:'bfbfbf',chbg_type:'stripes',chbg_angle:0,chbg_offset:'f5f5f5',chbg_width:10,chbg_trasparency:false,grid:false,grid_x:3,grid_y:3,grid_line:0,grid_blank:0}">
+  <thead>
+    <tr>
+        <th>Anno</th>
+        <th class="serie">Data 1</th>
+        <th class="serie">Data 2</th>
+        <th class="serie">Data 3</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+        <th class="serie">2001</th>
+        <td>153</td>
+        <td>60</td>
+        <td>52</td>
+    </tr>
+    <tr>
+        <th class="serie">2002</th>
+        <td>113</td>
+        <td>70</td>
+        <td>60</td>
+    </tr>
+    <tr>
+        <th class="serie">2003</th>
+        <td>120</td>
+        <td>80</td>
+        <td>40</td>
+    </tr>
+  </tbody>
+</table>
+</div>
+
+</body>
+</html>    

theme_tripal/js/jgcharts/doc/json/delpiero.json

@@ -0,0 +1,30 @@
+{size:'450x600',
+type:'bhg',
+axis_step:1,
+title:'Gol e presenze in campionato',
+title_color:'000000',
+title_size:16,
+bar_width:10,
+bar_spacing:0,
+fillarea:true,
+fillbottom:true,
+filltop:true,
+colors:['5131c9','da1b1b'],
+lines:[[1,1,0],[1,1,0],[1,1,0]],
+bg:false,
+bg_type:'solid',
+bg_angle:90,
+bg_offset:false,
+bg_width:20,
+bg_trasparency:false,
+chbg:false,
+chbg_type:'solid',
+chbg_angle:90,
+chbg_offset:false,
+chbg_width:20,
+chbg_trasparency:false,
+grid:false,
+grid_x:10,
+grid_y:10,
+grid_line:10,
+grid_blank:10}

theme_tripal/js/jgcharts/include/css/_id.css

@@ -0,0 +1 @@
+#yslider-code div.yslider-viewer {overflow-y:auto;}

theme_tripal/js/jgcharts/include/css/_top.css

@@ -0,0 +1,20 @@
+html, body{
+    margin:0px;
+    font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
+    font-size:1.1em;
+    font-size-adjust:none;
+    font-style:normal;
+    font-variant:normal;
+    font-weight:normal;
+    line-height:1.5em;
+    font-size:12px;
+    background:#000;
+}
+#top *{padding:0px;margin:0px;text-align:left;}
+#top{width:100%;min-height:29px;background-color:#efebe7;border-bottom:1px solid white;position:relative;padding-top:1px;}
+#logo{margin-left:20px;margin-top:5px;font-weight:bold;}
+#multidesktop{position:absolute;right:0px;top:0px;border:1px solid #aa9c8f;margin-top:1px;}
+.seldesktop{height:25px;width:35px;background:#efebe7;float:left;margin-left:1px;border-left:1px solid #e1dbd5;border-right:1px solid #cec6bd;position:relative;}
+.seldesktop-on{background:#dea040;border-right:1px solid #e2b167;border-left:1px solid #dea040;}
+.seldesktop a{display:block;height:100%;width:100%;}
+a{text-decoration:none;}

theme_tripal/js/jgcharts/include/css/demo.css

@@ -0,0 +1,28 @@
+html, body{
+    margin:0px;
+    font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
+    font-size:1.1em;
+    font-size-adjust:none;
+    font-style:normal;
+    font-variant:normal;
+    font-weight:normal;
+    line-height:1.5em;
+    font-size:12px;
+    background:#000;
+    width:100%;
+}
+a{text-decoration:none;}
+img{border:0px;}
+h3{}
+
+.start_hide{display:none;}
+
+
+.icone_dx{display:block;margin:auto;}
+.text_icone_dx{color:white;margin-bottom:10px;display:block;}
+#icone_destra{position:absolute;right:30px;top:30px;text-align:center;width:60px;}
+      
+.icone_sx{display:block;margin:auto;}
+.text_icone_sx{color:white;margin-bottom:10px;display:block;}
+#icone_sinistra{position:absolute;left:20px;top:30px;text-align:center;width:60px;} 
+

theme_tripal/js/jgcharts/include/css/reset.css

@@ -0,0 +1,8 @@
+/*
+Copyright (c) 2008, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.net/yui/license.txt
+version: 2.5.1
+*/
+h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
+

theme_tripal/js/jgcharts/include/demo/index.html

@@ -0,0 +1,2004 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
+    <title>jQuery Google Charts 1.0 - Demo Site</title>
+    <meta http-equiv="Content-Language" content="en-us" />
+    <meta name="author" content="Massimiliano Balestrieri" />
+    <link rel="stylesheet" type="text/css" href="../../include/css/reset.css" />
+    <link rel="stylesheet" type="text/css" href="../../include/css/demo.css" />
+    <script src="../../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
+    <!--script src="../../include/js/lib/ycodaslider-2.0.rc2/lib/jquery-easing-1.3.pack.js" type="text/javascript"></script>
+    <script src="../../include/js/lib/ycodaslider-2.0.rc2/lib/jquery.history_remote.fixed.pack.js" type="text/javascript"></script>
+    <script src="../../include/js/lib/ycodaslider-2.0.rc2/lib/chili/jquery.chili-2.2.js" type="text/javascript"></script>
+    <script src="../../include/js/lib/ycodaslider-2.0.rc2/ycodaslider-2.0.pack.js" type="text/javascript"></script>
+    <script src="../../include/js/lib/ycodaslider-2.0.rc2/plugins/code-ycodaslider-2.0.pack.js" type="text/javascript"></script-->
+    <script src="../../include/js/lib/ycodaslider-3.0/ycodaslider-3.0.min.js" type="text/javascript"></script>
+    
+    
+    <script src="../../lib/chili/jquery.chili-2.2.js" type="text/javascript"></script>
+    
+    <script src="../../lib/metadata/jquery.metadata.min.js" type="text/javascript"></script>
+    <script src="../../lib/janalytics/janalytics.js" type="text/javascript"></script>
+    <!--todo pack -->
+    <script src="../../jgcharts.pack.js" type="text/javascript"></script>
+    <script src="../../plugins/jgtable/jgtable.pack.js" type="text/javascript"></script>
+    <script src="../../include/js/start-1.0.js" type="text/javascript"></script>
+</head>    
+<body>
+<div id="icone_sinistra">
+    <!-- home -->
+    <a href="#" class="handle h-docs tracking {label : '/jgcharts/home'}"><img class="icone_sx" alt="docs" src="../../include/icons/home.png" /></a>
+    <a href="#" class="handle h-docs text_icone_sx tracking {label : '/jgcharts/home'}">Home</a>
+    <!-- table -->
+    <a href="#" class="handle h-table tracking {label : '/jgcharts/table'}"><img class="icone_sx" alt="table" src="../../include/icons/frame.png" /></a>
+    <a href="#" class="handle h-table text_icone_sx tracking {label : '/jgcharts/table'}">Table</a>
+    <!-- gui -->
+    <a href="../gui/" class="blank tracking {label : '/jgcharts/jggui'}"><img class="icone_sx" alt="gui" src="../../include/icons/important.png" /></a>
+    <a href="../gui/" class="blank text_icone_sx tracking {label : '/jgcharts/jggui'}">Gui *ALPHA</a>
+</div>
+<div id="icone_destra">
+    <!-- docs -->
+    <a href="#" class="handle h-docs tracking {label : '/jgcharts/docs'}"><img class="icone_sx" alt="docs" src="../../include/icons/abc.png" /></a>
+    <a href="#" class="handle h-docs text_icone_sx tracking {label : '/jgcharts/docs'}">Docs</a>
+    <!-- code -->
+    <a href="#" class="handle h-code tracking {label : '/jgcharts/code'}"><img class="icone_sx" alt="docs" src="../../include/icons/code.png" /></a>
+    <a href="#" class="handle h-code text_icone_sx tracking {label : '/jgcharts/code'}">Code</a>
+    <!-- download -->
+    <a href="../../jgcharts-0.96.zip" class="tracking {label : '/jgcharts/download'}"><img class="icone_sx" alt="Download" src="../../include/icons/download.png" /></a>
+    <a href="../../jgcharts-0.96.zip" class="text_icone_sx tracking {label : '/jgcharts/download'}">Download</a>
+</div>
+
+<div id="yslider-docs" class="ycodaslider">
+    <div class="yslider-panelwrapper" title="jGCharts 1.0">
+        <h3>jQuery Google Charts 1.0</h3>
+        <p>
+        Copyright (c) 2008 Massimiliano Balestrieri<br />
+        Examples and docs at: http://maxb.net/blog/<br />
+        Licensed GPL licenses:<br />
+        http://www.gnu.org/licenses/gpl.html<br />
+        </p>
+        <blockquote>
+        <p>
+        
+        </p>
+        </blockquote>
+        <p>
+        </p>
+        <h4>Basic usage:</h4>
+        <div class="code javascript"><!--var api = new jGCharts.Api();
+jQuery('<img>')
+.attr('src', api.make({data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]]}))
+.appendTo("#bar1");--></div>
+        <h4>Html:</h4>
+        <div class="code html"><!--<div id="bar1"></div>--></div>
+        <h4>Basic scripts (use packed version in production):</h4>
+        <div class="code html"><!--<script src="jquery-1.3.1.min.js" type="text/javascript"></script>
+<script src="jgcharts.js" type="text/javascript"></script>--></div>
+    </div>
+
+    <!-- panel -->
+    <div class="yslider-panelwrapper" title="Bar">
+        
+        <h4>Basic Bar</h4>
+        <div class="code javascript"><!--//1 ) api
+var api = new jGCharts.Api();        
+
+//2) options
+var opt = {
+    data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]]//mandatory 
+};//set options 
+
+//3) append Img (with jQuery)
+jQuery('<img>')
+.attr('src', api.make(opt))//options 
+.appendTo("#bar1");--></div>
+        
+        <div id="bar1"></div>
+        
+    </div>
+
+    
+    <!-- bar options -->
+
+
+    <div class="yslider-panelwrapper" title="Bar Options">
+        
+        <h4>Schema</h4>
+        <div class="code javascript"><!--//1 ) api
+var api = new jGCharts.Api();        
+//2) options
+var opt = {};//set options 
+//3) append img
+jQuery('<img>')
+.attr('src', api.make(opt))//options 
+.appendTo("#chart_container");
+--></div>
+        <h3>Options</h3>
+        <h4>Chart Dimension</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
+size : '400x400'//default 300x200 (width x height) - maximum size 300,000 pixels
+}--></div>
+        <div id="bar2"></div>
+                
+        <h4>Direction</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
+type : 'bhg'//default bvg
+}--></div>
+        <div id="bar3"></div>
+        
+        <h4>Legend and axis labels</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
+axis_labels : ['2008','2007','2006'], //default 0,1,2 etc...
+legend : ['serie1', 'serie2', 'serie3'] //default none
+}--></div>
+        <div id="bar4"></div>
+        
+        <h4>Dimensions and spacing</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
+bar_width : 10, //default 20
+bar_spacing : 10 //default 1
+}--></div>
+        <div id="bar5"></div>
+        
+        <h4>Colors</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
+colors : ['4b9b41','81419b','41599b']
+}--></div>
+        <div id="bar6"></div>
+        
+        <h4>Background - solid</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
+bg   : 'e0e0e0'//default false
+//bg_trasparency : 50 - default false - also chbg_trasparency
+}--></div>
+        <div id="bar7"></div>
+
+        <h4>Background - gradient</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
+bg        : 'FFFFFF',//default false
+bg_offset : '000000',
+bg_angle  : '45',//default 90   
+bg_type   : 'gradient' //default solid
+}--></div>
+        <div id="bar8"></div>
+        
+        <h4>Background - stripes</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
+bg        : 'FFFFFF',//default false
+bg_offset : 'e0e0e0',
+bg_angle  : '0',//default 90   
+bg_type   : 'stripes', //default solid
+bg_width  : '10'//default 10 - min 10
+}--></div>
+        <div id="bar9"></div>
+        
+        <h4>Chart Area Background (like bg)</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
+chbg        : 'FFFFFF',//default false
+chbg_offset : '4b9b41',
+chbg_angle  : '45',//default 90   
+chbg_type   : 'gradient' //default solid
+}--></div>
+        <div id="bar10"></div>
+        
+        
+        
+        <h4>Title</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
+title       : 'Bar Chart', //default false
+title_color : 'a98147',
+title_size  : 20 //default 10
+}--></div>
+        <div id="bar11"></div>
+        
+        <h4>Grid</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
+grid        : true, //default false
+grid_x      : 5,    //default 10
+grid_y      : 5,    //default 10
+grid_line   : 5,   //default 10
+grid_blank  : 0    //default 0
+}--></div>
+        <div id="bar12"></div>
+        
+    </div>
+    
+    <!-- stacked -->
+    
+
+    <div class="yslider-panelwrapper" title="Stacked Bar">
+                    
+        <h4>Horizontal Dataset Stacked</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
+type : 'bhs'//default bvg
+}--></div>
+        <div id="stacked1"></div>
+        
+        <h4>Vertical Dataset Stacked</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
+type : 'bvs'//default bvg
+}--></div>
+        <div id="stacked2"></div>
+
+    </div>    
+
+
+    <!-- line -->
+
+
+    <div class="yslider-panelwrapper" title="Line">
+        <div id="line1"></div>
+        <h4>Js</h4>
+        <div class="code javascript"><!--var api = new jGCharts.Api();
+jQuery('<img>')
+.attr('src', api.make({
+data : [[105.7,97.9],[108.1,101.6],[110.7,102.9],[111.0,93.7],[110.0,89.8],[109.0,90.7],
+[107.5,93.0],[106.1,94.5],[104.3,91.9],[102.0,93.9],[102.8,93.6],[103.8,92.6],
+[102.9,94.0],[102.1,92.7],[100.6,96.0],[101.7,97.9],[101.8,105.0],
+[103.3,104.1],[104.0,105.1],[103.7,108.1],[108.4,108.4],[109.4,113.8],
+[112.0,109.1],[112.6,106.3],[115.5,106.7],[115.7,108.8],[114.7,118.8],
+[115.9,120.4],[116.2,115.9],[118.0,124.7],[123.3,126.5],[127.6,131.6],
+[130.3,134.0],[135.5,135.7],[138.2,126.4],[139.6,127.4],[145.1,131.0],
+[146.4,129.9],[147.1,133.7],[149.0,138.4],[150.3,141.0],[151.3,139.3],
+[153.4,145.3],[152.7,142.9],[152.9,129.2],[152.2,126.0],[151.9,124.8],
+[150.1,125.9],[148.2,118.9],[145.3,122.9],[142.9,127.7],[142.6,134.4],
+[144.0,138.5],[145.5,138.7],[147.2,141.8],[150.0,139.2],[153.8,145.6],
+[155.4,147.6],[157.0,157.9],[158.4,156.2],[162.8,153.9],[162.8,158.6],
+[164.7,166.3],[168.5,165.8]] //MANDATORY
+type : lc 
+}))
+.appendTo("#line1");--></div>
+    </div>
+    
+    <!-- line options -->
+    <div class="yslider-panelwrapper" title="Line Options">
+
+        <h4>Other options</h4>
+        <p>See bar options for legend, axis, grid, background, colors etc....</p>
+                
+        <h4>Schema</h4>
+        <div class="code javascript"><!--//1 ) api
+var api = new jGCharts.Api();    
+//2) options
+var opt = {};//set options 
+//3) append img
+jQuery('<img>')
+.attr('src', api.make(opt))//options 
+.appendTo("#chart_container");--></div>
+
+        <h4>Fillarea</h4>
+        <div class="code javascript"><!--{
+data : [[105.7,97.9] //...[etc] 
+type : 'lc',
+fillarea : true //default false
+}--></div>
+        <div id="line2"></div>
+
+        <h4>FillBottom</h4>
+        <div class="code javascript"><!--{
+data : [[105.7,97.9] //...[etc] 
+type : 'lc',
+fillarea : true, //default false
+fillbottom : true //default false
+}--></div>
+        <div id="line3"></div>
+
+        <h4>FillTop</h4>
+        <div class="code javascript"><!--{
+data : [[105.7,97.9] //...[etc] 
+type : 'lc',
+fillarea : true, //default false
+fillbottom : true, //default false
+filltop : true //default false
+}--></div>
+        <div id="line4"></div>
+
+        <h4>Line options</h4>
+        <div class="code javascript"><!--{
+data : [[105.7,97.9] //...[etc] 
+type : 'lc',
+lines: [[4,2,2],[6,3,3]] 
+//[line width, solid width, blank width], [serie2N,serie2N,serie2N] - default false 
+}--></div>
+        <div id="line5"></div>
+
+        <h4>Axis step</h4>
+        <div class="code javascript"><!--{
+data : [[105.7,97.9] //...[etc] 
+axis_labels : ['01-03','02-03','03-03'// ... [etc]
+axis_step : 10, 
+type : 'lc'
+}--></div>
+        <div id="line6"></div>    
+        
+        <h4>Sparklines</h4>
+        <p>A sparkline chart has exactly the same parameters as a line chart. The only difference is that the axes lines are not drawn for sparklines by default. You can add axes labels if you wish. (Google Api)</p>
+        <div class="code javascript"><!--{data : [[105.7,97.9] //...[etc] 
+type : 'ls'
+}--></div>
+        <div id="line7"></div>        
+    </div>
+    
+    
+    <!-- pie -->
+    
+    <div class="yslider-panelwrapper" title="Pie">
+        
+        <h4>Pie</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
+type : 'p'//default bvg
+}--></div>
+        <div id="pie1"></div>
+        
+    </div>
+    
+    <div class="yslider-panelwrapper" title="Pie 3d">
+        
+        <h4>Pie</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]],//mandatory 
+type : 'p3',//default bvg
+size : '400x200'
+}--></div>
+        <div id="p3d1"></div>
+        
+    </div>
+    
+    <!--gallery -->
+    
+    <div class="yslider-panelwrapper" title="Charts gallery">
+        <h4>Horizontal Stacked Bar</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
+//source
+legend      : ['Data 1','Data 2','Data 3'],
+axis_labels : ['2001','2002','2003'],
+                        
+//options 
+size        : '400x250',
+type        : 'bhs',
+colors      : ['2c50f2','FFCC00','99CC00'],
+
+//bar
+bar_width   : 50,
+bar_spacing : 5,
+
+//bg
+bg          : 'FFFFFF',
+bg_type     : 'gradient',
+bg_angle    : 90,
+bg_offset   : '8c8c8c',
+
+//grid
+grid        : true,
+grid_x      : 5,
+grid_y      : 5,
+grid_line   : 5,
+grid_blank  : 5
+}--></div>
+        <div id="gallery1"></div>
+        <h4>Vertical Stacked Bar</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
+
+//source
+legend      : ['Data 1','Data 2','Data 3'],
+axis_labels : ['2001','2002','2003'],
+                        
+//options 
+size        : '250x400',
+type        : 'bvs',
+
+//bar
+bar_width   : 50,
+bar_spacing : 5,
+
+//bg
+chbg          : 'FFFFFF',
+chbg_type     : 'gradient',
+chbg_angle    : 90,
+chbg_offset   : '8c8c8c',
+
+//grid
+grid        : true,
+grid_x      : 5,
+grid_y      : 5,
+grid_line   : 5,
+grid_blank  : 0
+
+}--></div>
+        <div id="gallery2"></div>
+        <h4>Horizontal Bar</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
+
+//source
+legend      : ['Data 1','Data 2','Data 3'],
+axis_labels : ['2001','2002','2003'],
+                        
+//options 
+size        : '250x400',
+type        : 'bhg',
+
+//bar
+bar_width   : 50,
+bar_spacing : 5,
+
+//bg
+chbg          : '000000',
+chbg_trasparency: 20
+
+}--></div>
+        <div id="gallery3"></div>
+        <h4>Vertical Bar</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
+
+//source
+legend      : ['Data 1','Data 2','Data 3'],
+axis_labels : ['2001','2002','2003'],
+                        
+//options 
+size        : '400x250',
+type        : 'bvg',
+colors      : ['4b9b41','81419b','41599b'],
+//bar
+bar_width   : 20,
+bar_spacing : 5,
+
+//style
+bg          : 'ffffff',
+bg_type     : 'stripes',
+bg_angle    : 90,
+bg_offset   : '999999',
+bg_width    : 20,
+}--></div>
+        <div id="gallery4"></div>
+        <h4>Vertical Bar</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
+
+//source
+legend      : ['Data 1','Data 2','Data 3'],
+axis_labels : ['2001','2002','2003'],
+                        
+//options 
+size        : '400x250',
+type        : 'bvg',
+
+//bar
+bar_width   : 10,
+bar_spacing : 10,
+
+//style
+chbg          : 'ffffff',
+chbg_type     : 'stripes',
+chbg_angle    : 90,
+chbg_offset   : '999999',
+chbg_width    : 20,
+}--></div>
+        <div id="gallery5"></div>
+        <h4>Line chart</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
+
+//source
+legend      : ['Data 1','Data 2','Data 3'],
+axis_labels : ['2001','2002','2003'],
+                        
+//options 
+size        : '400x250',
+type        : 'lc',
+
+//style
+chbg          : 'ffffff',
+chbg_type     : 'stripes',
+chbg_angle    : 90,
+chbg_offset   : '999999',
+chbg_width    : 20,
+
+bg            : 'ffffff',
+bg_type       : 'gradient',
+bg_angle      : 45,
+bg_offset     : '4b9b41',
+bg_width      : 20
+
+}--></div>
+        <div id="gallery6"></div>
+        <h4>Line chart</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
+          
+//source
+//legend      : ['Data 1','Data 2','Data 3'],
+axis_labels : ['2001','2002','2003'],
+                        
+//options 
+size        : '400x250',
+type        : 'lc',
+
+//style
+fillarea    : true,
+fillbottom  : true,
+filltop     : true,
+ 
+//series line 
+lines       : [[3,3,3],[4,4,4],[5,5,5]],
+
+bg            : 'ffffff',
+bg_type       : 'gradient',
+bg_angle      : 45,
+bg_offset     : '81419b',
+bg_width      : 20
+
+}--></div>
+        <div id="gallery7"></div>
+        <h4>Pie</h4>
+        <div class="code javascript"><!--{
+data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
+//source
+legend      : ['Data 1','Data 2','Data 3'],
+axis_labels : ['2001','2002','2003'],
+                        
+//options 
+size        : '400x250',
+type        : 'p',
+
+bg            : '999999',
+bg_type       : 'gradient',
+bg_angle      : 45,
+bg_offset     : 'ffffff',
+bg_width      : 20
+}--></div>
+        <div id="gallery8"></div>
+        <h4>Pie 3d</h4>
+        <div class="code javascript"><!--{
+   data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]], 
+   //source
+   legend      : ['Data 1','Data 2','Data 3'],
+   axis_labels : ['2001','2002','2003'],
+
+   //options 
+   size        : '400x200',
+   type        : 'p3',
+   
+   bg            : 'ffffff',
+   bg_type       : 'gradient',
+   bg_angle      : 45,
+   bg_offset     : '999999',
+   bg_width      : 20
+}--></div>
+        <div id="gallery9"></div>
+        
+    </div>
+    <!--credits -->
+    
+    <div class="yslider-panelwrapper" title="Credits">
+        <h4>Credits</h4>
+        <p>
+        Google Chart Api - <a href="http://code.google.com/apis/chart/" class="blank">http://code.google.com/apis/chart/</a>
+        </p>     
+        <h4>Libraries</h4>
+        <p>
+        jquery v1.3.1 of John Resig <a href="http://jquery.com" class="blank">jquery.com</a><br />
+        </p>
+        <h4>Demo Libraries (YCodaSlider 2.0)</h4>
+        <p>
+        jquery history_remote v1.0.3 of Klaus Hartl <a href="http://stilbuero.de" class="blank">stilbuero.de</a><br />
+        jquery easing v1.3 of George McGinley Smith<br />
+        jquery.chili-1.9.js of <a href="http://noteslog.com/chili/" class="blank">Andrea Ercolino</a><br />
+        Icons <a class="blank tracking" href="http://www.icon-king.com/?p=15">Nuvola</a><br />
+        Yahoo Css Reset version: 2.5.1
+        GreyBox <a href="http://jquery.com/demo/grey/" class="blank tracking">Css</a>
+        </p>
+    </div>
+</div>    
+
+<div id="yslider-table" class="ycodaslider">
+
+    <div class="yslider-panelwrapper" title="jGTable 1.0">
+    
+        <h3>jQuery Google Charts Table 1.0</h3>
+        <p>
+        Copyright (c) 2008 Massimiliano Balestrieri<br />
+        Examples and docs at: http://maxb.net/blog/<br />
+        Licensed GPL licenses:<br />
+        http://www.gnu.org/licenses/gpl.html<br />
+        </p>
+        <blockquote>
+        <p>
+        
+        </p>
+        </blockquote>
+        <p>
+        </p>
+        <h4>Basic usage:</h4>
+        <div class="code javascript"><!--jQuery(".jgtable").jgtable();--></div>
+        <h4>Html (see class="serie"):</h4>
+        <div class="code html"><!--<div class="jgtable">
+  <table>
+  <thead>
+    <tr>
+        <th>Anno</th>
+        <th class="serie">Data 1</th>
+        <th class="serie">Data 2</th>
+        <th class="serie">Data 3</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+        <th class="serie">2001</th>
+        <td>153</td>
+        <td>60</td>
+        <td>52</td>
+    </tr>
+    <tr>
+        <th class="serie">2002</th>
+        <td>113</td>
+        <td>70</td>
+        <td>60</td>
+    </tr>
+    <tr>
+        <th class="serie">2003</th>
+        <td>120</td>
+        <td>80</td>
+        <td>40</td>
+    </tr>
+  </tbody>
+  </table>
+</div>--></div>
+        <h4>Basic scripts (use packed version in production):</h4>
+        <div class="code html"><!--<script src="jquery-1.3.1.min.js" type="text/javascript"></script>
+<script src="jquery.metadata.min.js" type="text/javascript"></script>
+<script src="jgcharts.js" type="text/javascript"></script>
+<script src="plugins/jgtable/jgtable.js" type="text/javascript"></script>--></div>
+
+    </div>
+    
+    <div class="yslider-panelwrapper" title="Basic">
+    
+    	<div class="jgtable">
+        <table>
+          <thead>
+            <tr>
+                <th>Anno</th>
+                <th class="serie">Data 1</th>
+                <th class="serie">Data 2</th>
+                <th class="serie">Data 3</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+                <th class="serie">2001</th>
+                <td>153</td>
+                <td>60</td>
+                <td>52</td>
+            </tr>
+            <tr>
+                <th class="serie">2002</th>
+                <td>113</td>
+                <td>70</td>
+                <td>60</td>
+            </tr>
+            <tr>
+                <th class="serie">2003</th>
+                <td>120</td>
+                <td>80</td>
+                <td>40</td>
+            </tr>
+          </tbody>
+        </table>
+        </div>
+        
+        <div class="code javascript"><!--jQuery(".jgtable").jgtable();--></div>
+        <div class="code html"><!-- <div class="jgtable">
+  <table>
+  <thead>
+    <tr>
+        <th>Anno</th>
+        <th class="serie">Data 1</th>
+        <th class="serie">Data 2</th>
+        <th class="serie">Data 3</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+        <th class="serie">2001</th>
+        <td>153</td>
+        <td>60</td>
+        <td>52</td>
+    </tr>
+    <tr>
+        <th class="serie">2002</th>
+        <td>113</td>
+        <td>70</td>
+        <td>60</td>
+    </tr>
+    <tr>
+        <th class="serie">2003</th>
+        <td>120</td>
+        <td>80</td>
+        <td>40</td>
+    </tr>
+  </tbody>
+  </table>
+</div>--></div>
+    </div>
+    
+    <div class="yslider-panelwrapper" title="Metadata">
+    
+        
+            <div class="example">
+            <h3>Example 1</h3>
+            <div class="code javascript"><!--jQuery(".jgtable").jgtable();--></div>
+            <div class="code html"><!--<div class="jgtable {size:'550x400',
+type:'bhg',
+title:'Example 1',
+title_color:'000000',
+title_size:16,
+bar_width:30,
+bar_spacing:2,
+colors:['5131c9','FFCC00','da1b1b'],
+bg:'FFFFFF',
+bg_type:'gradient',
+bg_angle:90,
+bg_offset:'6d6969',
+grid:true,
+grid_x:7,
+grid_y:10,
+grid_line:0,
+grid_blank:0}">
+	<table>
+	[etc...]
+	</table>
+</div>--></div>
+            <div class="jgtable {size:'550x400',
+                                                type:'bhg',
+                                                title:'Example 1',
+                                                title_color:'000000',
+                                                title_size:16,
+                                                bar_width:30,
+                                                bar_spacing:2,
+                                                colors:['5131c9','FFCC00','da1b1b'],
+                                                bg:'FFFFFF',
+                                                bg_type:'gradient',
+                                                bg_angle:90,
+                                                bg_offset:'6d6969',
+                                                grid:true,
+                                                grid_x:7,
+                                                grid_y:10,
+                                                grid_line:0,
+                                                grid_blank:0}">
+              <table>
+              <thead>
+                <tr>
+                    <th>Anno</th>
+                    <th class="serie">Data 1</th>
+                    <th class="serie">Data 2</th>
+                    <th class="serie">Data 3</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                    <th class="serie">2001</th>
+                    <td>153</td>
+                    <td>60</td>
+                    <td>52</td>
+                </tr>
+                <tr>
+                    <th class="serie">2002</th>
+                    <td>113</td>
+                    <td>70</td>
+                    <td>60</td>
+                </tr>
+                <tr>
+                    <th class="serie">2003</th>
+                    <td>120</td>
+                    <td>80</td>
+                    <td>40</td>
+                </tr>
+              </tbody>
+            </table>
+            </div>
+            </div>
+            <div class="example">
+            <h3>Example 2</h3>
+            <div class="code javascript"><!--jQuery(".jgtable").jgtable();--></div>
+            <div class="code html"><!--<div class="jgtable {size:'400x500',
+type:'bvg',
+title:'Example 2',
+title_color:'c81e3d',
+title_size:16,
+bar_width:30,
+bar_spacing:2,
+colors:['1aa22f','FFCC00','da1b1b'],
+bg:'FFFFFF',
+bg_type:'stripes',
+bg_angle:90,
+bg_offset:'b7b4b4',
+bg_width:10,
+chbg:'000000',
+chbg_type:'solid'}">
+	<table>
+	[etc...]
+	</table>
+</div>--></div>
+            <div class="jgtable {size:'400x500',
+                                type:'bvg',
+                                title:'Example 2',
+                                title_color:'c81e3d',
+                                title_size:16,
+                                bar_width:30,
+                                bar_spacing:2,
+                                colors:['1aa22f','FFCC00','da1b1b'],
+                                bg:'FFFFFF',
+                                bg_type:'stripes',
+                                bg_angle:90,
+                                bg_offset:'b7b4b4',
+                                bg_width:10,
+                                chbg:'000000',
+                                chbg_type:'solid'}">
+              <table>                           
+              <thead>
+                <tr>
+                    <th>Anno</th>
+                    <th class="serie">Data 1</th>
+                    <th class="serie">Data 2</th>
+                    <th class="serie">Data 3</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                    <th class="serie">2001</th>
+                    <td>153</td>
+                    <td>60</td>
+                    <td>52</td>
+                </tr>
+                <tr>
+                    <th class="serie">2002</th>
+                    <td>113</td>
+                    <td>70</td>
+                    <td>60</td>
+                </tr>
+                <tr>
+                    <th class="serie">2003</th>
+                    <td>120</td>
+                    <td>80</td>
+                    <td>40</td>
+                </tr>
+              </tbody>
+            </table>
+            </div>
+            </div>
+            <div class="example">
+            <h3>Example 3</h3>
+            <div class="code javascript"><!--jQuery(".jgtable").jgtable();--></div>
+            <div class="code html"><!--<div class="jgtable {size:'500x250',
+type:'p3',
+title:'Example 4',
+title_color:'28179b',
+title_size:16,
+colors:['a21a9c','FFCC00'],
+bg:'FFFFFF',
+bg_type:'gradient',
+bg_angle:90,
+bg_offset:'b7b4b4'}">
+	<table>
+	[etc...]
+	</table>
+</div>--></div>
+             <div class="jgtable {size:'500x250',
+                                                type:'p3',
+                                                title:'Example 4',
+                                                title_color:'28179b',
+                                                title_size:16,
+                                                colors:['a21a9c','FFCC00'],
+                                                bg:'FFFFFF',
+                                                bg_type:'gradient',
+                                                bg_angle:90,
+                                                bg_offset:'b7b4b4'}">
+             <table>
+             <thead>
+                <tr>
+                    <th>Anno</th>
+                    <th class="serie">Data 4</th>
+                    <th class="serie">Data 5</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                    <th class="serie">2001</th>
+                    <td>40</td>
+                    <td>30</td>
+                </tr>
+                <tr>
+                    <th class="serie">2000</th>
+                    <td>30</td>
+                    <td>40</td>
+                </tr>
+              </tbody>
+            </table>
+            </div>
+            </div>
+            <div class="example">
+            <h3>Example 4</h3>
+            <div class="code javascript"><!--jQuery(".jgtable").jgtable();--></div>
+            <div class="code html"><!--<div class="jgtable {size:'450x350',
+type:'p',
+title:'Example 5',
+title_color:'28179b',
+title_size:16,
+colors:['a21a9c','FFCC00'],
+bg:'FFFFFF',
+bg_type:'gradient',
+bg_angle:90,
+bg_offset:'b7b4b4'}">
+	<table>
+	[etc...]
+	</table>
+</div>--></div>
+             <div class="jgtable {size:'450x350',
+                                                type:'p',
+                                                title:'Example 5',
+                                                title_color:'28179b',
+                                                title_size:16,
+                                                colors:['a21a9c','FFCC00'],
+                                                bg:'FFFFFF',
+                                                bg_type:'gradient',
+                                                bg_angle:90,
+                                                bg_offset:'b7b4b4'}">
+             <table>
+             <thead>
+                <tr>
+                    <th>Anno</th>
+                    <th class="serie">Data 4</th>
+                    <th class="serie">Data 5</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                    <th class="serie">2001</th>
+                    <td>40</td>
+                    <td>30</td>
+                </tr>
+                <tr>
+                    <th class="serie">2000</th>
+                    <td>30</td>
+                    <td>40</td>
+                </tr>
+              </tbody>
+            </table>
+            </div>
+            </div>
+            <div class="example">
+            <h3>Example 5</h3>
+            <div class="code javascript"><!--jQuery(".jgtable").jgtable();--></div>
+            <div class="code html"><!--<div class="jgtable {size:'550x450',
+type:'lc',
+colors:['f04242','FFCC00','99CC00'],
+lines:[[12,9,7],[14,9,7],[13,9,7]],
+bg:'dca0ee',
+bg_type:'solid',
+grid:true,
+grid_x:3,
+grid_y:3,
+grid_line:0,
+grid_blank:0}">
+	<table>
+	[etc...]
+	</table>
+</div>--></div>
+            <div class="jgtable {size:'550x450',
+                                                type:'lc',
+                                                colors:['f04242','FFCC00','99CC00'],
+                                                lines:[[12,9,7],[14,9,7],[13,9,7]],
+                                                bg:'dca0ee',
+                                                bg_type:'solid',
+                                                grid:true,
+                                                grid_x:3,
+                                                grid_y:3,
+                                                grid_line:0,
+                                                grid_blank:0}">
+              <table>
+              <thead>
+                <tr>
+                    <th>Anno</th>
+                    <th class="serie">Data 1</th>
+                    <th class="serie">Data 2</th>
+                    <th class="serie">Data 3</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                    <th class="serie">2001</th>
+                    <td>153</td>
+                    <td>60</td>
+                    <td>52</td>
+                </tr>
+                <tr>
+                    <th class="serie">2002</th>
+                    <td>113</td>
+                    <td>70</td>
+                    <td>60</td>
+                </tr>
+                <tr>
+                    <th class="serie">2003</th>
+                    <td>120</td>
+                    <td>80</td>
+                    <td>40</td>
+                </tr>
+              </tbody>
+            </table>
+            </div>
+            </div>
+            <div class="example">
+            <h3>Example 7</h3>
+            <div class="code javascript"><!--jQuery(".jgtable").jgtable();--></div>
+            <div class="code html"><!--<div class="jgtable {size:'550x450',
+type:'bhs',
+bar_width:90,
+bar_spacing:11,
+colors:['f04242','FFCC00','99CC00'],
+bg:'dca0ee',
+bg_type:'gradient',
+bg_angle:40,
+bg_offset:'FFFFFF',
+chbg:'bfbfbf',
+chbg_type:'stripes',
+chbg_angle:0,
+chbg_offset:'f5f5f5',
+chbg_width:10}">
+	<table>
+	[etc...]
+	</table>
+</div>--></div>
+            <div class="jgtable {size:'550x450',
+                                                type:'bhs',
+                                                bar_width:90,
+                                                bar_spacing:11,
+                                                colors:['f04242','FFCC00','99CC00'],
+                                                bg:'dca0ee',
+                                                bg_type:'gradient',
+                                                bg_angle:40,
+                                                bg_offset:'FFFFFF',
+                                                chbg:'bfbfbf',
+                                                chbg_type:'stripes',
+                                                chbg_angle:0,
+                                                chbg_offset:'f5f5f5',
+                                                chbg_width:10}">
+              <table>
+              <thead>
+                <tr>
+                    <th>Anno</th>
+                    <th class="serie">Data 1</th>
+                    <th class="serie">Data 2</th>
+                    <th class="serie">Data 3</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                    <th class="serie">2001</th>
+                    <td>153</td>
+                    <td>60</td>
+                    <td>52</td>
+                </tr>
+                <tr>
+                    <th class="serie">2002</th>
+                    <td>113</td>
+                    <td>70</td>
+                    <td>60</td>
+                </tr>
+                <tr>
+                    <th class="serie">2003</th>
+                    <td>120</td>
+                    <td>80</td>
+                    <td>40</td>
+                </tr>
+              </tbody>
+            </table>
+            </div>
+            </div>
+            <div class="example">
+            <h3>Example 8</h3>
+            <div class="code javascript"><!--jQuery(".jgtable").jgtable();--></div>
+            <div class="code html"><!--<div class="jgtable {size:'450x450',
+type:'bvs',
+bar_width:90,
+bar_spacing:11,
+colors:['f04242','FFCC00','99CC00'],
+bg:'dca0ee',
+bg_type:'gradient',
+bg_angle:40,
+bg_offset:'FFFFFF',
+chbg:'bfbfbf',
+chbg_type:'stripes',
+chbg_angle:0,
+chbg_offset:'f5f5f5',
+chbg_width:10}">
+	<table>
+	[etc...]
+	</table>
+</div>--></div>
+             <div class="jgtable {size:'450x450',
+                                                type:'bvs',
+                                                bar_width:90,
+                                                bar_spacing:11,
+                                                colors:['f04242','FFCC00','99CC00'],
+                                                bg:'dca0ee',
+                                                bg_type:'gradient',
+                                                bg_angle:40,
+                                                bg_offset:'FFFFFF',
+                                                chbg:'bfbfbf',
+                                                chbg_type:'stripes',
+                                                chbg_angle:0,
+                                                chbg_offset:'f5f5f5',
+                                                chbg_width:10}">
+             <table>
+             <thead>
+                <tr>
+                    <th>Anno</th>
+                    <th class="serie">Data 1</th>
+                    <th class="serie">Data 2</th>
+                    <th class="serie">Data 3</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                    <th class="serie">2001</th>
+                    <td>153</td>
+                    <td>60</td>
+                    <td>52</td>
+                </tr>
+                <tr>
+                    <th class="serie">2002</th>
+                    <td>113</td>
+                    <td>70</td>
+                    <td>60</td>
+                </tr>
+                <tr>
+                    <th class="serie">2003</th>
+                    <td>120</td>
+                    <td>80</td>
+                    <td>40</td>
+                </tr>
+              </tbody>
+            </table>
+            </div>
+    		</div>
+    </div>
+    
+    <div class="yslider-panelwrapper" title="Json">
+        
+        <h3>JS</h3>
+        <div class="code javascript"><!--jQuery.getJSON(
+    "../json/example.json",
+    //wait json data
+    function(json){
+        jQuery("#jgjson").jgtable(json);
+    }
+);--></div>
+        
+        <h3>Options in external json file (../json/example.json)</h3>
+        <div class="code javascript"><!--{
+size:'550x400',
+type:'bhg',
+title:'Example 1',
+title_color:'000000',
+title_size:16,
+bar_width:30,
+bar_spacing:2,
+colors:['5131c9','FFCC00','da1b1b'],
+bg:'FFFFFF',
+bg_type:'gradient',
+bg_angle:90,
+bg_offset:'6d6969',
+grid:true,
+grid_x:7,
+grid_y:10,
+grid_line:0,
+grid_blank:0
+}--></div>
+        
+        <h3>Html Table</h3>
+        <div class="code html"><!--<div id="jgjson">
+  <table>      
+  <thead>
+    <tr>
+        <th>Anno</th>
+        <th class="serie">Data 1</th>
+        <th class="serie">Data 2</th>
+        <th class="serie">Data 3</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+        <th class="serie">2001</th>
+        <td>153</td>
+        <td>60</td>
+        <td>52</td>
+    </tr>
+    <tr>
+        <th class="serie">2002</th>
+        <td>113</td>
+        <td>70</td>
+        <td>60</td>
+    </tr>
+    <tr>
+        <th class="serie">2003</th>
+        <td>120</td>
+        <td>80</td>
+        <td>40</td>
+    </tr>
+  </tbody>
+  </table>
+</div>--></div>
+              <div id="jgjson">                                  
+              <table>
+              <thead>
+                <tr>
+                    <th>Anno</th>
+                    <th class="serie">Data 1</th>
+                    <th class="serie">Data 2</th>
+                    <th class="serie">Data 3</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                    <th class="serie">2001</th>
+                    <td>153</td>
+                    <td>60</td>
+                    <td>52</td>
+                </tr>
+                <tr>
+                    <th class="serie">2002</th>
+                    <td>113</td>
+                    <td>70</td>
+                    <td>60</td>
+                </tr>
+                <tr>
+                    <th class="serie">2003</th>
+                    <td>120</td>
+                    <td>80</td>
+                    <td>40</td>
+                </tr>
+              </tbody>
+            </table>
+    		</div>        
+    </div>
+    
+    <div class="yslider-panelwrapper" title="Custom data">
+        
+        <h3>Alessandro Del Piero</h3>
+        <div id="jgcustomdata">
+        <table>
+          <thead>
+            <tr>
+            <th colspan="2">Cronologia</th>
+            <th colspan="2">Campionato</th>
+            <th colspan="2">Coppe di Lega<small><sup>*</sup></small></th>
+            <th colspan="2">Coppe Europee<small><sup>**</sup></small></th>
+            <th colspan="2">Coppe Internazionali<small><sup>***</sup></small></th>
+            <th colspan="2">Totale</th>
+          </tr>
+          <tr>
+            <th>Stagione - Squadra</th>
+            <th>Serie</th>
+            <th>Presenze</th>
+            <th>Gol</th>
+            <th>Presenze</th>
+            <th>Gol</th>
+            <th>Presenze</th>
+            
+            <th>Gol</th>
+            <th>Presenze</th>
+            <th>Gol</th>
+            <th>Presenze</th>
+            <th>Gol</th>
+          </tr>
+          </thead>
+          <tfoot>
+            <tr>
+                <th colspan="2">Totale</th>
+                <th>417</th>
+                <th>176</th>
+                <th>51</th>
+                <th>22</th>
+                <th>105</th>
+                <th>43</th>
+                <th>1</th>
+                
+                <th>1</th>
+                <th>574</th>
+                <th>242</th>
+            </tr>
+            </tfoot>
+          <tbody>
+          
+          <tr>
+            <th class="custom">1991-92 - Padova</th>
+            
+            <td>B</td>
+            <td>4</td>
+            <td>-</td>
+            <td>-</td>
+            <td>-</td>
+            <td>-</td>
+            <td>-</td>
+            <td>-</td>
+            <td>-</td>
+            
+            <td>4</td>
+            <td>-</td>
+            </tr>
+            <tr>
+            <th class="custom">1992-93 - Juventus</th>
+            <td>B</td>
+            <td>10</td>
+            <td>1</td>
+            
+            <td>-</td>
+            <td>-</td>
+            <td>-</td>
+            <td>-</td>
+            <td>-</td>
+            <td>-</td>
+            <td>10</td>
+            <td>1</td>
+            </tr>
+            
+            <tr>
+            <th class="custom">1993-94 - Juventus</th>
+            <td>A</td>
+            <td>11</td>
+            <td>5</td>
+            <td>1</td>
+            <td>-</td>
+            <td>2</td>
+            
+            <td>-</td>
+            <td>-</td>
+            <td>-</td>
+            <td>14</td>
+            <td>5</td>
+            </tr>
+            <tr>
+            <th class="custom">1994-95 - Juventus</th>
+            
+            <td>A</td>
+            <td>29</td>
+            <td>8</td>
+            <td>10</td>
+            <td>1</td>
+            <td>11</td>
+            <td>1</td>
+            <td>-</td>
+            <td>-</td>
+            
+            <td>50</td>
+            <td>10</td>
+            </tr>
+            <tr>
+            <th class="custom">1995-96 - Juventus</th>
+            <td>A</td>
+            <td>29</td>
+            <td>6</td>
+            
+            <td>3</td>
+            <td>1</td>
+            <td>11</td>
+            <td>6</td>
+            <td>-</td>
+            <td>-</td>
+            <td>43</td>
+            <td>13</td>
+            </tr>
+            
+            <tr>
+            <th class="custom">1996-97 - Juventus</th>
+            <td>A</td>
+            <td>22</td>
+            <td>8</td>
+            <td>4</td>
+            <td>-</td>
+            <td>8</td>
+            
+            <td>6</td>
+            <td>1</td>
+            <td>1</td>
+            <td>35</td>
+            <td>15</td>
+            </tr>
+            <tr>
+            <th class="custom">1997-98 - Juventus</th>
+            
+            <td>A</td>
+            <td>32</td>
+            <td>21</td>
+            <td>5</td>
+            <td>1</td>
+            <td>10</td>
+            <td>10</td>
+            <td>-</td>
+            <td>-</td>
+            
+            <td>47</td>
+            <td>32</td>
+            </tr>
+            <tr>
+            <th class="custom">1998-99 - Juventus</th>
+            <td>A</td>
+            <td>8</td>
+            <td>2</td>
+            
+            <td>2</td>
+            <td>1</td>
+            <td>4</td>
+            <td>-</td>
+            <td>-</td>
+            <td>-</td>
+            <td>14</td>
+            <td>3</td>
+            </tr>
+            
+            <tr>
+            <th class="custom">1999-00 - Juventus</th>
+            <td>A</td>
+            <td>34</td>
+            <td>9</td>
+            <td>2</td>
+            <td>1</td>
+            <td>9</td>
+            
+            <td>2</td>
+            <td>-</td>
+            <td>-</td>
+            <td>45</td>
+            <td>12</td>
+            </tr>
+            <tr>
+            <th class="custom">2000-01 - Juventus</th>
+            
+            <td>A</td>
+            <td>25</td>
+            <td>9</td>
+            <td>2</td>
+            <td>-</td>
+            <td>6</td>
+            <td>-</td>
+            <td>-</td>
+            <td>-</td>
+            
+            <td>33</td>
+            <td>9</td>
+            </tr>
+            <tr>
+            <th class="custom">2001-02 - Juventus</th>
+            <td>A</td>
+            <td>32</td>
+            <td>16</td>
+            
+            <td>4</td>
+            <td>1</td>
+            <td>10</td>
+            <td>4</td>
+            <td>-</td>
+            <td>-</td>
+            <td>46</td>
+            <td>21</td>
+            </tr>
+            
+            <tr>
+            <th class="custom">2002-03 - Juventus</th>
+            <td>A</td>
+            <td>24</td>
+            <td>16</td>
+            <td>1</td>
+            <td>2</td>
+            <td>13</td>
+            
+            <td>5</td>
+            <td>-</td>
+            <td>-</td>
+            <td>38</td>
+            <td>23</td>
+            </tr>
+            <tr>
+            <th class="custom">2003-04 - Juventus</th>
+            
+            <td>A</td>
+            <td>22</td>
+            <td>8</td>
+            <td>5</td>
+            <td>3</td>
+            <td>4</td>
+            <td>3</td>
+            <td>-</td>
+            <td>-</td>
+            
+            <td>31</td>
+            <td>14</td>
+            </tr>
+            <tr>
+            <th class="custom">2004-05 - Juventus</th>
+            <td>A</td>
+            <td>30</td>
+            <td>14</td>
+            
+            <td>1</td>
+            <td>-</td>
+            <td>10</td>
+            <td>3</td>
+            <td>-</td>
+            <td>-</td>
+            <td>41</td>
+            <td>17</td>
+            </tr>
+            
+            <tr>
+            <th class="custom">2005-06 - Juventus</th>
+            <td>A</td>
+            <td>33</td>
+            <td>12</td>
+            <td>5</td>
+            <td>5</td>
+            <td>7</td>
+            
+            <td>3</td>
+            <td>-</td>
+            <td>-</td>
+            <td>45</td>
+            <td>20</td>
+            </tr>
+            <tr>
+            <th class="custom">2006-07 - Juventus</th>
+            
+            <td>B</td>
+            <td>35</td>
+            <td>20</td>
+            <td>2</td>
+            <td>3</td>
+            <td>-</td>
+            <td>-</td>
+            <td>-</td>
+            <td>-</td>
+            
+            <td>37</td>
+            <td>23</td>
+            </tr>
+            
+            <tr>
+            <th class="custom">2007-08 - Juventus</th>
+            <td>A</td>
+            <td>37</td>
+            <td>21</td>
+            
+            <td>4</td>
+            <td>3</td>
+            <td>-</td>
+            <td>-</td>
+            <td>-</td>
+            <td>-</td>
+            <td>41</td>
+            <td>24</td>
+            </tr>
+            
+            
+            </tbody>
+            
+        </table>
+        </div>
+        <h3>JS</h3>
+        <div class="code javascript"><!--jQuery.getJSON(
+"../json/delpiero.json",
+//wait json data
+function(json){
+    var data_custom = [];
+    for(var x= 0;x< jQuery("#jgcustomdata").find("tbody > tr").size();x++){
+        data_custom.push(jQuery.map( jQuery("#jgcustomdata").find("tbody > tr:eq(" + x + ") > td"),
+           function(td,index){
+                if(index % 11 == 1 || index % 11 == 2){
+                    if(parseInt(jQuery(td).text()))
+                        return parseInt(jQuery(td).text());
+                    else
+                        return 0;
+                } 
+           }
+        ));
+        
+    }
+    var axis_custom = jQuery.map( jQuery("#jgcustomdata").find("tbody > tr > th.custom"),
+               function(th) { return jQuery(th).text(); }
+    );
+    var legend_custom = ["presenze", "gol"];
+    
+    json.axis_labels = axis_custom;
+    json.data = data_custom;
+    json.legend = legend_custom;
+    jQuery("#jgcustomdata").jgtable(json);
+    
+    var data_custom = [];
+    for(var x= 0;x< jQuery("#jgcustomdata").find("tbody > tr").size();x++){
+        data_custom.push(jQuery.map( jQuery("#jgcustomdata").find("tbody > tr:eq(" + x + ") > td"),
+           function(td,index){
+                if(index % 11 == 9 || index % 11 == 10){
+                    if(parseInt(jQuery(td).text()))
+                        return parseInt(jQuery(td).text());
+                    else
+                        return 0;
+                } 
+           }
+        ));
+        
+    }
+    json.data = data_custom;
+    json.title = 'Gol e presenze totali';
+    
+    jQuery("#jgcustomdata").jgtable(json);
+    
+});--></div>
+        
+        <h3>Options in json file</h3>
+        <div class="code javascript"><!--{
+size:'450x600',
+type:'bhg',
+axis_step:1,
+title:'Gol e presenze in campionato',
+title_color:'000000',
+title_size:16,
+bar_width:10,
+bar_spacing:0,
+colors:['5131c9','da1b1b'],
+grid:true,
+grid_x:5,
+grid_y:5,
+grid_line:5,
+grid_blank:5
+}--></div>
+        
+        <h3>Html Table</h3>
+        <div class="code html"><!--<div id="jgcustomdata">
+  <table>
+  <thead>
+    <tr>
+    <th colspan="2">Cronologia</th>
+    <th colspan="2">Campionato</th>
+    <th colspan="2">Coppe di Lega<small><sup>*</sup></small></th>
+    <th colspan="2">Coppe Europee<small><sup>**</sup></small></th>
+    <th colspan="2">Coppe Internazionali<small><sup>***</sup></small></th>
+    <th colspan="2">Totale</th>
+  </tr>
+  <tr>
+    <th>Stagione - Squadra</th>
+    <th>Serie</th>
+    <th>Presenze</th>
+    <th>Gol</th>
+    <th>Presenze</th>
+    <th>Gol</th>
+    <th>Presenze</th>
+    
+    <th>Gol</th>
+    <th>Presenze</th>
+    <th>Gol</th>
+    <th>Presenze</th>
+    <th>Gol</th>
+  </tr>
+  </thead>
+  <tfoot>
+    <tr>
+        <th colspan="2">Totale</th>
+        <th>417</th>
+        <th>176</th>
+        <th>51</th>
+        <th>22</th>
+        <th>105</th>
+        <th>43</th>
+        <th>1</th>
+        
+        <th>1</th>
+        <th>574</th>
+        <th>242</th>
+    </tr>
+    </tfoot>
+  <tbody>
+  
+  <tr>
+    <th class="custom">1991-92 - Padova</th>
+    
+    <td>B</td>
+    <td>4</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+    
+    <td>4</td>
+    <td>-</td>
+    </tr>
+    <tr>
+    <th class="custom">1992-93 - Juventus</th>
+    <td>B</td>
+    <td>10</td>
+    <td>1</td>
+    
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+    <td>10</td>
+    <td>1</td>
+    </tr>
+    
+    <tr>
+    <th class="custom">1993-94 - Juventus</th>
+    <td>A</td>
+    <td>11</td>
+    <td>5</td>
+    <td>1</td>
+    <td>-</td>
+    <td>2</td>
+    
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+    <td>14</td>
+    <td>5</td>
+    </tr>
+    <tr>
+    <th class="custom">1994-95 - Juventus</th>
+    
+    <td>A</td>
+    <td>29</td>
+    <td>8</td>
+    <td>10</td>
+    <td>1</td>
+    <td>11</td>
+    <td>1</td>
+    <td>-</td>
+    <td>-</td>
+    
+    <td>50</td>
+    <td>10</td>
+    </tr>
+    <tr>
+    <th class="custom">1995-96 - Juventus</th>
+    <td>A</td>
+    <td>29</td>
+    <td>6</td>
+    
+    <td>3</td>
+    <td>1</td>
+    <td>11</td>
+    <td>6</td>
+    <td>-</td>
+    <td>-</td>
+    <td>43</td>
+    <td>13</td>
+    </tr>
+    
+    <tr>
+    <th class="custom">1996-97 - Juventus</th>
+    <td>A</td>
+    <td>22</td>
+    <td>8</td>
+    <td>4</td>
+    <td>-</td>
+    <td>8</td>
+    
+    <td>6</td>
+    <td>1</td>
+    <td>1</td>
+    <td>35</td>
+    <td>15</td>
+    </tr>
+    <tr>
+    <th class="custom">1997-98 - Juventus</th>
+    
+    <td>A</td>
+    <td>32</td>
+    <td>21</td>
+    <td>5</td>
+    <td>1</td>
+    <td>10</td>
+    <td>10</td>
+    <td>-</td>
+    <td>-</td>
+    
+    <td>47</td>
+    <td>32</td>
+    </tr>
+    <tr>
+    <th class="custom">1998-99 - Juventus</th>
+    <td>A</td>
+    <td>8</td>
+    <td>2</td>
+    
+    <td>2</td>
+    <td>1</td>
+    <td>4</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+    <td>14</td>
+    <td>3</td>
+    </tr>
+    
+    <tr>
+    <th class="custom">1999-00 - Juventus</th>
+    <td>A</td>
+    <td>34</td>
+    <td>9</td>
+    <td>2</td>
+    <td>1</td>
+    <td>9</td>
+    
+    <td>2</td>
+    <td>-</td>
+    <td>-</td>
+    <td>45</td>
+    <td>12</td>
+    </tr>
+    <tr>
+    <th class="custom">2000-01 - Juventus</th>
+    
+    <td>A</td>
+    <td>25</td>
+    <td>9</td>
+    <td>2</td>
+    <td>-</td>
+    <td>6</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+    
+    <td>33</td>
+    <td>9</td>
+    </tr>
+    <tr>
+    <th class="custom">2001-02 - Juventus</th>
+    <td>A</td>
+    <td>32</td>
+    <td>16</td>
+    
+    <td>4</td>
+    <td>1</td>
+    <td>10</td>
+    <td>4</td>
+    <td>-</td>
+    <td>-</td>
+    <td>46</td>
+    <td>21</td>
+    </tr>
+    
+    <tr>
+    <th class="custom">2002-03 - Juventus</th>
+    <td>A</td>
+    <td>24</td>
+    <td>16</td>
+    <td>1</td>
+    <td>2</td>
+    <td>13</td>
+    
+    <td>5</td>
+    <td>-</td>
+    <td>-</td>
+    <td>38</td>
+    <td>23</td>
+    </tr>
+    <tr>
+    <th class="custom">2003-04 - Juventus</th>
+    
+    <td>A</td>
+    <td>22</td>
+    <td>8</td>
+    <td>5</td>
+    <td>3</td>
+    <td>4</td>
+    <td>3</td>
+    <td>-</td>
+    <td>-</td>
+    
+    <td>31</td>
+    <td>14</td>
+    </tr>
+    <tr>
+    <th class="custom">2004-05 - Juventus</th>
+    <td>A</td>
+    <td>30</td>
+    <td>14</td>
+    
+    <td>1</td>
+    <td>-</td>
+    <td>10</td>
+    <td>3</td>
+    <td>-</td>
+    <td>-</td>
+    <td>41</td>
+    <td>17</td>
+    </tr>
+    
+    <tr>
+    <th class="custom">2005-06 - Juventus</th>
+    <td>A</td>
+    <td>33</td>
+    <td>12</td>
+    <td>5</td>
+    <td>5</td>
+    <td>7</td>
+    
+    <td>3</td>
+    <td>-</td>
+    <td>-</td>
+    <td>45</td>
+    <td>20</td>
+    </tr>
+    <tr>
+    <th class="custom">2006-07 - Juventus</th>
+    
+    <td>B</td>
+    <td>35</td>
+    <td>20</td>
+    <td>2</td>
+    <td>3</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+    
+    <td>37</td>
+    <td>23</td>
+    </tr>
+    
+    <tr>
+    <th class="custom">2007-08 - Juventus</th>
+    <td>A</td>
+    <td>37</td>
+    <td>21</td>
+    
+    <td>4</td>
+    <td>3</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+    <td>41</td>
+    <td>24</td>
+    </tr>
+    
+    
+    </tbody>
+    
+   </table>
+</div>--></div>
+                                                
+              
+        
+    </div>
+</div>
+<!--todo: copy events -->
+<div id="yslider-code" class="ycodaslider">
+    <a class="javascript" href="../../jgcharts.js" class="tracking {label : '/jgcharts/code/jgcharts'}">jGCharts 1.0</a>
+    <a class="javascript" href="../../plugins/jgtable/jgtable.js" class="tracking {label : '/jgcharts/code/jgtable'}">jGTable 1.0</a>
+</div>
+<div id="analytics" class="UA-258871-1 {host: 'maxb.net'}"></div><!--debug:true-->
+</body>
+</html>    

theme_tripal/js/jgcharts/include/gui/index.html

@@ -0,0 +1,588 @@
+<!DOCTYPE html 
+    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+    <title>jQuery Google Charts Gui 1.0 - Demo</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <script src="lib/jquery-1.2.6.min.js" type="text/javascript"></script>
+	<script src="lib/jquery.metadata.js" type="text/javascript"></script>
+	<script src="lib/jquery-ui-personalized-1.6rc2.min.js" type="text/javascript"></script>
+    <script src="lib/farbtastic/farbtastic.js" type="text/javascript"></script>
+	<link href="lib/farbtastic/farbtastic.css" type="text/css" rel="stylesheet" />
+		
+	<script src="../../jgcharts.js" type="text/javascript"></script>
+	<script src="../../plugins/jgtable/jgtable.js" type="text/javascript"></script>
+	<script src="plugins/jggui/jggui.js" type="text/javascript"></script>
+	<link href="plugins/jggui/jggui.css" type="text/css" rel="stylesheet" />
+	<link href="plugins/jggui/theme/jquery-ui-themeroller.css" type="text/css" rel="stylesheet" />
+	<script type="text/javascript">
+		var STATIC = 0;
+		jQuery(document).bind("jggui", function(){
+			var _callback = function(){
+				STATIC++;
+				jQuery(".jgchart").remove();
+				jQuery(".jgtable")
+				.jgtable({
+					single : STATIC,
+					gui    : true
+				});
+			};
+			_callback();
+			
+			jQuery("img.jggui").jggui({
+				url : "plugins/jggui/",
+				height : 400,
+				width : 600,
+				callback : _callback
+			});
+		});
+		jQuery(document).ready(function(){
+			jQuery(document).trigger("jggui");
+		});
+	</script>
+</head>
+<body>
+<h1>Click on chart</h1>
+<div class="jgtable {type : 'p',colors : ['5131C9'],size : '300x200'}">
+<table class="demo">
+  <thead>
+    <tr>
+        <th>Anno</th>
+
+        <th class="serie">Data 1</th>
+        <th class="serie">Data 2</th>
+        <th class="serie">Data 3</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+
+        <th class="serie">2001</th>
+        <td>153</td>
+        <td>60</td>
+        <td>52</td>
+    </tr>
+    <tr>
+        <th class="serie">2002</th>
+
+        <td>113</td>
+        <td>70</td>
+        <td>60</td>
+    </tr>
+    <tr>
+        <th class="serie">2003</th>
+        <td>120</td>
+
+        <td>80</td>
+        <td>40</td>
+    </tr>
+  </tbody>
+</table>
+</div>
+<div class="jgtable {type : 'bhg',bar_width : 15,grid : true,colors : ['5131C9'],size : '390x490'}">
+<table class="demo">
+  <thead>
+    <tr>
+        <th>Squadra</th>
+
+        <th class="serie">Punti</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr><th class="serie">Inter</th><td>27</td></tr>
+    <tr><th class="serie">Juventus</th><td>24</td></tr>
+    <tr><th class="serie">Milan</th><td>23</td></tr>
+    <tr><th class="serie">Napoli</th><td>23</td></tr>
+    <tr><th class="serie">Lazio</th><td>22</td></tr>
+    <tr><th class="serie">Udinese</th><td>21</td></tr>
+    <tr><th class="serie">Genoa</th><td>20</td></tr>
+    <tr><th class="serie">Fiorentina</th><td>20</td></tr>
+    <tr><th class="serie">Catania</th><td>18</td></tr>
+    <tr><th class="serie">Palermo</th><td>16</td></tr>
+    <tr><th class="serie">Atalanta</th><td>14</td></tr>
+    <tr><th class="serie">Lecce</th><td>12</td></tr>
+    <tr><th class="serie">Siena</th><td>12</td></tr>
+    <tr><th class="serie">Torino</th><td>11</td></tr>
+    <tr><th class="serie">Cagliari</th><td>10</td></tr>
+    <tr><th class="serie">Sampdoria</th><td>10</td></tr>
+    <tr><th class="serie">Roma</th><td>8</td></tr>
+    <tr><th class="serie">Bologna</th><td>7</td></tr>
+    <tr><th class="serie">Chievo</th><td>6</td></tr>
+    <tr><th class="serie">Reggina</th><td>5</td></tr>
+  </tbody>
+</table>
+</div>
+<div class="jgtable {
+	type : 'bhg',
+	bar_width : 19,
+	bg : 'FFFFFF',
+	bg_type : 'stripes',
+	bg_offset : '7a7a7a',
+	bg_angle : 45,
+	bg_trasparency : 90,
+	chbg : 'FFFFFF',
+	chbg_type : 'gradient',
+	chbg_offset : 'cb7e01',
+	grid : true,
+	grid_x : 3,
+	grid_y : 3,
+	grid_line : 2,
+	grid_blank : 2,
+	colors : ['5131C9','FFCC00','DA1B1B','FF9900','FF6600','CCFFFF','CCFF00','CCCCCC','FF99CC','999900','999999','66FF00','66CC00','669900','660099','33CC00','333399','000000','000000','000000'],
+	size : '300x460'
+}">
+<table class="demo">
+  <thead>
+    <tr>
+        <th>Squadra</th>
+		<th class="serie">Inter</th>
+	    <th class="serie">Juventus</th>
+	    <th class="serie">Milan</th>
+	    <th class="serie">Napoli</th>
+	    <th class="serie">Lazio</th>
+	    <th class="serie">Udinese</th>
+	    <th class="serie">Genoa</th>
+	    <th class="serie">Fiorentina</th>
+	    <th class="serie">Catania</th>
+	    <th class="serie">Palermo</th>
+	    <th class="serie">Atalanta</th>
+	    <th class="serie">Lecce</th>
+	    <th class="serie">Siena</th>
+	    <th class="serie">Torino</th>
+	    <th class="serie">Cagliari</th>
+	    <th class="serie">Sampdoria</th>
+	    <th class="serie">Roma</th>
+	    <th class="serie">Bologna</th>
+	    <th class="serie">Chievo</th>
+	    <th class="serie">Reggina</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+    <th class="serie">Punti</th>
+    <td>27</td>
+    <td>24</td>
+    <td>23</td>
+    <td>23</td>
+    <td>22</td>
+    <td>21</td>
+    <td>20</td>
+    <td>20</td>
+    <td>18</td>
+    <td>16</td>
+    <td>14</td>
+    <td>12</td>
+    <td>12</td>
+    <td>11</td>
+    <td>10</td>
+    <td>10</td>
+    <td>8</td>
+    <td>7</td>
+    <td>6</td>
+    <td>5</td>
+    </tr>
+  </tbody>
+</table>
+</div>
+<div class="jgtable {
+	type : 'lc',
+	size : '520x370',
+	lines : [['1','0','0'],['1','0','0']],
+	axis_step : 10,
+	bg : '000000',
+	bg_type : 'gradient',
+	bg_offset : 'FFFFFF',
+	bg_trasparency : 90,
+	grid : true,
+	grid_x : 4,
+	grid_y : 4,
+	grid_line : 2,
+	grid_blank : 2,
+	colors : ['5131C9','FFCC00'],
+	filltop : ''
+}">
+<table>
+<thead>
+<tr>
+    <th></th>
+    <th class="serie">CA</th>
+    <th class="serie">DF</th>
+</tr>
+</thead>
+<tbody>
+   <tr>
+    <th class="serie">01-03</th>
+
+    <td>105.7</td>
+    <td>97.9</td>
+  </tr>
+  <tr>
+    <th class="serie">02-03</th>
+    <td>108.1</td>
+    <td>101.6</td>
+
+  </tr>
+  <tr>
+    <th class="serie">03-03</th>
+    <td>110.7</td>
+    <td>102.9</td>
+  </tr>
+  
+  <tr>
+
+    <th class="serie">04-03</th>
+    <td>111.0</td>
+    <td>93.7</td>
+  </tr>
+  <tr>
+    <th class="serie">05-03</th>
+    <td>110.0</td>
+
+    <td>89.8</td>
+  </tr>
+  <tr>
+    <th class="serie">06-03</th>
+    <td>109.0</td>
+    <td>90.7</td>
+  </tr>
+
+  <tr>
+    <th class="serie">07-03</th>
+    <td>107.5</td>
+    <td>93.0</td>
+  </tr>
+  <tr>
+    <th class="serie">08-03</th>
+
+    <td>106.1</td>
+    <td>94.5</td>
+  </tr>
+  <tr>
+    <th class="serie">09-03</th>
+    <td>104.3</td>
+    <td>91.9</td>
+
+  </tr>
+  <tr>
+    <th class="serie">10-03</th>
+    <td>102.0</td>
+    <td>93.9</td>
+  </tr>
+  <tr>
+
+    <th class="serie">11-03</th>
+    <td>102.8</td>
+    <td>93.6</td>
+  </tr>
+  <tr>
+    <th class="serie">12-03</th>
+    <td>103.8</td>
+
+    <td>92.6</td>
+  </tr>
+  
+  <tr>
+    <th class="serie">01-04</th>
+    <td>102.9</td>
+    <td>94.0</td>
+  </tr>
+
+  <tr>
+    <th class="serie">02-04</th>
+    <td>102.1</td>
+    <td>92.7</td>
+  </tr>
+  <tr>
+    <th class="serie">03-04</th>
+
+    <td>100.6</td>
+    <td>96.0</td>
+  </tr>
+  
+ <tr>
+    <th class="serie">04-04</th>
+    <td>101.7</td>
+    <td>97.9</td>
+
+  </tr>
+  <tr>
+    <th class="serie">05-04</th>
+    <td>101.8</td>
+    <td>105.0</td>
+  </tr>
+  <tr>
+
+    <th class="serie">06-04</th>
+    <td>103.3</td>
+    <td>104.1</td>
+  </tr>
+  <tr>
+    <th class="serie">07-04</th>
+    <td>104.0</td>
+
+    <td>105.1</td>
+  </tr>
+  <tr>
+    <th class="serie">08-04</th>
+    <td>103.7</td>
+    <td>108.1</td>
+  </tr>
+
+  <tr>
+    <th class="serie">09-04</th>
+    <td>108.4</td>
+    <td>108.4</td>
+  </tr>
+  <tr>
+    <th class="serie">10-04</th>
+
+    <td>109.4</td>
+    <td>113.8</td>
+  </tr>
+  <tr>
+    <th class="serie">11-04</th>
+    <td>112.0</td>
+    <td>109.1</td>
+
+  </tr>
+  <tr>
+    <th class="serie">12-04</th>
+    <td>112.6</td>
+    <td>106.3</td>
+  </tr>
+  <tr>
+
+    <th class="serie">01-05</th>
+    <td>115.5</td>
+    <td>106.7</td>
+  </tr>
+  <tr>
+    <th class="serie">02-05</th>
+    <td>115.7</td>
+
+    <td>108.8</td>
+  </tr>
+  <tr>
+    <th class="serie">03-05</th>
+    <td>114.7</td>
+    <td>118.8</td>
+  </tr>
+
+  <tr>
+    <th class="serie">04-05</th>
+    <td>115.9</td>
+    <td>120.4</td>
+  </tr>
+  <tr>
+    <th class="serie">05-05</th>
+
+    <td>116.2</td>
+    <td>115.9</td>
+  </tr>
+  <tr>
+    <th class="serie">06-05</th>
+    <td>118.0</td>
+    <td>124.7</td>
+
+  </tr>
+  <tr>
+    <th class="serie">07-05</th>
+    <td>123.3</td>
+    <td>126.5</td>
+  </tr>
+  <tr>
+
+    <th class="serie">08-05</th>
+    <td>127.6</td>
+    <td>131.6</td>
+  </tr>
+  <tr>
+    <th class="serie">09-05</th>
+    <td>130.3</td>
+
+    <td>134.0</td>
+  </tr>
+  <tr>
+    <th class="serie">10-05</th>
+    <td>135.5</td>
+    <td>135.7</td>
+  </tr>
+
+  <tr>
+    <th class="serie">11-05</th>
+    <td>138.2</td>
+    <td>126.4</td>
+  </tr>
+  <tr>
+    <th class="serie">12-05</th>
+
+    <td>139.6</td>
+    <td>127.4</td>
+  </tr>
+  <tr>
+    <th class="serie">01-06</th>
+    <td>145.1</td>
+    <td>131.0</td>
+
+  </tr>
+  <tr>
+    <th class="serie">02-06</th>
+    <td>146.4</td>
+    <td>129.9</td>
+  </tr>
+  <tr>
+
+    <th class="serie">03-06</th>
+    <td>147.1</td>
+    <td>133.7</td>
+  </tr>
+  <tr>
+    <th class="serie">04-06</th>
+    <td>149.0</td>
+
+    <td>138.4</td>
+  </tr>
+  <tr>
+    <th class="serie">05-06</th>
+    <td>150.3</td>
+    <td>141.0</td>
+  </tr>
+
+  <tr>
+    <th class="serie">06-06</th>
+    <td>151.3</td>
+    <td>139.3</td>
+  </tr>
+  <tr>
+    <th class="serie">07-06</th>
+
+    <td>153.4</td>
+    <td>145.3</td>
+  </tr>
+  <tr>
+    <th class="serie">08-06</th>
+    <td>152.7</td>
+    <td>142.9</td>
+
+  </tr>
+  <tr>
+    <th class="serie">09-06</th>
+    <td>152.9</td>
+    <td>129.2</td>
+  </tr>
+  <tr>
+
+    <th class="serie">10-06</th>
+    <td>152.2</td>
+    <td>126.0</td>
+  </tr>
+  <tr>
+    <th class="serie">11-06</th>
+    <td>151.9</td>
+
+    <td>124.8</td>
+  </tr>
+  <tr>
+    <th class="serie">12-06</th>
+    <td>150.1</td>
+    <td>125.9</td>
+  </tr>
+
+  <tr>
+    <th class="serie">01-07</th>
+    <td>148.2</td>
+    <td>118.9</td>
+  </tr>
+  <tr>
+    <th class="serie">02-07</th>
+
+    <td>145.3</td>
+    <td>122.9</td>
+  </tr>
+  <tr>
+    <th class="serie">03-07</th>
+    <td>142.9</td>
+    <td>127.7</td>
+
+  </tr>
+  <tr>
+    <th class="serie">04-07</th>
+    <td>142.6</td>
+    <td>134.4</td>
+  </tr>
+  <tr>
+
+    <th class="serie">05-07</th>
+    <td>144.0</td>
+    <td>138.5</td>
+  </tr>
+  <tr>
+    <th class="serie">06-07</th>
+    <td>145.5</td>
+
+    <td>138.7</td>
+  </tr>
+  <tr>
+    <th class="serie">07-07</th>
+    <td>147.2</td>
+    <td>141.8</td>
+  </tr>
+
+  <tr>
+    <th class="serie">08-07</th>
+    <td>150.0</td>
+    <td>139.2</td>
+  </tr>
+  <tr>
+    <th class="serie">09-07</th>
+
+    <td>153.8</td>
+    <td>145.6</td>
+  </tr>
+  <tr>
+    <th class="serie">10-07</th>
+    <td>155.4</td>
+    <td>147.6</td>
+
+  </tr>
+  <tr>
+    <th class="serie">11-07</th>
+    <td>157.0</td>
+    <td>157.9</td>
+  </tr>
+  <tr>
+
+    <th class="serie">12-07</th>
+    <td>158.4</td>
+    <td>156.2</td>
+  </tr>
+  <tr>
+    <th class="serie">01-08</th>
+    <td>162.8</td>
+
+    <td>153.9</td>
+  </tr>
+  <tr>
+    <th class="serie">02-08</th>
+    <td>162.8</td>
+    <td>158.6</td>
+  </tr>
+
+  <tr>
+    <th class="serie">03-08</th>
+    <td>164.7</td>
+    <td>166.3</td>
+  </tr>
+  <tr>
+    <th class="serie">04-08</th>
+
+    <td>168.5</td>
+    <td>165.8</td>
+  </tr>
+</tbody>
+</table>
+</div>
+</body>
+</html>  

theme_tripal/js/jgcharts/include/gui/lib/farbtastic/farbtastic.css

@@ -0,0 +1,43 @@
+#picker{
+  z-index: 99999999;
+}
+
+.farbtastic {
+  position: absolute;
+  background: #222;
+  border: 1px solid #444;
+  border-top: 0;
+  top: 1.6em;
+  right: 0;
+  z-index: 99999999;
+}
+.farbtastic * {
+  position: absolute;
+  cursor: crosshair;
+}
+.farbtastic, .farbtastic .wheel {
+  width: 195px;
+  height: 195px;
+}
+.farbtastic .color, .farbtastic .overlay {
+  top: 47px;
+  left: 47px;
+  width: 101px;
+  height: 101px;
+}
+.farbtastic .wheel {
+  background: url(wheel.png) no-repeat;
+  width: 195px;
+  height: 195px;
+}
+.farbtastic .overlay {
+  background: url(mask.png) no-repeat;
+}
+.farbtastic .marker {
+  width: 17px;
+  height: 17px;
+  margin: -8px 0 0 -8px;
+  overflow: hidden; 
+  background: url(colorpicker_select.gif) no-repeat;
+}
+

theme_tripal/js/jgcharts/include/gui/lib/farbtastic/farbtastic.js

@@ -0,0 +1,329 @@
+// $Id: farbtastic.js,v 1.1 2009/10/01 18:28:22 ccheng Exp $
+// Farbtastic 1.2
+
+jQuery.fn.farbtastic = function (callback) {
+  $.farbtastic(this, callback);
+  return this;
+};
+
+jQuery.farbtastic = function (container, callback) {
+  var container = $(container).get(0);
+  return container.farbtastic || (container.farbtastic = new jQuery._farbtastic(container, callback));
+}
+
+jQuery._farbtastic = function (container, callback) {
+  // Store farbtastic object
+  var fb = this;
+
+  // Insert markup
+  $(container).html('<div class="farbtastic"><div class="color"></div><div class="wheel"></div><div class="overlay"></div><div class="h-marker marker"></div><div class="sl-marker marker"></div></div>');
+  var e = $('.farbtastic', container);
+  fb.wheel = $('.wheel', container).get(0);
+  // Dimensions
+  fb.radius = 84;
+  fb.square = 100;
+  fb.width = 194;
+
+  // Fix background PNGs in IE6
+  if (navigator.appVersion.match(/MSIE [0-6]\./)) {
+    $('*', e).each(function () {
+      if (this.currentStyle.backgroundImage != 'none') {
+        var image = this.currentStyle.backgroundImage;
+        image = this.currentStyle.backgroundImage.substring(5, image.length - 2);
+        $(this).css({
+          'backgroundImage': 'none',
+          'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='" + image + "')"
+        });
+      }
+    });
+  }
+
+  /**
+   * Link to the given element(s) or callback.
+   */
+  fb.linkTo = function (callback) {
+    // Unbind previous nodes
+    if (typeof fb.callback == 'object') {
+      $(fb.callback).unbind('keyup', fb.updateValue);
+    }
+
+    // Reset color
+    fb.color = null;
+
+    // Bind callback or elements
+    if (typeof callback == 'function') {
+      fb.callback = callback;
+    }
+    else if (typeof callback == 'object' || typeof callback == 'string') {
+      fb.callback = $(callback);
+      fb.callback.bind('keyup', fb.updateValue);
+      if (fb.callback.get(0).value) {
+        fb.setColor(fb.callback.get(0).value);
+      }
+    }
+    return this;
+  }
+  fb.updateValue = function (event) {
+    if (this.value && this.value != fb.color) {
+      fb.setColor(this.value);
+    }
+  }
+
+  /**
+   * Change color with HTML syntax #123456
+   */
+  fb.setColor = function (color) {
+    var unpack = fb.unpack(color);
+    if (fb.color != color && unpack) {
+      fb.color = color;
+      fb.rgb = unpack;
+      fb.hsl = fb.RGBToHSL(fb.rgb);
+      fb.updateDisplay();
+    }
+    return this;
+  }
+
+  /**
+   * Change color with HSL triplet [0..1, 0..1, 0..1]
+   */
+  fb.setHSL = function (hsl) {
+    fb.hsl = hsl;
+    fb.rgb = fb.HSLToRGB(hsl);
+    fb.color = fb.pack(fb.rgb);
+    fb.updateDisplay();
+    return this;
+  }
+
+  /////////////////////////////////////////////////////
+
+  /**
+   * Retrieve the coordinates of the given event relative to the center
+   * of the widget.
+   */
+  fb.widgetCoords = function (event) {
+    var x, y;
+    var el = event.target || event.srcElement;
+    var reference = fb.wheel;
+
+    if (typeof event.offsetX != 'undefined') {
+      // Use offset coordinates and find common offsetParent
+      var pos = { x: event.offsetX, y: event.offsetY };
+
+      // Send the coordinates upwards through the offsetParent chain.
+      var e = el;
+      while (e) {
+        e.mouseX = pos.x;
+        e.mouseY = pos.y;
+        pos.x += e.offsetLeft;
+        pos.y += e.offsetTop;
+        e = e.offsetParent;
+      }
+
+      // Look for the coordinates starting from the wheel widget.
+      var e = reference;
+      var offset = { x: 0, y: 0 }
+      while (e) {
+        if (typeof e.mouseX != 'undefined') {
+          x = e.mouseX - offset.x;
+          y = e.mouseY - offset.y;
+          break;
+        }
+        offset.x += e.offsetLeft;
+        offset.y += e.offsetTop;
+        e = e.offsetParent;
+      }
+
+      // Reset stored coordinates
+      e = el;
+      while (e) {
+        e.mouseX = undefined;
+        e.mouseY = undefined;
+        e = e.offsetParent;
+      }
+    }
+    else {
+      // Use absolute coordinates
+      var pos = fb.absolutePosition(reference);
+      x = (event.pageX || 0*(event.clientX + $('html').get(0).scrollLeft)) - pos.x;
+      y = (event.pageY || 0*(event.clientY + $('html').get(0).scrollTop)) - pos.y;
+    }
+    // Subtract distance to middle
+    return { x: x - fb.width / 2, y: y - fb.width / 2 };
+  }
+
+  /**
+   * Mousedown handler
+   */
+  fb.mousedown = function (event) {
+    // Capture mouse
+    if (!document.dragging) {
+      $(document).bind('mousemove', fb.mousemove).bind('mouseup', fb.mouseup);
+      document.dragging = true;
+    }
+
+    // Check which area is being dragged
+    var pos = fb.widgetCoords(event);
+    fb.circleDrag = Math.max(Math.abs(pos.x), Math.abs(pos.y)) * 2 > fb.square;
+
+    // Process
+    fb.mousemove(event);
+    return false;
+  }
+
+  /**
+   * Mousemove handler
+   */
+  fb.mousemove = function (event) {
+    // Get coordinates relative to color picker center
+    var pos = fb.widgetCoords(event);
+
+    // Set new HSL parameters
+    if (fb.circleDrag) {
+      var hue = Math.atan2(pos.x, -pos.y) / 6.28;
+      if (hue < 0) hue += 1;
+      fb.setHSL([hue, fb.hsl[1], fb.hsl[2]]);
+    }
+    else {
+      var sat = Math.max(0, Math.min(1, -(pos.x / fb.square) + .5));
+      var lum = Math.max(0, Math.min(1, -(pos.y / fb.square) + .5));
+      fb.setHSL([fb.hsl[0], sat, lum]);
+    }
+    return false;
+  }
+
+  /**
+   * Mouseup handler
+   */
+  fb.mouseup = function () {
+    // Uncapture mouse
+    $(document).unbind('mousemove', fb.mousemove);
+    $(document).unbind('mouseup', fb.mouseup);
+    document.dragging = false;
+  }
+
+  /**
+   * Update the markers and styles
+   */
+  fb.updateDisplay = function () {
+    // Markers
+    var angle = fb.hsl[0] * 6.28;
+    $('.h-marker', e).css({
+      left: Math.round(Math.sin(angle) * fb.radius + fb.width / 2) + 'px',
+      top: Math.round(-Math.cos(angle) * fb.radius + fb.width / 2) + 'px'
+    });
+
+    $('.sl-marker', e).css({
+      left: Math.round(fb.square * (.5 - fb.hsl[1]) + fb.width / 2) + 'px',
+      top: Math.round(fb.square * (.5 - fb.hsl[2]) + fb.width / 2) + 'px'
+    });
+
+    // Saturation/Luminance gradient
+    $('.color', e).css('backgroundColor', fb.pack(fb.HSLToRGB([fb.hsl[0], 1, 0.5])));
+
+    // Linked elements or callback
+    if (typeof fb.callback == 'object') {
+      // Set background/foreground color
+      $(fb.callback).css({
+        backgroundColor: fb.color,
+        color: fb.hsl[2] > 0.5 ? '#000' : '#fff'
+      });
+
+      // Change linked value
+      $(fb.callback).each(function() {
+        if (this.value && this.value != fb.color) {
+          this.value = fb.color;
+        }
+      });
+    }
+    else if (typeof fb.callback == 'function') {
+      fb.callback.call(fb, fb.color);
+    }
+  }
+
+  /**
+   * Get absolute position of element
+   */
+  fb.absolutePosition = function (el) {
+    var r = { x: el.offsetLeft, y: el.offsetTop };
+    // Resolve relative to offsetParent
+    if (el.offsetParent) {
+      var tmp = fb.absolutePosition(el.offsetParent);
+      r.x += tmp.x;
+      r.y += tmp.y;
+    }
+    return r;
+  };
+
+  /* Various color utility functions */
+  fb.pack = function (rgb) {
+    var r = Math.round(rgb[0] * 255);
+    var g = Math.round(rgb[1] * 255);
+    var b = Math.round(rgb[2] * 255);
+    return '#' + (r < 16 ? '0' : '') + r.toString(16) +
+           (g < 16 ? '0' : '') + g.toString(16) +
+           (b < 16 ? '0' : '') + b.toString(16);
+  }
+
+  fb.unpack = function (color) {
+    if (color.length == 7) {
+      return [parseInt('0x' + color.substring(1, 3)) / 255,
+        parseInt('0x' + color.substring(3, 5)) / 255,
+        parseInt('0x' + color.substring(5, 7)) / 255];
+    }
+    else if (color.length == 4) {
+      return [parseInt('0x' + color.substring(1, 2)) / 15,
+        parseInt('0x' + color.substring(2, 3)) / 15,
+        parseInt('0x' + color.substring(3, 4)) / 15];
+    }
+  }
+
+  fb.HSLToRGB = function (hsl) {
+    var m1, m2, r, g, b;
+    var h = hsl[0], s = hsl[1], l = hsl[2];
+    m2 = (l <= 0.5) ? l * (s + 1) : l + s - l*s;
+    m1 = l * 2 - m2;
+    return [this.hueToRGB(m1, m2, h+0.33333),
+        this.hueToRGB(m1, m2, h),
+        this.hueToRGB(m1, m2, h-0.33333)];
+  }
+
+  fb.hueToRGB = function (m1, m2, h) {
+    h = (h < 0) ? h + 1 : ((h > 1) ? h - 1 : h);
+    if (h * 6 < 1) return m1 + (m2 - m1) * h * 6;
+    if (h * 2 < 1) return m2;
+    if (h * 3 < 2) return m1 + (m2 - m1) * (0.66666 - h) * 6;
+    return m1;
+  }
+
+  fb.RGBToHSL = function (rgb) {
+    var min, max, delta, h, s, l;
+    var r = rgb[0], g = rgb[1], b = rgb[2];
+    min = Math.min(r, Math.min(g, b));
+    max = Math.max(r, Math.max(g, b));
+    delta = max - min;
+    l = (min + max) / 2;
+    s = 0;
+    if (l > 0 && l < 1) {
+      s = delta / (l < 0.5 ? (2 * l) : (2 - 2 * l));
+    }
+    h = 0;
+    if (delta > 0) {
+      if (max == r && max != g) h += (g - b) / delta;
+      if (max == g && max != b) h += (2 + (b - r) / delta);
+      if (max == b && max != r) h += (4 + (r - g) / delta);
+      h /= 6;
+    }
+    return [h, s, l];
+  }
+
+  // Install mousedown handler (the others are set on the document on-demand)
+  $('*', e).mousedown(fb.mousedown);
+
+    // Init color
+  fb.setColor('#000000');
+
+  // Set linked elements/callback
+  if (callback) {
+    fb.linkTo(callback);
+  }
+}

theme_tripal/js/jgcharts/include/gui/lib/jquery.metadata.js

@@ -0,0 +1,129 @@
+ 
+////////////////////////////////////////////////////////////////////////////////
+//*********** JQUERY METADATA **************************************************
+////////////////////////////////////////////////////////////////////////////////
+
+/*
+ * Metadata - jQuery plugin for parsing metadata from elements
+ *
+ * Copyright (c) 2006 John Resig, Yehuda Katz, J�örn Zaefferer, Paul McLanahan
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ *
+ * Revision: $Id: jquery.metadata.js,v 1.1 2009/10/01 18:28:20 ccheng Exp $
+ *
+ */
+
+/**
+ * Sets the type of metadata to use. Metadata is encoded in JSON, and each property
+ * in the JSON will become a property of the element itself.
+ *
+ * There are three supported types of metadata storage:
+ *
+ *   attr:  Inside an attribute. The name parameter indicates *which* attribute.
+ *          
+ *   class: Inside the class attribute, wrapped in curly braces: { }
+ *   
+ *   elem:  Inside a child element (e.g. a script tag). The
+ *          name parameter indicates *which* element.
+ *          
+ * The metadata for an element is loaded the first time the element is accessed via jQuery.
+ *
+ * As a result, you can define the metadata type, use $(expr) to load the metadata into the elements
+ * matched by expr, then redefine the metadata type and run another $(expr) for other elements.
+ * 
+ * @name $.metadata.setType
+ *
+ * @example <p id="one" class="some_class {item_id: 1, item_label: 'Label'}">This is a p</p>
+ * @before $.metadata.setType("class")
+ * @after $("#one").metadata().item_id == 1; $("#one").metadata().item_label == "Label"
+ * @desc Reads metadata from the class attribute
+ * 
+ * @example <p id="one" class="some_class" data="{item_id: 1, item_label: 'Label'}">This is a p</p>
+ * @before $.metadata.setType("attr", "data")
+ * @after $("#one").metadata().item_id == 1; $("#one").metadata().item_label == "Label"
+ * @desc Reads metadata from a "data" attribute
+ * 
+ * @example <p id="one" class="some_class"><script>{item_id: 1, item_label: 'Label'}</script>This is a p</p>
+ * @before $.metadata.setType("elem", "script")
+ * @after $("#one").metadata().item_id == 1; $("#one").metadata().item_label == "Label"
+ * @desc Reads metadata from a nested script element
+ * 
+ * @param String type The encoding type
+ * @param String name The name of the attribute to be used to get metadata (optional)
+ * @cat Plugins/Metadata
+ * @descr Sets the type of encoding to be used when loading metadata for the first time
+ * @type undefined
+ * @see metadata()
+ */
+
+(function($) {
+
+$.extend({
+	metadata : {
+		defaults : {
+			type: 'class',
+			name: 'metadata',
+			//cre: /({.*})/,
+			cre: /({[\s\S]*})/,
+			single: 'metadata'
+		},
+		setType: function( type, name ){
+			this.defaults.type = type;
+			this.defaults.name = name;
+		},
+		get: function( elem, opts ){
+			var settings = $.extend({},this.defaults,opts);
+			// check for empty string in single property
+			if ( !settings.single.length ) settings.single = 'metadata';
+			
+			var data = $.data(elem, settings.single);
+			// returned cached data if it already exists
+			if ( data ) return data;
+			
+			data = "{}";
+			
+			if ( settings.type == "class" ) {
+				var m = settings.cre.exec( elem.className );
+				if ( m )
+					data = m[1];
+			} else if ( settings.type == "elem" ) {
+				if( !elem.getElementsByTagName )
+					return undefined;
+				var e = elem.getElementsByTagName(settings.name);
+				if ( e.length )
+					data = $.trim(e[0].innerHTML);
+			} else if ( elem.getAttribute != undefined ) {
+				var attr = elem.getAttribute( settings.name );
+				if ( attr )
+					data = attr;
+			}
+			
+			if ( data.indexOf( '{' ) <0 )
+			data = "{" + data + "}";
+			
+			data = eval("(" + data + ")");
+			
+			$.data( elem, settings.single, data );
+			return data;
+		}
+	}
+});
+
+/**
+ * Returns the metadata object for the first member of the jQuery object.
+ *
+ * @name metadata
+ * @descr Returns element's metadata object
+ * @param Object opts An object contianing settings to override the defaults
+ * @type jQuery
+ * @cat Plugins/Metadata
+ */
+$.fn.metadata = function( opts ){
+	return $.metadata.get( this[0], opts );
+};
+
+})(jQuery);
+

theme_tripal/js/jgcharts/include/gui/plugins/jggui/jggui.css

@@ -0,0 +1,182 @@
+*{
+	font-family:"Arial","Helvetica","Verdana","FreeSans","sans-serif";
+	font-size:11px
+}	
+
+.right{
+	float:right;
+}
+.clearfix{
+	clear:both;
+}
+
+/* THICKBOX CSS */
+
+/* ----------------------------------------------------------------------------------------------------------------*/
+/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
+/* ----------------------------------------------------------------------------------------------------------------*/
+*{padding: 0; margin: 0;}
+
+
+/* ----------------------------------------------------------------------------------------------------------------*/
+/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
+/* ----------------------------------------------------------------------------------------------------------------*/
+#JGG_window {
+	font: 12px Arial, Helvetica, sans-serif;
+	color: #333333;
+}
+
+
+
+/* ----------------------------------------------------------------------------------------------------------------*/
+/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
+/* ----------------------------------------------------------------------------------------------------------------*/
+#JGG_overlay {
+	position: fixed;
+	z-index:100;
+	top: 0px;
+	left: 0px;
+	height:100%;
+	width:100%;
+}
+
+.JGG_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
+.JGG_overlayBG {
+	background-color:#000;
+	filter:alpha(opacity=75);
+	-moz-opacity: 0.75;
+	opacity: 0.75;
+}
+
+* html #JGG_overlay { /* ie6 hack */
+     position: absolute;
+     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
+}
+
+#JGG_window {
+	position: fixed;
+	background: #000;
+	z-index: 102;
+	color:#000000;
+	display:none;
+	border: 4px solid #525252;
+	text-align:left;
+	top:50%;
+	left:50%;
+}
+
+* html #JGG_window { /* ie6 hack */
+position: absolute;
+margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (JGGWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
+}
+
+#JGG_window div#JGG_content {
+	display:block;
+	/*margin: 15px 0 0 15px;*/
+	margin: 0 0 0 0;
+}
+
+
+#JGG_HideSelect{
+	z-index:99;
+	position:fixed;
+	top: 0;
+	left: 0;
+	background-color:#fff;
+	border:none;
+	filter:alpha(opacity=0);
+	-moz-opacity: 0;
+	opacity: 0;
+	height:100%;
+	width:100%;
+}
+
+* html #JGG_HideSelect { /* ie6 hack */
+     position: absolute;
+     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
+}
+
+/* THICKBOX CSS */
+
+
+#JGG_content{
+	
+}
+#JGG_top{
+	height:300px;width:100%;padding-top:10px;padding-bottom:10px;margin:auto;text-align:center;overflow:auto;
+}
+#JGG_bottom{
+	width:100%;
+}
+
+#jggui{
+	padding-bottom:5px;
+	width:100%;
+}
+#jggui input{
+	background:#000;
+	color:#fff;
+	border:0px solid #000;
+}
+#jggui input.button{
+	border:1px solid #fff;
+	padding:5px;
+	font-weight:bold;
+}
+#jggui input.title{
+	border:1px solid #fff;
+	width:100%;
+}
+.icon{padding:10px;float:left;text-align:center;margin:auto;width:100px;border:1px solid #999;margin:5px;background:#464b5c}
+.pressed{background:#fff;cursor:hand;}
+
+textarea.export{width:90%;border:0px;}
+div.export{padding:0px;padding-top:1px;}
+ul.export li a{font-size:0.9em;}
+
+/* COLORPICKER DEMO THEMEROLLER */
+
+div.hasPicker {
+	position: static;
+	width: 80px;
+}
+
+input.hex {
+	width: 58px;
+	/*height: 1.2em;*/
+	padding-left: 4px;
+	border: 1px solid #444;
+	border-right: none;
+	float: left;
+	outline: 0;
+}
+
+.pickerIcon {
+	background:#333 url(img/icon_color_arrow.gif) no-repeat scroll 50%;
+	border: 1px solid #444;
+	display:block;
+	float: right;
+	outline: 0 !important;
+}
+.pickerIcon span.inner {
+	display: block;
+	height: 14px;/*1.5em;*/
+	width:14px;
+}
+
+input.spinner, input.hex, select {
+	border: 1px solid #333;
+	background: #222;
+	color: #fff;
+	font-size: 1.1em;
+	padding-left: 3px;
+}
+input.hex:focus, select:focus {
+	background: #111;
+	border-color: 1px solid #444;
+}
+input.hex:focus {
+	border-right: none;
+}
+
+/* COLORPICKER DEMO THEMEROLLER */	

theme_tripal/js/jgcharts/include/gui/plugins/jggui/jggui.html

@@ -0,0 +1,332 @@
+<form method="post" action="#">
+<div id="jggui">
+    <ul class="ui-tabs-nav">
+        <li><a href="#panel-1"><span>Type</span></a></li>
+        <li><a href="#panel-2"><span>Options</span></a></li>
+        <li><a href="#panel-3"><span>Colors</span></a></li>
+        <li><a href="#panel-4"><span>Background</span></a></li>
+        <li><a href="#panel-5"><span>Grid</span></a></li>
+        <li><a href="#panel-6"><span>Export</span></a></li>
+    </ul>
+    <div id="panel-1" class="ui-tabs-panel">
+	    <div class="icon"><img src="img/bvg.png" /></div>
+	    <div class="icon"><img src="img/bvs.png" /></div>
+	    <div class="icon"><img src="img/bhg.png" /></div>
+	    <div class="icon"><img src="img/bhs.png" /></div>
+	    <div class="icon"><img src="img/p.png" /></div>
+	    <div class="icon"><img src="img/p3.png" /></div>
+	    <div class="icon"><img src="img/lc.png" /></div>
+	    <div class="icon"><img src="img/fillall.png" /></div>
+	    <div class="icon"><img src="img/fillbottom.png" /></div>
+    </div>
+    <div id="panel-2" class="ui-tabs-panel">
+	    <table width="40%" style="float:left;">
+			<colgroup>
+				<col width="40%"></col>
+				<col width="60%"></col>
+			</colgroup>
+		   <tbody>
+			   <tr>
+			        <th>Title</th>
+				    <td>
+					<input type="text" name="title" class="title" />
+	             	</td>
+	   		   </tr>
+			   <tr>
+			        <th>Title size</th>
+				    <td >
+					<input type="text" class="spinner custom" id="title_size" value="12" size="3" />
+	             	</td>
+	   		   </tr>
+			   <tr>
+			        <th>Title color</th>
+				    <td class="color">
+						<input type="text" id="title_color" name="title_color" class="hex" value="e6e6e6" />
+		            </td>
+	   		   </tr>
+		</tbody>
+		</table>
+		<table width="40%" style="float:right;">
+			<colgroup>
+				<col width="40%"></col>
+				<col width="60%"></col>
+			</colgroup>
+		   <tbody>
+			   <tr>
+			        <th>Height</th>
+				    <td><!-- todo : class hex custom , continue bg -->
+					<input type="text" name="height" class="spinner custom" id="ch_height" size="5"/>
+	             	</td>
+	   		   </tr>
+			   <tr>
+			        <th>Width</th>
+				    <td >
+					<input type="text" name="width" class="spinner custom" id="ch_width" size="5" />
+	             	</td>
+	   		   </tr>
+			   <tr class="bar">
+			        <th>Bar Width</th>
+				    <td>
+					<input type="text" name="bar_width" class="spinner custom" id="bar_width" size="5"/>
+	             	</td>
+	   		   </tr>
+			   <tr class="bar">
+			        <th>Bar Spacing</th>
+				    <td >
+					<input type="text" name="bar_spacing" class="spinner custom" id="bar_spacing" size="5" />
+	             	</td>
+	   		   </tr>
+	   		   <tr class="axis_step">
+			        <th>Axis step</th>
+				    <td>
+					<input type="text" class="spinner" id="axis_step" />
+		           	</td>
+			   </tr>
+		</tbody>
+		</table>
+		<div class="clearfix">
+			<div class="right">
+				<input type="button" name="refresh" value="refresh" class="button refresh" />
+			</div>
+		</div>
+    </div>
+    <div id="panel-3" class="ui-tabs-panel">
+    	<table width="50%" style="float:left;" id="seriestable">
+			<thead>
+				<tr>
+					<th class="state">Serie</th>
+					<th>Color</th>
+					<th class="line">Line Width</th>
+					<th class="line">Length Line</th>
+					<th class="line">Length Blank</th>
+				</tr>
+		   </thead>
+		   <tbody>
+		</tbody>
+		</table>
+		<table width="40%" style="float:left;" id="filltable">
+				<thead>
+					<tr>
+						<th class="state">Option</th>
+						<th>Value</th>
+					</tr>
+			   </thead>
+			   <tbody>
+				   <tr class="filltop">
+				        <th>Fill Top Color</th>
+					    <td>
+						<input type="text" class="hex" id="filltop" />
+		             	</td>
+		   		   </tr>
+
+		   		   
+			</tbody>
+		</table>
+		<div class="clearfix">
+			<div class="right">
+				<input type="button" name="refresh" value="refresh" class="button refresh" />
+			</div>
+		</div>
+    </div>
+    <div id="panel-4" class="ui-tabs-panel">
+    	<table width="40%" style="float:left;" id="background">
+				<caption>Background</caption>
+				<thead>
+					<tr>
+						<th class="state">Option</th>
+						<th>Value</th>
+					</tr>
+			   </thead>
+			   <tbody>
+				   <tr class="">
+				        <th>Type</th>
+					    <td>
+						<select name="chart-background" id="chart-background">
+						<option selected="selected">disabled</option>
+						<option>solid</option>
+						<option>gradient</option>
+						<option>stripes</option>
+						</select>
+		             	</td>
+		   		   </tr>
+				   <tr class="background1">
+				        <th>Primary color</th>
+					    <td>
+						<input type="text" class="hex custom" id="background1" />
+		             	</td>
+		   		   </tr>
+				   <tr class="background2">
+				        <th>Secondary color</th>
+					    <td>
+						<input type="text" class="hex custom" id="background2" />
+		             	</td>
+		   		   </tr>
+				   <tr class="bg_angle">
+				        <th>Angle</th>
+					    <td>
+						<input type="text" class="spinner custom" id="bg_angle" size="3" />
+		             	</td>
+		   		   </tr>
+		   		   <tr class="stripe_width">
+				        <th>Stripe width</th>
+					    <td>
+						<input type="text" class="spinner custom" id="stripe_width" size="3" />
+		             	</td>
+		   		   </tr>
+		   		   <tr class="bg_trasparency">
+				        <th>Trasparency</th>
+					    <td>
+						<div class="bg_trasparency_bool">
+						<input type="text" class="spinner custom" id="bg_trasparency"  size="4" />
+						</div>
+						
+						<input type="checkbox" id="bg_trasparency_bool" />
+		             	</td>
+		   		   </tr>
+		   		   
+		   		   
+			</tbody>
+		</table>
+		<table width="40%" style="float:left;" id="chartarea">
+				<caption>Background</caption>
+				<thead>
+					<tr>
+						<th class="state">Option</th>
+						<th>Value</th>
+					</tr>
+			   </thead>
+			   <tbody>
+				   <tr class="">
+				        <th>Type</th>
+					    <td>
+						<select name="chartarea-background" id="chartarea-background">
+						<option selected="selected">disabled</option>
+						<option>solid</option>
+						<option>gradient</option>
+						<option>stripes</option>
+						</select>
+		             	</td>
+		   		   </tr>
+				   <tr class="ch_background1">
+				        <th>Primary color</th>
+					    <td>
+						<input type="text" class="hex custom" id="ch_background1" />
+		             	</td>
+		   		   </tr>
+				   <tr class="ch_background2">
+				        <th>Secondary color</th>
+					    <td>
+						<input type="text" class="hex custom" id="ch_background2" />
+		             	</td>
+		   		   </tr>
+				   <tr class="ch_bg_angle">
+				        <th>Angle</th>
+					    <td>
+						<input type="text" class="spinner custom" id="ch_bg_angle" size="3" />
+		             	</td>
+		   		   </tr>
+		   		   <tr class="ch_stripe_width">
+				        <th>Stripe width</th>
+					    <td>
+						<input type="text" class="spinner custom" id="ch_stripe_width" size="3" />
+		             	</td>
+		   		   </tr>
+		   		   <tr class="ch_bg_trasparency">
+				        <th>Trasparency</th>
+					    <td>
+						<div class="ch_bg_trasparency_bool">
+						<input type="text" class="spinner custom" id="ch_bg_trasparency"  size="4" />
+						</div>
+						
+						<input type="checkbox" id="ch_bg_trasparency_bool" />
+		             	</td>
+		   		   </tr>
+		   		   
+		   		   
+			</tbody>
+		</table>
+		<div class="clearfix">
+			<div class="right">
+				<input type="button" name="refresh" value="refresh" class="button refresh" />
+			</div>
+		</div>
+    </div>
+    <div id="panel-5" class="ui-tabs-panel">
+    	<table width="40%" style="float:left;" id="gridtable">
+				<caption>Grid</caption>
+				<thead>
+					<tr>
+						<th class="state">Option</th>
+						<th>Value</th>
+					</tr>
+			   </thead>
+			   <tbody>
+				   <tr class="">
+				        <th>Type</th>
+					    <td>
+						<input type="checkbox" id="grid" />
+		             	</td>
+		   		   </tr>
+				   <tr class="grid_x">
+				        <th>Grid step x</th>
+					    <td>
+						<input type="text" class="spinner custom" id="grid_x" size="3" value="10" />
+		             	</td>
+		   		   </tr>
+		   		   <tr class="grid_y">
+				        <th>Grid step y</th>
+					    <td>
+						<input type="text" class="spinner custom" id="grid_y" size="3" value="10"  />
+		             	</td>
+		   		   </tr>
+		   		   <tr class="grid_line">
+				        <th>Grid length line</th>
+					    <td>
+						<input type="text" class="spinner custom" id="grid_line" size="3" value="1"  />
+		             	</td>
+		   		   </tr>
+		   		   <tr class="grid_blank">
+				        <th>Grid length blank</th>
+					    <td>
+						<input type="text" class="spinner custom" id="grid_blank" size="3" value="1"  />
+		             	</td>
+		   		   </tr>
+			</tbody>
+		</table>
+		<div class="clearfix">
+			<div class="right">
+				<input type="button" name="refresh" value="refresh" class="button refresh" />
+			</div>
+		</div>
+    </div>
+    <div id="panel-6" class="ui-tabs-panel">
+    	<ul class="ui-tabs-nav export">
+	        <li><a href="#panel-6a"><span>Html</span></a></li>
+	        <li><a href="#panel-6b"><span>Metadata</span></a></li>
+	        <li><a href="#panel-6c"><span>Url</span></a></li>
+	        <li><a href="#panel-6d"><span>jgcharts</span></a></li>
+	    </ul>
+    	<div id="panel-6a" class="ui-tabs-panel export">
+	        <p>
+			<textarea id="export_html" rows="6" class="export"></textarea>
+	        </p>
+    	</div>
+    	<div id="panel-6b" class="ui-tabs-panel export">
+	        <p>
+			<textarea id="export_metadata" rows="6" class="export"></textarea>
+	        </p>
+    	</div>
+    	<div id="panel-6c" class="ui-tabs-panel export">
+	        <p>
+			<textarea id="export_url" rows="6" class="export"></textarea>
+	        </p>
+    	</div>
+    	<div id="panel-6d" class="ui-tabs-panel export">
+	        <p>
+			<textarea id="export_jgcharts" rows="6" class="export"></textarea>
+	        </p>
+    	</div>
+    </div>
+
+</div>
+</form>

theme_tripal/js/jgcharts/include/gui/plugins/jggui/jggui.js

@@ -0,0 +1,918 @@
+//var COUNTER = 0;
+(function($){
+	function jggui(options){
+		
+		var _options = jQuery.extend({
+			height : 440,
+			width : 630,
+			callback : false
+		}, options);
+			
+		return this.each(function(){
+
+			var that = this;
+			
+			//var _src = that.src;
+			var _table = jQuery(that).parent().next("table").eq(0);
+			var _jgtable = _table.parent();
+			var _jggui = false;
+			
+			//FASE 1: load data
+			var _axis = [];
+		    var _legend = [];
+			var _tables = [];
+			var _palette = [];
+			var _chart = false;
+			var _defaults = {};
+			var _icon;
+			
+			
+			_bind();
+			
+			
+			//BIND
+			function _bind(){
+				//console.log(that);
+				jQuery(that).click(function(){
+					_start();
+					_init_gui();
+				});
+			}
+			
+			function _start(){
+			
+				//metadata miei
+				var _cre =  /({.*})/;
+				var _m = _cre.exec( _jgtable.attr("class") );
+				var _my_metadata = false;
+				if ( _m )
+					_my_metadata = eval("(" + _m[1] + ")");;
+					
+			
+				_load();
+			
+				//default colors
+	    		_palette = [ "5131C9","FFCC00","DA1B1B","FF9900","FF6600","CCFFFF","CCFF00",
+	        	             "CCCCCC","FF99CC","999900","999999","66FF00","66CC00","669900","660099",
+	            	         "33CC00","333399","000000"];
+
+				_chart =  _my_metadata;//jQuery.metadata.get(_jgtable);	 
+			
+			
+				_defaults = {
+					//DEVONO CORRISPONDERE
+					type : 'bvg',
+					height : 200,
+					width : 300,
+					size : "200x300",
+					
+					title_size : 12,	
+					title_color : '000000',
+					bar_width : 20,
+					bar_spacing : 1,
+					lines : [],
+					
+					axis_step : 1,
+					
+					bg : false,
+					bg_type : false,
+					bg_offset : false,
+					bg_angle : 90,
+					bg_width : 10,
+					bg_trasparency : false,
+					
+					chbg : false,
+					chbg_type : false,
+					chbg_offset : false,
+					chbg_angle : 90,
+					chbg_width : 10,
+					chbg_trasparency : false,
+					
+					grid : false,
+					grid_x : 10 ,
+					grid_y : 10,
+					grid_line : 1,
+					grid_blank : 1				
+				};
+			
+				if(!_chart) _chart = {};
+			      	
+				_chart.type = _chart.type || 'bvg';
+				_chart.size = _chart.size || "200x300";
+				
+				var _s = _chart.size.split("x");
+				_chart.height = _s[0];
+				_chart.width = _s[1];
+				
+				_chart.title_size = _chart.title_size || 12;	
+				_chart.title_color = _chart.title_color || '000000';
+				_chart.bar_width = _chart.bar_width || 20;
+				_chart.bar_spacing = _chart.bar_spacing || 1;
+				_chart.lines = _chart.lines || [];
+				
+				_chart.axis_step = _chart.axis_step || 1;
+				
+				_chart.bg = _chart.bg || false;
+				_chart.bg_type = _chart.bg_type || false;
+				_chart.bg_offset = _chart.bg_offset || false;
+				_chart.bg_angle = _chart.bg_angle || 90;
+				_chart.bg_width = _chart.bg_width || 10;
+				_chart.bg_trasparency = _chart.bg_trasparency || false;
+				
+				_chart.chbg = _chart.chbg || false;
+				_chart.chbg_type = _chart.chbg_type || false;
+				_chart.chbg_offset = _chart.chbg_offset || false;
+				_chart.chbg_angle = _chart.chbg_angle || 90;
+				_chart.chbg_width = _chart.chbg_width || 10;
+				_chart.chbg_trasparency = _chart.chbg_trasparency || false;
+				
+				_chart.grid = _chart.grid || false;
+				_chart.grid_x = _chart.grid_x || 10 
+				_chart.grid_y = _chart.grid_y || 10;
+				_chart.grid_line = _chart.grid_line || 1;
+				_chart.grid_blank = _chart.grid_blank || 1; 
+			
+				//console.log(_chart.colors);
+			
+				_icon = _chart.type;
+				
+				//console.log(this);
+							
+			}
+			
+			
+			//LOAD
+			function _load(){
+				
+		    	_axis = jQuery.map( jQuery(_table).find("tbody > tr > th.serie"),
+			    	function(th) { return jQuery(th).text(); }
+			    );
+			    
+			    for(var x= 0;x< jQuery(_table).find("tbody > tr").size();x++){ 
+			        _tables.push(
+			           jQuery.map( 
+	    		            jQuery(_table).find("tbody > tr:eq(" + x + ") > td"), 
+	                        function(td,index){ 
+	                            if(parseFloat(jQuery(td).text())) 
+	                                return parseFloat(jQuery(td).text()); 
+	                            else 
+	                                return 0;
+	                        }
+	                   )
+	                );
+	                
+			    } 
+			    //console.log(tables);
+		    	
+		    	_legend = jQuery.map( jQuery(_table).find("thead > tr:last > th.serie"),
+		        	function(th) { return jQuery(th).text(); }
+		    	);
+		    	
+			    
+			}
+			
+			//TOGGLE
+			function _toggle_filltable(){
+				//show filltable
+				if(_chart.fillarea){
+					$("#filltable", _jggui).show();
+				}else{
+					$("#filltable", _jggui).hide();
+				}
+				
+				if(_chart.filltop){
+	   		    	var _color = _palette[_legend.length];
+	   		    	$("#filltable", _jggui).find("#filltop").val(_color).css("background","#" + _color);
+	   		    }
+			}
+			function _toggle_lines(){
+				//console.log($(".line"));
+				if(_icon == 'lc' || _chart.fillarea){
+					$(".line", _jggui).show();
+				}else{
+					$(".line", _jggui).hide();
+				}
+			}
+			function _toggle_axis_step(){
+				//console.log(_axis.length>10)
+				if(_axis.length>10){//TODO:test
+					$(".axis_step", _jggui).show();
+				}else{
+					$(".axis_step", _jggui).hide();
+				}
+				//console.log($("#axis_step"));
+			}
+			function _toggle_bar_options(){
+				//console.log(_icon)
+				if(_icon == 'bvg' || _icon == 'bvs' ||
+				   _icon == 'bhg' || _icon == 'bhs'
+				){
+					$("tr.bar", _jggui).find("th,td").show();
+				}else{
+					$("tr.bar", _jggui).find("th,td").hide();
+				}	
+			}
+			function _toggle_bg(){
+				//console.log(_chart.bg);
+				if(_chart.bg){
+					$("#background1", _jggui).val(_chart.bg);
+					$(".background1", _jggui).show();
+
+					$(".bg_trasparency", _jggui).show();
+					
+				}else{
+					$(".background1", _jggui).hide();
+					$(".bg_trasparency", _jggui).hide();
+				}
+				if(_chart.bg_type == "gradient" || _chart.bg_type == "stripes"){
+					$("#background2", _jggui).val(_chart.bg_offset ? _chart.bg_offset : 'FFFFFF');
+					$(".background2, .bg_angle", _jggui).show();
+				}else{
+					$(".background2, .bg_angle", _jggui).hide();
+				}
+				if(_chart.bg_type == "stripes"){
+					$("#stripe_width", _jggui).val(_chart.bg_width);
+					$(".stripe_width", _jggui).show();
+				}else{
+					$(".stripe_width", _jggui).hide();
+				}
+				
+				if(_chart.chbg){
+					$("#ch_background1", _jggui).val(_chart.chbg);
+					$(".ch_background1", _jggui).show();
+
+					$(".ch_bg_trasparency", _jggui).show();
+					
+				}else{
+					$(".ch_background1", _jggui).hide();
+					$(".ch_bg_trasparency", _jggui).hide();
+				}
+				if(_chart.chbg_type == "gradient" || _chart.chbg_type == "stripes"){
+					$("#ch_background2", _jggui).val(_chart.chbg_offset ? _chart.chbg_offset : 'FFFFFF');
+					$(".ch_background2, .ch_bg_angle", _jggui).show();
+				}else{
+					$(".ch_background2, .ch_bg_angle", _jggui).hide();
+				}
+				if(_chart.chbg_type == "stripes"){
+					$("#ch_stripe_width", _jggui).val(_chart.chbg_width);
+					$(".ch_stripe_width", _jggui).show();
+				}else{
+					$(".ch_stripe_width", _jggui).hide();
+				}
+				
+			}
+			function _toggle_grid(){
+				//return;
+				if(_chart.grid){
+					$(".grid_x", _jggui).show();
+					$(".grid_y", _jggui).show();
+					$(".grid_line", _jggui).show();
+					$(".grid_blank", _jggui).show();
+				}else{
+					$(".grid_x", _jggui).hide();
+					$(".grid_y", _jggui).hide();
+					$(".grid_line", _jggui).hide();
+					$(".grid_blank", _jggui).hide();
+				}
+			}
+			//UPDATE - REFRESH
+			function _update_type(){
+				_toggle_filltable();	
+				_toggle_bar_options();
+				_toggle_lines();
+				_toggle_axis_step();
+				_refresh();
+			}
+			function _update(chart){
+				 _chart = $.extend(chart,_chart);
+				 _size();
+				 //###$("#JGG_top").find(".jgchart").fadeOut();//###.remove();
+				 //###$("#JGG_top").append(_clone);
+				 //###_clone.jgtable(_chart).hide().fadeIn();
+				 if(_options.callback){
+				 	_options.callback();
+				 	//console.log(this);
+				 	_bind();
+				 }
+				 var _div = _table.parent().find(".jgchart").eq(0).clone().hide();	
+				 $("#JGG_top").append(_div.fadeIn());
+				 //$("#JGG_top").find(".jgchart").
+				 $("#export_url", _jggui).val(_div.find("img").eq(0).attr("src"));
+			}
+			function _export(){
+				//COUNTER++;
+				//var _url = $("#JGG_top").find(".jgchart > img").attr("src");
+				//console.log($(_jggui).find("img"));
+				var _options = _metadata();
+				var _jgcc = _jgcharts(_options);
+				$("#export_html", _jggui).val('');
+				$("#export_metadata", _jggui).val(_options);
+				//$("#export_url").val(_url);
+				$("#export_jgcharts", _jggui).val(_jgcc);
+			}
+			function _jgcharts(opts){
+				return "jQuery(TARGET_CONTAINER).jgcharts(" + opts + ")";
+			}
+			function _metadata(){
+				var _metadata = "{\n";
+				
+				var _t = [];
+				for(prop in _chart){
+					var _x = _filter_metadata_property(prop);
+					if(_x)
+						_t.push(_x);
+				}
+				_metadata += _t.join(",\n");
+				_metadata += "\n}";
+				return _metadata;
+			}
+			function _filter_metadata_property(prop){
+				switch(prop){
+					case "height":
+					case "width":
+						return false;
+					break;
+					case "title_size":
+					case "title_color":
+						if(_chart.title)
+							return _metadata_property(prop);
+						else
+							return false;
+					break;
+					case "bar_width":
+					case "bar_spacing":
+						if(_chart.type == "bhg"||
+						   _chart.type == "bvg"||
+						   _chart.type == "bhs"||
+						   _chart.type == "bvs"
+						){
+							return _metadata_property(prop);
+						}else{
+							return false;
+						}
+					break;
+					case "fillarea":
+					case "fillbottom":
+					case "filltop":
+					case "lines":
+						if(_chart.type == "lc"){
+							return _metadata_property(prop);
+						}else{
+							return false;
+						}
+					break;
+					case "bg":
+					case "bg_type":
+					case "bg_offset":
+					case "bg_width":
+					case "bg_angle":
+					case "bg_trasparency":
+						if(_chart.bg){
+							return _metadata_property(prop);
+						}else{
+							return false;
+						}
+					break;
+					case "chbg":
+					case "chbg_type":
+					case "chbg_offset":
+					case "chbg_width":
+					case "chbg_angle":
+					case "chbg_trasparency":
+						if(_chart.chbg){
+							return _metadata_property(prop);
+						}else{
+							return false;
+						}
+					break;
+					case "grid":
+					case "grid_x":
+					case "grid_y":
+					case "grid_line":
+					case "grid_blank":
+						if(_chart.grid){
+							return _metadata_property(prop);
+						}else{
+							return false;
+						}
+					break;
+					default:
+						return _metadata_property(prop);
+					break;
+				}
+			}
+			function _metadata_property(prop){
+				var _val = _prop(_chart[prop]);
+				if(_chart[prop] !== _defaults[prop] && _val)
+					return "\t" + prop + " : " + _val  + "";
+				else
+					return false;
+			}
+			function _prop(prop){
+				//console.log(typeof prop);
+				switch(typeof prop){
+					case "object":
+						//console.log(prop.constructor);
+						if(prop.constructor == Array){
+							var _s = [];
+							for(x in prop){
+								_s.push(_prop(prop[x]))
+							}
+							_s = "[" + _s.join(",") + "]";
+							if(_s !== "[]")
+								return _s;
+							else
+								return false;
+						}
+					break;
+					case "string":
+						return "'"+ prop +"'";
+					break;
+					default:
+						return prop;
+					break;
+				}
+			}
+			function _refresh(){
+				_refresh_hex();
+				_refresh_spinners();
+				_export();
+				_metadata_to_target();
+				_update();
+			}
+			function _metadata_to_target(){
+				var _class = _jgtable.attr("class");
+				var _re = /{([\S\s]*)}/;
+				if(_class)
+					_class = _class.replace(_re,"");
+				
+				//console.log(_class);
+				
+				//console.log(_table.attr("class"));
+				var _metadata = $("#export_metadata").val();
+				
+				if(_class)
+					_metadata = _class + " " + _metadata;
+				_jgtable.attr("class", _metadata);
+			}
+			function _refresh_hex(){
+				_chart.colors = [];
+				$(".hex").not(".custom").each(function(){
+					//TODO:
+					//console.log(this.id);
+					if($(this).hasClass("serie")){
+						_chart.colors.push(jQuery(this).val().replace("#",""));	
+					}else{
+						_chart[this.id] = jQuery(this).val().replace("#","");
+						//console.log(_chart[this.id]);
+					}
+				});
+				//console.log(_chart.bg)
+				if(_chart.bg){
+					var _j = $("#background1");
+					var _val = _j.val();
+					_j.css("background", "#" + _val);
+					_chart.bg = _val.replace("#","");
+				}
+				if(_chart.bg){
+					var _j = $("#background2");
+					var _val = _j.val();
+					_j.css("background", "#" + _val);
+					_chart.bg_offset = _val.replace("#","");
+				}
+				if(_chart.chbg){
+					var _j = $("#ch_background1");
+					var _val = _j.val();
+					_j.css("background", "#" + _val);
+					_chart.chbg = _val.replace("#","");
+				}
+				if(_chart.chbg){
+					var _j = $("#ch_background2");
+					var _val = _j.val();
+					_j.css("background", "#" + _val);
+					_chart.chbg_offset = _val.replace("#","");
+				}
+			}
+			function _refresh_spinners(){
+				var x=1;var _temp = [];
+				_chart.lines = [];
+				$("#seriestable").find(".line_style").each(function(){
+					//console.log($(this).val());
+					_temp.push($(this).val());
+					if(x % 3 == 0){
+						_chart.lines.push(_temp);
+						_temp = [];
+					}
+					x++;
+				});
+				//console.log(_chart.lines);
+			}
+						
+			
+			//helpers
+			function _size(){
+				_chart.size = _chart.width + 'x' + _chart.height; 
+			}
+			
+			//INIT-EVENTS
+			function _init_gui(){
+				_overlay();
+				_init_window();
+			}
+			function _init_window(){
+				 $("#JGG_window").append('<div id="JGG_content"><div id="JGG_top"></div><div id="JGG_bottom"></div></div>').show();
+				 //_refresh(_chart);
+				 
+				 _init_tabs();
+			}
+			function _init_tabs(){
+				$("#JGG_bottom").load(_options.url+'jggui.html', function(html){
+					$(this).html(html);
+					_position(_options.height, _options.width);
+					_jggui = $("#jggui");
+					$("#jggui ul").tabs();
+					
+					//FASE 2.A - inizializza eventi
+					
+					_init_panel_colors();
+					
+					_init_events_panel_options();
+					
+					_init_events_panel_background();
+					
+					_init_events_panel_grid();
+					
+					_init_events_panel_type();
+					
+					_init_widgets();
+					//_hex();
+					
+					//refresh
+					$('.refresh').click(function(){
+						_refresh();
+					});
+					
+				});
+			}
+			function _init_widgets(){
+				_init_spinner();
+				_init_hex();
+				_events_hex();				
+				//valori predefiniti hex
+			}
+			function _init_spinner(){
+				$(".spinner").not(".custom").spinner({max: 10, min: 0});
+			}
+			function _init_hex(){
+				
+				//colorpickers
+				$('.hex').each(function(){
+					var bgColor = $(this).val();
+					bgColor = '#'+bgColor.replace(/#/g, "");
+					$(this).val(bgColor).css('background', bgColor);
+					$(this).wrap('<div class="hasPicker"></div>').after('<a href="#" class="pickerIcon"><span class="inner"></span></a>');
+				});
+		    	
+		    	//set up colors, then remove temp pickers
+				$('input.hex').each(function(){
+					$('body').append('<div id="picker" style="display: none;"></div>');
+					$('#picker').farbtastic(this).remove();
+				});
+				
+			}
+			
+			function _init_events_panel_type(){
+				
+				$(".icon")
+				.each(function(){
+					var _img = $(this).find("img")
+					var _src = _img.attr("src");
+					//console.log(_src);
+					//console.log(_icon);
+					if(_src.indexOf(_icon + '.png') !== -1){
+						$(this).addClass("pressed");
+						_update_type();
+					}
+						
+					_src = _options.url + _src;
+					_img.attr('src', _src);	
+				})
+				.click(function(){
+					$(this).parent().find(".pressed").removeClass("pressed");
+					$(this).addClass("pressed");
+					_icon = $(this).find("img").attr("src").replace(_options.url,"").replace("img/","").replace(".png","");
+					//console.log(_type);
+					switch(_icon){
+						case 'lc':
+						case 'bvg':
+						case 'bvs':
+						case 'bhg':
+						case 'bhs':
+						case 'p':
+						case 'p3':
+							_chart.type = _icon;
+							_chart.fillarea = false;
+							_chart.fillbottom = false;
+							_chart.filltop = false;
+						break;
+						case 'fillall':
+							_chart.type = 'lc';
+							_chart.fillarea = true;
+							_chart.fillbottom = true;
+							_chart.filltop = true;
+						break;
+						case 'fillbottom':
+							_chart.type = 'lc';
+							_chart.fillarea = true;
+							_chart.fillbottom = true;
+							_chart.filltop = false;
+						break;
+					}
+					_update_type();
+					return false;
+				});
+				
+			}
+			function _init_events_panel_options(){
+				$(".title").change(
+					function(){
+						_chart.title = $(this).val();
+					}
+				);
+				$("#title_color").val("#" + _chart.title_color);
+				
+				$("#title_size")
+				.val(_chart.title_size)
+				.spinner({min:5, max:30})
+				.bind('spinchange', function(event, ui) {
+					_chart.title_size = ui.value;
+				});
+				
+				//bug?: sul nero la size non fa effetto
+				
+				
+				$("#ch_height")
+				.val(_chart.height)
+				.spinner({min:100, max:1000, stepping: 10})
+				.bind('spinchange', function(event, ui) {
+					_chart.height = ui.value;
+				});
+				
+				$("#ch_width")
+				.val(_chart.width)
+				.spinner({min:100, max:1000, stepping: 10})
+				.bind('spinchange', function(event, ui) {
+					_chart.width = ui.value;
+				});
+				
+				$("#bar_width")
+				.val(_chart.bar_width)
+				.spinner({min:1, max:30})
+				.bind('spinchange', function(event, ui) {
+					_chart.bar_width = ui.value;
+				});
+				$("#bar_spacing")
+				.val(_chart.bar_spacing)
+				.spinner({min:1, max:10})
+				.bind('spinchange', function(event, ui) {
+					_chart.bar_spacing = ui.value;
+				});
+				$("#axis_step")
+				.val(_chart.axis_step)
+				.spinner({min:1, max:10})
+				.bind('spinchange', function(event, ui) {
+					_chart.axis_step = ui.value;
+				});
+			}
+			function _init_panel_colors(){
+				_init_colors();
+	   		    _toggle_lines();
+			}
+			function _init_colors(){
+				var _tpl = '<tr><th>SERIE</th><td class="bgColor"><input type="text" name="serie" class="hex serie" value="$COLOR" /></td>';
+	            _tpl += '<td class="line"><input type="text" class="spinner line_style" size="3" value="1" /></td>';
+	            _tpl += '<td class="line"><input type="text" class="spinner line_style" size="3" value="0" /></td>';
+	            _tpl += '<td class="line"><input type="text" class="spinner line_style" size="3" value="0" /></td>';
+	   		    _tpl += '</tr>';
+	   		    var _html = '';
+				//console.log(_legend.length);
+	   		    //console.log(_legend);
+	   		    var y = 0;
+	   		    for(x in _legend){
+	   		    	var _color = _chart.colors && _chart.colors[y] ? _chart.colors[y] : _palette[y] || '000000';
+	   		    	_html += _tpl.replace("SERIE", _legend[x]).replace("$COLOR",  _color);
+	   		    	y++;
+	   		    }
+	   		    $("#seriestable").find("tbody").append(_html);
+	   		    $("#seriestable").find(".spinner").spinner();
+			}
+			function _init_events_panel_background(){
+				//$("#chart-background").val(_chart.bg_type)//.trigger("update");
+				//$("#chartarea-background").val(_chart.bg_type)//.trigger("update");
+				
+				$("#chart-background").change(function(){
+					var _val = $(this).val();
+					if(_val == 'disabled'){
+						_val = false;
+						_chart.bg = _val;
+						_chart.bg_offset = _val;
+					}else{
+						_chart.bg = 'FFFFFF';
+						_chart.bg_offset = 'FFFFFF';
+					}
+					_chart.bg_type = _val;	
+					
+					$(this).trigger("update");
+					_refresh();
+					
+					
+				})
+				.val(_chart.bg_type)
+				.bind("update",function(){
+					_toggle_bg();	
+				})
+				.trigger("update");
+				
+								
+				$("#chartarea-background").change(function(){
+					var _val = $(this).val();
+					if(_val == 'disabled'){
+						_val = false;
+						_chart.chbg = _val;
+						_chart.chbg_offset = _val;
+					}else{
+						_chart.chbg = 'FFFFFF';
+						_chart.chbg_offset = 'FFFFFF';
+					}
+					_chart.chbg_type = _val;	
+					
+					$(this).trigger("update");
+					_refresh();
+					
+				})
+				.val(_chart.chbg_type)
+				.bind("update",function(){
+					_toggle_bg();	
+				})
+				.trigger("update");
+				
+				$("#bg_trasparency_bool").change(function(){
+					if($(this).attr("checked")){
+						$(".bg_trasparency_bool").show();
+					}else{
+						$(".bg_trasparency_bool").hide();
+						_chart.bg_trasparency = false;
+					}
+				}).trigger("change");
+				
+				$("#ch_bg_trasparency_bool").change(function(){
+					if($(this).attr("checked")){
+						$(".ch_bg_trasparency_bool").show();
+					}else{
+						$(".ch_bg_trasparency_bool").hide();
+						_chart.chbg_trasparency = false;
+					}
+				}).trigger("change");
+				
+				$("#bg_angle")
+				.val(_chart.bg_angle)
+				.spinner({min:0, max:90})
+				.bind('spinchange', function(event, ui) {
+					_chart.bg_angle = ui.value;
+				});
+				$("#ch_bg_angle")
+				.val(_chart.chbg_angle)
+				.spinner({min:0, max:90})
+				.bind('spinchange', function(event, ui) {
+					_chart.chbg_angle = ui.value;
+				});
+				
+				$("#bg_trasparency")
+				.val(_chart.bg_trasparency ? _chart.bg_trasparency : 90)
+				.spinner({min:10, max:90, stepping: 10})
+				.bind('spinchange', function(event, ui) {
+					//console.log(ui.value);
+					_chart.bg_trasparency = ui.value;
+				});
+				$("#ch_bg_trasparency")
+				.val(_chart.chbg_trasparency ? _chart.chbg_trasparency : 90)
+				.spinner({min:10, max:90, stepping: 10})
+				.bind('spinchange', function(event, ui) {
+					//console.log(ui.value);
+					_chart.chbg_trasparency = ui.value;
+				});
+				
+				$("#stripe_width")
+				.spinner({min:10, max:100, stepping: 5})
+				.bind('spinchange', function(event, ui) {
+					//console.log(ui.value);
+					_chart.bg_width = ui.value;
+				});
+				$("#ch_stripe_width")
+				.spinner({min:10, max:100, stepping: 5})
+				.bind('spinchange', function(event, ui) {
+					//console.log(ui.value);
+					_chart.chbg_width = ui.value;
+				});
+				
+			}
+			function _init_events_panel_grid(){
+				
+				$("#grid").change(function(){
+					_chart.grid = this.checked;
+					$(this).trigger("update");
+					_refresh();
+				})
+				.val(_chart.grid)
+				.bind("update",function(){
+					_toggle_grid();	
+				})
+				.trigger("update");
+				
+				$("#grid_x, #grid_y, #grid_line, #grid_blank")
+				.spinner({min:1, max:100, stepping: 1})
+				.bind('spinchange', function(event, ui) {
+					//console.log(ui.value);
+					_chart[this.id] = ui.value;
+				})
+				.val(_chart[this.id]);
+				
+			}
+			function _events_hex(){
+				//click events for color pickers
+				$('.pickerIcon').click(function(){
+					if($(this).next().is('#picker')){
+						$('#picker').remove();
+						return false;
+					}
+					$('#picker').remove();
+					$('a.on').removeClass('on');
+					$('div.texturePicker ul:visible').fadeOut(100, function(){$(this).parent().css('position', 'static');});
+					$(this).toggleClass('on').parent().css('position', 'relative');
+					$(this).after('<div id="picker"></div>');
+					$('#picker').farbtastic($(this).prev());
+					$('body').click(function(){
+						//$('#picker').remove();
+					});
+					return false;
+				});
+			}
+
+
+		});
+	
+	};
+	
+/* THICKBOX METHODS */	
+function _position(height, width) {
+  var TB_WIDTH = (width*1) + 30 || 630; //defaults to 630 if no paramaters were added to URL
+  var TB_HEIGHT = (height*1) + 40 || 440; //defaults to 440 if no paramaters were added to URL
+  $("#JGG_window").css({marginLeft: '-' + parseInt((TB_WIDTH / 2),10) + 'px', width: TB_WIDTH + 'px'});
+  if ( !(jQuery.browser.msie && jQuery.browser.version < 7)) { // take away IE6
+    $("#JGG_window").css({marginTop: '-' + parseInt((TB_HEIGHT / 2),13) + 'px'});
+  }
+}
+function _remove() {
+   $("#JGG_window").fadeOut("fast",function(){$('#JGG_window,#JGG_overlay,#JGG_HideSelect').trigger("unload").unbind().remove();});
+   $("#JGG_load").remove();
+   if (typeof document.body.style.maxHeight == "undefined") {//if IE 6
+     $("body","html").css({height: "auto", width: "auto"});
+     $("html").css("overflow","");
+   }
+   jQuery(document).trigger("jggui");
+   return false;
+}	
+function _overlay(){
+    if (typeof document.body.style.maxHeight === "undefined") {//if IE 6
+      $("body","html").css({height: "100%", width: "100%"});
+      $("html").css("overflow","hidden");
+      if (document.getElementById("JGG_HideSelect") === null) {//iframe to hide select elements in ie6
+        $("body").append("<iframe id='JGG_HideSelect'></iframe><div id='JGG_overlay'></div><div id='JGG_window'></div>");
+        $("#JGG_overlay").click(_remove);
+      }
+    }else{//all others
+      if(document.getElementById("JGG_overlay") === null){
+        $("body").append("<div id='JGG_overlay'></div><div id='JGG_window'></div>");
+        $("#JGG_overlay").click(_remove);
+      }
+    }
+    
+    if(_detectMacXFF()){
+      $("#JGG_overlay").addClass("JGG_overlayMacFFBGHack");//use png overlay so hide flash
+    }else{
+      $("#JGG_overlay").addClass("JGG_overlayBG");//use background and opacity
+    }
+}
+
+function _detectMacXFF() {
+  var userAgent = navigator.userAgent.toLowerCase();
+  if (userAgent.indexOf('mac') != -1 && userAgent.indexOf('firefox')!=-1) {
+    return true;
+  }
+}
+/* THICKBOX METHODS */
+
+
+jQuery.fn.jggui = jggui;
+		
+})(jQuery);

theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/jquery-ui-themeroller.css

@@ -0,0 +1,862 @@
+/*
+ * jQuery UI screen structure and presentation
+ * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI
+ * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
+ * Visit ThemeRoller.com
+*/
+
+/*
+ * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size.
+ * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px.
+ * body {font-size: 62.5%;}
+*/
+
+
+
+/*UI accordion*/
+.ui-accordion {
+	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+	font-family: Arial, sans-serif;
+	font-size: 1.3em;
+	border-bottom: 1px solid #000000;
+}
+.ui-accordion-group {
+	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+	border: 1px solid #000000;
+	border-bottom: none;
+}
+.ui-accordion-header {
+	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+	cursor: pointer;
+	background: #2d2c2a url(images/2d2c2a_40x100_textures_09_dots_small_33.png) 0 50% repeat-x;
+}
+.ui-accordion-header a {
+	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+	display: block;
+	font-size: 1em;
+	font-weight: bold;
+	text-decoration: none;
+	padding: .5em .5em .5em 1.7em;
+	color: #ffffff;
+	background: url(images/00498f_7x7_arrow_right.gif) .5em 50% no-repeat;
+}
+.ui-accordion-header a:hover {
+	background: url(images/000000_7x7_arrow_right.gif) .5em 50% no-repeat;
+	color: #ffffff;
+}
+.ui-accordion-header:hover {
+	background: #00498f url(images/00498f_40x100_textures_09_dots_small_40.png) 0 50% repeat-x;
+	color: #ffffff;
+}
+.selected .ui-accordion-header, .selected .ui-accordion-header:hover {
+	background: #111111 url(images/111111_40x100_textures_03_highlight_soft_20.png) 0 50% repeat-x;
+}
+.selected .ui-accordion-header a, .selected .ui-accordion-header a:hover {
+	color: #478fff;
+	background: url(images/00498f_7x7_arrow_down.gif) .5em 50% no-repeat;
+}
+.ui-accordion-content {
+	background: #111111 url(images/111111_40x100_textures_01_flat_0.png) 0 0 repeat-x;
+	color: #d9d9d9;
+	font-size: 1em;
+}
+.ui-accordion-content p {
+	padding: 1em 1.7em 0.6em;
+}
+
+
+
+
+
+
+/*UI tabs*/
+.ui-tabs-nav {
+	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+	font-family: Arial, sans-serif;
+	font-size: 1.3em;
+	float: left;
+	position: relative;
+	z-index: 1;
+	border-right: 1px solid #000000;
+	bottom: -1px;
+}
+.ui-tabs-nav li {
+	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+	float: left;
+	border: 1px solid #000000;
+	border-right: none;
+}
+.ui-tabs-nav li a {
+	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+	float: left;
+	font-size: 1em;
+	font-weight: bold;
+	text-decoration: none;
+	padding: .5em 1.7em;
+	color: #ffffff;
+	background: #2d2c2a url(images/2d2c2a_40x100_textures_09_dots_small_33.png) 0 50% repeat-x;
+}
+.ui-tabs-nav li a:hover {
+	background: #00498f url(images/00498f_40x100_textures_09_dots_small_40.png) 0 50% repeat-x;
+	color: #ffffff;
+}
+.ui-tabs-nav li.ui-tabs-selected {
+	border-bottom-color: #111111;
+}
+.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {
+	background: #111111 url(images/111111_40x100_textures_03_highlight_soft_20.png) 0 50% repeat-x;
+	color: #478fff;
+}
+.ui-tabs-panel {
+	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+	font-family: Arial, sans-serif;
+	clear:left;
+	/*border: 1px solid #000000;*/
+	/*background: #111111 url(images/111111_40x100_textures_01_flat_0.png) 0 0 repeat-x;*/
+	background: #000;
+	color: #d9d9d9;
+	padding: 1.5em 1.7em;	
+	font-size: 1.3em;
+	border: 0px;
+}
+.ui-tabs-hide {
+	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
+}
+
+
+
+
+
+/*slider*/
+.ui-slider {
+	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+	font-family: Arial, sans-serif;
+	font-size: 1.3em;
+	background: #111111 url(images/111111_40x100_textures_01_flat_0.png) 0 0 repeat-x;
+	border: 1px solid #dddddd;
+	height: .8em;
+	position: relative;
+}
+.ui-slider-handle {
+	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+	position: absolute;
+	z-index: 2;
+	top: -3px;
+	width: 1.2em;
+	height: 1.2em;
+	background: #2d2c2a url(images/2d2c2a_40x100_textures_09_dots_small_33.png) 0 50% repeat-x;
+	border: 1px solid #000000;
+}
+.ui-slider-handle:hover {
+	background: #00498f url(images/00498f_40x100_textures_09_dots_small_40.png) 0 50% repeat-x;
+	border: 1px solid #dddddd;
+}
+.ui-slider-handle-active, .ui-slider-handle-active:hover {
+	background: #111111 url(images/111111_40x100_textures_03_highlight_soft_20.png) 0 50% repeat-x;
+	border: 1px solid #00498f;
+}
+.ui-slider-range {
+	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+	height: .8em;
+	background: #00498f url(images/00498f_40x100_textures_09_dots_small_40.png) 0 50% repeat-x;
+	position: absolute;
+	border: 1px solid #000000;
+	border-left: 0;
+	border-right: 0;
+	top: -1px;
+	z-index: 1;
+	opacity:.7;
+	filter:Alpha(Opacity=70);
+}
+
+
+
+
+
+
+/*dialog*/
+.ui-dialog {
+	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+	font-family: Arial, sans-serif;
+	font-size: 1.3em;
+	background: #111111 url(images/111111_40x100_textures_01_flat_0.png) 0 0 repeat-x;
+	color: #d9d9d9;
+	border: 4px solid #dddddd;
+	position: relative;
+}
+.ui-resizable-handle {
+	position: absolute;
+	font-size: 0.1px;
+	z-index: 99999;
+}
+.ui-resizable .ui-resizable-handle {
+	display: block; 
+}
+body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
+body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
+.ui-resizable-n { 
+	cursor: n-resize; 
+	height: 7px; 
+	width: 100%; 
+	top: -5px; 
+	left: 0px;  
+}
+.ui-resizable-s { 
+	cursor: s-resize; 
+	height: 7px; 
+	width: 100%; 
+	bottom: -5px; 
+	left: 0px; 
+}
+.ui-resizable-e { 
+	cursor: e-resize; 
+	width: 7px; 
+	right: -5px; 
+	top: 0px; 
+	height: 100%; 
+}
+.ui-resizable-w { 
+	cursor: w-resize; 
+	width: 7px; 
+	left: -5px; 
+	top: 0px; 
+	height: 100%;
+}
+.ui-resizable-se { 
+	cursor: se-resize; 
+	width: 13px; 
+	height: 13px; 
+	right: 0px; 
+	bottom: 0px; 
+	background: url(images/222222_11x11_icon_resize_se.gif) no-repeat 0 0;
+}
+.ui-resizable-sw { 
+	cursor: sw-resize; 
+	width: 9px; 
+	height: 9px; 
+	left: 0px; 
+	bottom: 0px;  
+}
+.ui-resizable-nw { 
+	cursor: nw-resize; 
+	width: 9px; 
+	height: 9px; 
+	left: 0px; 
+	top: 0px; 
+}
+.ui-resizable-ne { 
+	cursor: ne-resize; 
+	width: 9px; 
+	height: 9px; 
+	right: 0px; 
+	top: 0px; 
+}
+.ui-dialog-titlebar {
+	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+	padding: .5em 1.5em .5em 1em;
+	color: #ffffff;
+	background: #2d2c2a url(images/2d2c2a_40x100_textures_09_dots_small_33.png) 0 50% repeat-x;
+	border-bottom: 1px solid #000000;
+	font-size: 1em;
+	font-weight: bold;
+	position: relative;
+}
+.ui-dialog-title {}
+.ui-dialog-titlebar-close {
+	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+	background: url(images/00498f_11x11_icon_close.gif) 0 0 no-repeat;
+	position: absolute;
+	right: 8px;
+	top: .7em;
+	width: 11px;
+	height: 11px;
+	z-index: 100;
+}
+.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
+	background: url(images/000000_11x11_icon_close.gif) 0 0 no-repeat;
+}
+.ui-dialog-titlebar-close:active {
+	background: url(images/00498f_11x11_icon_close.gif) 0 0 no-repeat;
+}
+.ui-dialog-titlebar-close span {
+	display: none;
+}
+.ui-dialog-content {
+	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+	color: #d9d9d9;
+	padding: 1.5em 1.7em;	
+}
+.ui-dialog-buttonpane {
+	position: absolute;
+	bottom: 0;
+	width: 100%;
+	text-align: left;
+	border-top: 1px solid #dddddd;
+	background: #111111;
+}
+.ui-dialog-buttonpane button {
+	margin: .5em 0 .5em 8px;
+	color: #ffffff;
+	background: #2d2c2a url(images/2d2c2a_40x100_textures_09_dots_small_33.png) 0 50% repeat-x;
+	font-size: 1em;
+	border: 1px solid #000000;
+	cursor: pointer;
+	padding: .2em .6em .3em .6em;
+	line-height: 1.4em;
+}
+.ui-dialog-buttonpane button:hover {
+	color: #ffffff;
+	background: #00498f url(images/00498f_40x100_textures_09_dots_small_40.png) 0 50% repeat-x;
+	border: 1px solid #dddddd;
+}
+.ui-dialog-buttonpane button:active {
+	color: #478fff;
+	background: #111111 url(images/111111_40x100_textures_03_highlight_soft_20.png) 0 50% repeat-x;
+	border: 1px solid #00498f;
+}
+/* This file skins dialog */
+.ui-dialog.ui-draggable .ui-dialog-titlebar,
+.ui-dialog.ui-draggable .ui-dialog-titlebar {
+	cursor: move;
+}
+
+
+
+
+
+
+
+/*datepicker*/
+/* Main Style Sheet for jQuery UI date picker */
+.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
+	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+	font-family: Arial, sans-serif;
+	background: #111111 url(images/111111_40x100_textures_01_flat_0.png) 0 0 repeat-x;
+	font-size: 1.3em;
+	border: 4px solid #dddddd;
+	width: 15.5em;
+	padding: 2.5em .5em .5em .5em;
+	position: relative;
+}
+.ui-datepicker-div, #ui-datepicker-div {
+	z-index: 9999; /*must have*/
+	display: none;
+}
+.ui-datepicker-inline {
+	float: left;
+	display: block;
+}
+.ui-datepicker-control {
+	display: none;
+}
+.ui-datepicker-current {
+	display: none;
+}
+.ui-datepicker-next, .ui-datepicker-prev {
+	position: absolute;
+	left: .5em;
+	top: .5em;
+	background: #2d2c2a url(images/2d2c2a_40x100_textures_09_dots_small_33.png) 0 50% repeat-x;
+}
+.ui-datepicker-next {
+	left: 14.6em;
+}
+.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
+	background: #00498f url(images/00498f_40x100_textures_09_dots_small_40.png) 0 50% repeat-x;
+}
+.ui-datepicker-next a, .ui-datepicker-prev a {
+	text-indent: -999999px;
+	width: 1.3em;
+	height: 1.4em;
+	display: block;
+	font-size: 1em;
+	background: url(images/00498f_7x7_arrow_left.gif) 50% 50% no-repeat;
+	border: 1px solid #000000;
+	cursor: pointer;
+}
+.ui-datepicker-next a {
+	background: url(images/00498f_7x7_arrow_right.gif) 50% 50% no-repeat;
+}
+.ui-datepicker-prev a:hover {
+	background: url(images/000000_7x7_arrow_left.gif) 50% 50% no-repeat;
+}
+.ui-datepicker-next a:hover {
+	background: url(images/000000_7x7_arrow_right.gif) 50% 50% no-repeat;
+}
+.ui-datepicker-prev a:active {
+	background: url(images/00498f_7x7_arrow_left.gif) 50% 50% no-repeat;
+}
+.ui-datepicker-next a:active {
+	background: url(images/00498f_7x7_arrow_right.gif) 50% 50% no-repeat;
+}
+.ui-datepicker-header select {
+	border: 1px solid #000000;
+	color: #ffffff;
+	background: #2d2c2a;
+	font-size: 1em;
+	line-height: 1.4em;
+	position: absolute;
+	top: .5em;
+	margin: 0 !important;
+}
+.ui-datepicker-header option:focus, .ui-datepicker-header option:hover {
+	background: #00498f;
+}
+.ui-datepicker-header select.ui-datepicker-new-month {
+	width: 7em;
+	left: 2.2em;
+}
+.ui-datepicker-header select.ui-datepicker-new-year {
+	width: 5em;
+	left: 9.4em;
+}
+table.ui-datepicker {
+	width: 15.5em;
+	text-align: right;
+}
+table.ui-datepicker td a {
+	padding: .1em .3em .1em 0;
+	display: block;
+	color: #ffffff;
+	background: #2d2c2a url(images/2d2c2a_40x100_textures_09_dots_small_33.png) 0 50% repeat-x;
+	cursor: pointer;
+	border: 1px solid #111111;
+}
+table.ui-datepicker td a:hover {
+	border: 1px solid #dddddd;
+	color: #ffffff;
+	background: #00498f url(images/00498f_40x100_textures_09_dots_small_40.png) 0 50% repeat-x;
+}
+table.ui-datepicker td a:active {
+	border: 1px solid #00498f;
+	color: #478fff;
+	background: #111111 url(images/111111_40x100_textures_03_highlight_soft_20.png) 0 50% repeat-x;
+}
+table.ui-datepicker .ui-datepicker-title-row td {
+	padding: .3em 0;
+	text-align: center;
+	font-size: .9em;
+	color: #d9d9d9;
+	text-transform: uppercase;
+}
+table.ui-datepicker .ui-datepicker-title-row td a {
+	color: #d9d9d9;
+}
+.ui-datepicker-cover {
+	display: none;
+	display/**/: block;
+	position: absolute;
+	z-index: -1;
+	filter: mask();
+	top: -4px;
+	left: -4px;
+	width: 193px;
+	height: 200px;
+}
+
+
+
+
+
+
+
+
+
+
+
+/* ui-autocomplete */
+/*
+.ui-autocomplete-input {
+	border: 1px solid #dddddd;
+	color: #d9d9d9;
+	background: #111111;
+}
+*/
+.ui-autocomplete-results {
+	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+	font-family: Arial, sans-serif;
+	font-size: 1.3em;
+	z-index: 9999;	
+}
+.ui-autocomplete-results ul, .ui-autocomplete-results li {
+	margin: 0; 
+	padding: 0; 
+	list-style: none;
+}
+.ui-autocomplete-results ul {
+	border: 1px solid #dddddd;
+	background: #111111 url(images/111111_40x100_textures_01_flat_0.png) 0 0 repeat-x;
+	border-top: 0;
+	border-bottom: 0;
+	margin-bottom: -1px;
+}
+.ui-autocomplete-results li {
+	color: #d9d9d9;
+	padding: .4em .5em;
+	font-size: 1em;
+	font-weight: normal;
+	position: relative;
+	margin: 1px 0;
+}
+.ui-autocomplete-results li.ui-hover-state, .ui-autocomplete-results li.ui-active-state {
+	margin: 0;
+}
+
+.ui-autocomplete-results li.ui-autocomplete-over {
+	border-top: 1px solid #dddddd;
+	border-bottom: 1px solid #dddddd;
+	background: #00498f url(images/00498f_40x100_textures_09_dots_small_40.png) 0 50% repeat-x;
+	color: #ffffff !important;
+}
+.ui-autocomplete-results li.ui-autocomplete-active {
+	border-top: 1px solid #00498f;
+	border-bottom: 1px solid #00498f;
+	background: #111111 url(images/111111_40x100_textures_03_highlight_soft_20.png) 0 50% repeat-x;
+	color: #478fff !important;
+	outline: none;
+}
+.ui-autocomplete-results li:first-child, .ui-autocomplete-results li.first  {
+	margin-top: 0;
+}
+.ui-autocomplete-results li:last-child, .ui-autocomplete-results li.last {
+	margin-bottom: 0;
+}
+
+
+
+
+
+
+
+
+
+
+
+/*UI ProgressBar */
+.ui-progressbar {
+	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+	font-family: Arial, sans-serif;
+	font-size: 1.3em;
+	background: #111111 url(images/111111_40x100_textures_01_flat_0.png) 0 0 repeat-x;
+	border: 1px solid #dddddd;
+	position: relative;
+	height: 1.8em;
+}
+.ui-progressbar-bar {
+	background: #2d2c2a url(images/2d2c2a_40x100_textures_09_dots_small_33.png) 0 50% repeat-x;
+	overflow: hidden;
+	border: 1px solid #000000;
+	margin:-1px;
+	z-index: 2;
+	position: relative;
+	height: 1.8em;
+	opacity:.7;
+	filter:Alpha(Opacity=70);
+}
+.ui-progressbar-wrap {
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+.ui-progressbar-text {
+	color: #ffffff;
+	padding: .2em .5em;
+	font-weight: bold;
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+.ui-progressbar-text-back {
+	color:  #d9d9d9;
+	z-index: 0;
+}
+.ui-progressbar-disabled {
+	opacity:.5;
+	filter:Alpha(Opacity=50);
+}
+
+
+
+
+
+
+/*UI Colorpicker */
+.ui-colorpicker {
+	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+	font-family: Arial, sans-serif;
+	font-size: 1.3em;
+	background: #111111 url(images/111111_40x100_textures_01_flat_0.png) 0 0 repeat-x;
+	border: 4px solid #dddddd;
+	padding: 5px;
+	width: 360px;
+
+	position: absolute;
+	z-index:100;
+	display:none;
+}
+.ui-colorpicker-color {
+	float: left;
+	width: 150px;
+	height: 150px;
+	margin-right: 15px;
+}
+.ui-colorpicker-color div { /* is this extra div needed? why not just .ui-colorpicker-color ? */
+	border: 1px solid #000000;
+	height: 150px;
+	background: url(images/colorpicker_overlay.png);
+	position: relative;
+}
+.ui-colorpicker-color div div {/* shouldn't this have a class like ui-colorpicker-selector ? */
+	width: 11px;
+	height: 11px;
+	background: url(images/colorpicker_select.gif);
+	position: absolute;
+	border: 0;
+	margin: -5px 0 0 -5px;
+	float: none;
+}
+.ui-colorpicker-hue {
+	border: 1px solid #000000;
+	float: left;
+	width: 17px;
+	height: 150px;
+	background: url(images/_x_.);
+	position: relative;
+	margin-right: 15px;
+}
+.ui-colorpicker-hue div {
+	background:transparent url(images/222222_35x9_colorpicker_indicator.gif.gif); 
+	height:9px;
+	left:-9px;
+	margin:-4px 0 0;
+	position:absolute;
+	width:35px;
+	cursor: ns-resize;
+}
+.ui-colorpicker-new-color, .ui-colorpicker-current-color {
+	float: left;
+	width: 70px;/**/
+	height: 30px;
+	border: 1px solid #000000;
+	margin-right: 5px;
+}
+.ui-colorpicker-current-color {
+	margin-right: 0;
+}
+
+.ui-colorpicker-field, .ui-colorpicker-hex {
+	position: absolute;
+	width: 6em;
+}
+.ui-colorpicker-field label, .ui-colorpicker-field input,
+.ui-colorpicker-hex label, .ui-colorpicker-hex input {
+	font-size: 1em;
+	color: #00498f;
+}
+.ui-colorpicker-field label, .ui-colorpicker-hex label {
+	width: 1em;
+	margin-right: .3em;
+}
+.ui-colorpicker-field input, .ui-colorpicker-hex input {
+	border: 1px solid #dddddd;
+	color: #d9d9d9;
+	background: #111111;
+	width: 4.6em;
+}
+.ui-colorpicker-hex {
+	left: 205px;
+	top: 134px;
+}
+.ui-colorpicker-rgb-r {
+	top: 52px;
+	left: 205px;
+}
+.ui-colorpicker-rgb-g {
+	top: 78px;
+	left: 205px;
+}
+.ui-colorpicker-rgb-b {
+	top: 105px;
+	left: 205px;
+}
+.ui-colorpicker-hsb-h {
+	top: 52px;
+	left: 290px;
+}
+.ui-colorpicker-hsb-s {
+	top: 78px;
+	left: 290px;
+}
+.ui-colorpicker-hsb-b {
+	top: 105px;
+	left: 290px;
+}
+
+.ui-colorpicker-field label {
+	font-weight: bold;
+}
+.ui-colorpicker-field span {
+	width: 7px;
+	background: url(images/00498f_11x11_icon_arrows_updown.gif) 50% 50% no-repeat;
+	right: 5px;
+	top: 0;
+	height: 20px;
+	position: absolute;
+}
+.ui-colorpicker-field span:hover {
+	background: url(images/000000_11x11_icon_arrows_updown.gif) 50% 50% no-repeat;
+}
+
+.ui-colorpicker-submit {
+	right: 14px;
+	top: 134px;
+	position: absolute;
+}
+
+
+
+
+
+
+
+
+/*
+Generic ThemeRoller Classes
+>> Make your jQuery Components ThemeRoller-Compatible!
+*/
+
+/*component global class*/
+.ui-component {
+	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+	font-family: Arial, sans-serif;
+	font-size: 1.3em;
+}
+/*component content styles*/
+.ui-component-content {
+	border: 1px solid #dddddd;
+	background: #111111 url(images/111111_40x100_textures_01_flat_0.png) 0 0 repeat-x;
+	color: #d9d9d9;
+}
+.ui-component-content a {
+	color: #d9d9d9;
+	text-decoration: underline;
+}
+/*component states*/
+.ui-default-state {
+	border: 1px solid #000000;
+	background: #2d2c2a url(images/2d2c2a_40x100_textures_09_dots_small_33.png) 0 50% repeat-x;
+	font-weight: bold;
+	color: #ffffff !important;
+}
+.ui-default-state a {
+	color: #ffffff;
+}
+.ui-default-state:hover, .ui-hover-state {
+	border: 1px solid #dddddd;
+	background: #00498f url(images/00498f_40x100_textures_09_dots_small_40.png) 0 50% repeat-x;
+	font-weight: bold;
+	color: #ffffff !important;
+}
+.ui-hover-state a {
+	color: #ffffff;
+}
+.ui-default-state:active, .ui-active-state {
+	border: 1px solid #00498f;
+	background: #111111 url(images/111111_40x100_textures_03_highlight_soft_20.png) 0 50% repeat-x;
+	font-weight: bold;
+	color: #478fff !important;
+	outline: none;
+}
+.ui-active-state a {
+	color: #478fff;
+	outline: none;
+}
+/*icons*/
+.ui-arrow-right-default {background: url(images/00498f_7x7_arrow_right.gif) no-repeat 50% 50%;}
+.ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(images/000000_7x7_arrow_right.gif) no-repeat 50% 50%;}
+.ui-arrow-right-default:active, .ui-arrow-right-active {background: url(images/00498f_7x7_arrow_right.gif) no-repeat 50% 50%;}
+.ui-arrow-right-content {background: url(images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}
+
+.ui-arrow-left-default {background: url(images/00498f_7x7_arrow_left.gif) no-repeat 50% 50%;}
+.ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(images/000000_7x7_arrow_left.gif) no-repeat 50% 50%;}
+.ui-arrow-left-default:active, .ui-arrow-left-active {background: url(images/00498f_7x7_arrow_left.gif) no-repeat 50% 50%;}
+.ui-arrow-left-content {background: url(images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}
+
+.ui-arrow-down-default {background: url(images/00498f_7x7_arrow_down.gif) no-repeat 50% 50%;}
+.ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(images/000000_7x7_arrow_down.gif) no-repeat 50% 50%;}
+.ui-arrow-down-default:active, .ui-arrow-down-active {background: url(images/00498f_7x7_arrow_down.gif) no-repeat 50% 50%;}
+.ui-arrow-down-content {background: url(images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}
+
+.ui-arrow-up-default {background: url(images/00498f_7x7_arrow_up.gif) no-repeat 50% 50%;}
+.ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(images/000000_7x7_arrow_up.gif) no-repeat 50% 50%;}
+.ui-arrow-up-default:active, .ui-arrow-up-active {background: url(images/00498f_7x7_arrow_up.gif) no-repeat 50% 50%;}
+.ui-arrow-up-content {background: url(images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}
+
+.ui-close-default {background: url(images/00498f_11x11_icon_close.gif) no-repeat 50% 50%;}
+.ui-close-default:hover, .ui-close-hover {background: url(images/000000_11x11_icon_close.gif) no-repeat 50% 50%;}
+.ui-close-default:active, .ui-close-active {background: url(images/00498f_11x11_icon_close.gif) no-repeat 50% 50%;}
+.ui-close-content {background: url(images/00498f_11x11_icon_close.gif) no-repeat 50% 50%;}
+
+.ui-folder-closed-default {background: url(images/00498f_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
+.ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(images/000000_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
+.ui-folder-closed-default:active, .ui-folder-closed-active {background: url(images/00498f_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
+.ui-folder-closed-content {background: url(images/00498f_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
+
+.ui-folder-open-default {background: url(images/00498f_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
+.ui-folder-open-default:hover, .ui-folder-open-hover {background: url(images/000000_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
+.ui-folder-open-default:active, .ui-folder-open-active {background: url(images/00498f_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
+.ui-folder-open-content {background: url(images/00498f_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
+
+.ui-doc-default {background: url(images/00498f_11x11_icon_doc.gif) no-repeat 50% 50%;}
+.ui-doc-default:hover, .ui-doc-hover {background: url(images/000000_11x11_icon_doc.gif) no-repeat 50% 50%;}
+.ui-doc-default:active, .ui-doc-active {background: url(images/00498f_11x11_icon_doc.gif) no-repeat 50% 50%;}
+.ui-doc-content {background: url(images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}
+
+.ui-arrows-leftright-default {background: url(images/00498f_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
+.ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(images/000000_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
+.ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(images/00498f_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
+.ui-arrows-leftright-content {background: url(images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
+
+.ui-arrows-updown-default {background: url(images/00498f_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
+.ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(images/000000_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
+.ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(images/00498f_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
+.ui-arrows-updown-content {background: url(images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
+
+.ui-minus-default {background: url(images/00498f_11x11_icon_minus.gif) no-repeat 50% 50%;}
+.ui-minus-default:hover, .ui-minus-hover {background: url(images/000000_11x11_icon_minus.gif) no-repeat 50% 50%;}
+.ui-minus-default:active, .ui-minus-active {background: url(images/00498f_11x11_icon_minus.gif) no-repeat 50% 50%;}
+.ui-minus-content {background: url(images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}
+
+.ui-plus-default {background: url(images/00498f_11x11_icon_plus.gif) no-repeat 50% 50%;}
+.ui-plus-default:hover, .ui-plus-hover {background: url(images/000000_11x11_icon_plus.gif) no-repeat 50% 50%;}
+.ui-plus-default:active, .ui-plus-active {background: url(images/00498f_11x11_icon_plus.gif) no-repeat 50% 50%;}
+.ui-plus-content {background: url(images/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}
+
+/*hidden elements*/
+.ui-hidden {
+	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
+}
+.ui-accessible-hidden {
+	 position: absolute; left: -99999999px;
+}
+/*reset styles*/
+.ui-reset {
+	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+}
+/*clearfix class*/
+.ui-clearfix:after {
+    content: "."; 
+    display: block; 
+    height: 0; 
+    clear: both; 
+    visibility: hidden;
+}
+.ui-clearfix {display: inline-block;}
+/* Hides from IE-mac \*/
+* html .ui-clearfix {height: 1%;}
+.ui-clearfix {display: block;}
+/* End hide from IE-mac */
+
+/* Note: for resizable styles, use the styles listed above in the dialog section */
+
+