15 years ago · b693c1a6fc
--- a/theme_tripal/js/jgcharts-0.97.zip
+++ b/theme_tripal/js/jgcharts-0.97.zip
--- a/theme_tripal/js/jgcharts/.project
+++ b/theme_tripal/js/jgcharts/.project
@@ -0,0 +1,17 @@
 
				+<?xml version="1.0" encoding="UTF-8"?>
			
 
				+<projectDescription>
			
 
				+	<name>jgcharts</name>
			
 
				+	<comment></comment>
			
 
				+	<projects>
			
 
				+	</projects>
			
 
				+	<buildSpec>
			
 
				+		<buildCommand>
			
 
				+			<name>net.sourceforge.phpeclipse.parserbuilder</name>
			
 
				+			<arguments>
			
 
				+			</arguments>
			
 
				+		</buildCommand>
			
 
				+	</buildSpec>
			
 
				+	<natures>
			
 
				+		<nature>net.sourceforge.phpeclipse.phpnature</nature>
			
 
				+	</natures>
			
 
				+</projectDescription>
			
--- a/theme_tripal/js/jgcharts/.settings/org.eclipse.core.resources.prefs
+++ b/theme_tripal/js/jgcharts/.settings/org.eclipse.core.resources.prefs
@@ -0,0 +1,3 @@
 
				+#Thu Feb 19 13:56:42 CET 2009
			
 
				+eclipse.preferences.version=1
			
 
				+encoding/<project>=UTF-8
			
--- a/theme_tripal/js/jgcharts/doc/custom.html
+++ b/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>    
			
--- a/theme_tripal/js/jgcharts/doc/dashboard.html
+++ b/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>    
			
--- a/theme_tripal/js/jgcharts/doc/index.html
+++ b/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>    
			
--- a/theme_tripal/js/jgcharts/doc/json/delpiero.json
+++ b/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}
			
--- a/theme_tripal/js/jgcharts/include/css/_id.css
+++ b/theme_tripal/js/jgcharts/include/css/_id.css
@@ -0,0 +1 @@
 
				+#yslider-code div.yslider-viewer {overflow-y:auto;}
			
--- a/theme_tripal/js/jgcharts/include/css/_top.css
+++ b/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;}
			
--- a/theme_tripal/js/jgcharts/include/css/demo.css
+++ b/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;} 
			
 
				+
			
--- a/theme_tripal/js/jgcharts/include/css/reset.css
+++ b/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;}
			
 
				+
			
--- a/theme_tripal/js/jgcharts/include/demo/index.html
+++ b/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>    
			
--- a/theme_tripal/js/jgcharts/include/gui/index.html
+++ b/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>  
			
--- a/theme_tripal/js/jgcharts/include/gui/lib/farbtastic/_marker.png
+++ b/theme_tripal/js/jgcharts/include/gui/lib/farbtastic/_marker.png
--- a/theme_tripal/js/jgcharts/include/gui/lib/farbtastic/colorpicker_select.gif
+++ b/theme_tripal/js/jgcharts/include/gui/lib/farbtastic/colorpicker_select.gif
--- a/theme_tripal/js/jgcharts/include/gui/lib/farbtastic/farbtastic.css
+++ b/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;
			
 
				+}
			
 
				+
			
--- a/theme_tripal/js/jgcharts/include/gui/lib/farbtastic/farbtastic.js
+++ b/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);
			
 
				+  }
			
 
				+}
			
--- a/theme_tripal/js/jgcharts/include/gui/lib/farbtastic/mask.png
+++ b/theme_tripal/js/jgcharts/include/gui/lib/farbtastic/mask.png
--- a/theme_tripal/js/jgcharts/include/gui/lib/farbtastic/wheel.png
+++ b/theme_tripal/js/jgcharts/include/gui/lib/farbtastic/wheel.png
--- a/theme_tripal/js/jgcharts/include/gui/lib/jquery-1.2.6.min.js
+++ b/theme_tripal/js/jgcharts/include/gui/lib/jquery-1.2.6.min.js
--- a/theme_tripal/js/jgcharts/include/gui/lib/jquery-ui-personalized-1.6rc2.min.js
+++ b/theme_tripal/js/jgcharts/include/gui/lib/jquery-ui-personalized-1.6rc2.min.js
--- a/theme_tripal/js/jgcharts/include/gui/lib/jquery-ui-personalized-1.6rc6.min.js
+++ b/theme_tripal/js/jgcharts/include/gui/lib/jquery-ui-personalized-1.6rc6.min.js
--- a/theme_tripal/js/jgcharts/include/gui/lib/jquery.metadata.js
+++ b/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);
			
 
				+
			
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/img/bhg.png
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/img/bhg.png
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/img/bhs.png
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/img/bhs.png
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/img/bvg.png
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/img/bvg.png
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/img/bvs.png
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/img/bvs.png
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/img/fillall.png
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/img/fillall.png
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/img/fillbottom.png
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/img/fillbottom.png
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/img/icon_color_arrow.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/img/icon_color_arrow.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/img/lc.png
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/img/lc.png
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/img/p.png
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/img/p.png
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/img/p3.png
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/img/p3.png
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/jggui.css
+++ b/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 */	
			
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/jggui.html
+++ b/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>
			
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/jggui.js
+++ b/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);
			
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_11x11_icon_arrows_leftright.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_11x11_icon_arrows_leftright.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_11x11_icon_arrows_updown.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_11x11_icon_arrows_updown.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_11x11_icon_close.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_11x11_icon_close.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_11x11_icon_doc.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_11x11_icon_doc.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_11x11_icon_folder_closed.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_11x11_icon_folder_closed.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_11x11_icon_folder_open.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_11x11_icon_folder_open.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_11x11_icon_minus.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_11x11_icon_minus.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_11x11_icon_plus.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_11x11_icon_plus.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_7x7_arrow_down.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_7x7_arrow_down.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_7x7_arrow_left.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_7x7_arrow_left.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_7x7_arrow_right.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_7x7_arrow_right.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_7x7_arrow_up.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/000000_7x7_arrow_up.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_11x11_icon_arrows_leftright.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_11x11_icon_arrows_leftright.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_11x11_icon_arrows_updown.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_11x11_icon_arrows_updown.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_11x11_icon_close.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_11x11_icon_close.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_11x11_icon_doc.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_11x11_icon_doc.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_11x11_icon_folder_closed.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_11x11_icon_folder_closed.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_11x11_icon_folder_open.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_11x11_icon_folder_open.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_11x11_icon_minus.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_11x11_icon_minus.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_11x11_icon_plus.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_11x11_icon_plus.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_40x100_textures_09_dots_small_40.png
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_40x100_textures_09_dots_small_40.png
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_7x7_arrow_down.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_7x7_arrow_down.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_7x7_arrow_left.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_7x7_arrow_left.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_7x7_arrow_right.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_7x7_arrow_right.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_7x7_arrow_up.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/00498f_7x7_arrow_up.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/111111_40x100_textures_01_flat_0.png
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/111111_40x100_textures_01_flat_0.png
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/111111_40x100_textures_03_highlight_soft_20.png
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/111111_40x100_textures_03_highlight_soft_20.png
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_11x11_icon_arrows_leftright.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_11x11_icon_arrows_leftright.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_11x11_icon_arrows_updown.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_11x11_icon_arrows_updown.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_11x11_icon_doc.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_11x11_icon_doc.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_11x11_icon_minus.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_11x11_icon_minus.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_11x11_icon_plus.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_11x11_icon_plus.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_11x11_icon_resize_se.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_11x11_icon_resize_se.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_35x9_colorpicker_indicator.gif.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_35x9_colorpicker_indicator.gif.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_7x7_arrow_down.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_7x7_arrow_down.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_7x7_arrow_left.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_7x7_arrow_left.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_7x7_arrow_right.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_7x7_arrow_right.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_7x7_arrow_up.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/222222_7x7_arrow_up.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/2d2c2a_40x100_textures_09_dots_small_33.png
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/2d2c2a_40x100_textures_09_dots_small_33.png
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/_x_.
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/_x_.
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/colorpicker_background.png
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/colorpicker_background.png
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/colorpicker_overlay.png
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/colorpicker_overlay.png
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/colorpicker_select.gif
+++ b/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/images/colorpicker_select.gif
--- a/theme_tripal/js/jgcharts/include/gui/plugins/jggui/theme/jquery-ui-themeroller.css
+++ b/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 */
			
 
				+
			
 
				+
			
--- a/theme_tripal/js/jgcharts/include/icons/abc.gif
+++ b/theme_tripal/js/jgcharts/include/icons/abc.gif
--- a/theme_tripal/js/jgcharts/include/icons/abc.png
+++ b/theme_tripal/js/jgcharts/include/icons/abc.png
--- a/theme_tripal/js/jgcharts/include/icons/beta.gif
+++ b/theme_tripal/js/jgcharts/include/icons/beta.gif
--- a/theme_tripal/js/jgcharts/include/icons/code.gif
+++ b/theme_tripal/js/jgcharts/include/icons/code.gif
--- a/theme_tripal/js/jgcharts/include/icons/code.png
+++ b/theme_tripal/js/jgcharts/include/icons/code.png
--- a/theme_tripal/js/jgcharts/include/icons/download.gif
+++ b/theme_tripal/js/jgcharts/include/icons/download.gif
--- a/theme_tripal/js/jgcharts/include/icons/download.png
+++ b/theme_tripal/js/jgcharts/include/icons/download.png
--- a/theme_tripal/js/jgcharts/include/icons/frame.gif
+++ b/theme_tripal/js/jgcharts/include/icons/frame.gif
--- a/theme_tripal/js/jgcharts/include/icons/frame.png
+++ b/theme_tripal/js/jgcharts/include/icons/frame.png
--- a/theme_tripal/js/jgcharts/include/icons/home.gif
+++ b/theme_tripal/js/jgcharts/include/icons/home.gif
--- a/theme_tripal/js/jgcharts/include/icons/home.png
+++ b/theme_tripal/js/jgcharts/include/icons/home.png
--- a/theme_tripal/js/jgcharts/include/icons/important.gif
+++ b/theme_tripal/js/jgcharts/include/icons/important.gif
--- a/theme_tripal/js/jgcharts/include/icons/important.png
+++ b/theme_tripal/js/jgcharts/include/icons/important.png
--- a/theme_tripal/js/jgcharts/include/js/lib/ycodaslider-3.0/images/grey.gif
+++ b/theme_tripal/js/jgcharts/include/js/lib/ycodaslider-3.0/images/grey.gif
--- a/theme_tripal/js/jgcharts/include/js/lib/ycodaslider-3.0/images/left.gif
+++ b/theme_tripal/js/jgcharts/include/js/lib/ycodaslider-3.0/images/left.gif
--- a/theme_tripal/js/jgcharts/include/js/lib/ycodaslider-3.0/images/left.png
+++ b/theme_tripal/js/jgcharts/include/js/lib/ycodaslider-3.0/images/left.png
--- a/theme_tripal/js/jgcharts/include/js/lib/ycodaslider-3.0/images/loading.gif
+++ b/theme_tripal/js/jgcharts/include/js/lib/ycodaslider-3.0/images/loading.gif
--- a/theme_tripal/js/jgcharts/include/js/lib/ycodaslider-3.0/images/right.gif
+++ b/theme_tripal/js/jgcharts/include/js/lib/ycodaslider-3.0/images/right.gif
--- a/theme_tripal/js/jgcharts/include/js/lib/ycodaslider-3.0/images/right.png
+++ b/theme_tripal/js/jgcharts/include/js/lib/ycodaslider-3.0/images/right.png
--- a/theme_tripal/js/jgcharts/include/js/lib/ycodaslider-3.0/reset.css
+++ b/theme_tripal/js/jgcharts/include/js/lib/ycodaslider-3.0/reset.css
@@ -0,0 +1,8 @@
 
				+/* YAHOO RESET */
			
 
				+/*
			
 
				+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;}
		`@@ -0,0 +1 @@`
		`+#yslider-code div.yslider-viewer {overflow-y:auto;}`