public static function jQueryAjax()
 {
     if (empty(self::$jQueryAjax)) {
         include_once __DIR__ . '/class.jQueryAjax.php';
         self::$jQueryAjax = new jQueryAjax(self::$jQObj);
     }
     return self::$jQueryAjax;
 }
	margin-top: 20px;
	font-size:25px;
	padding: 10px 20px;
	background-color: green;
	display: inline-block;
	float: left;
	clear: both;
	color: #FFF;
}
</style>
<?php 
echo $ajax->library_def;
?>
<script>
<?php 
echo nUberJTools::DocumentReady($ajax->Construct());
?>
</script>
<div id="wrapper">
	<div style="display: inline-block; width: 100%;">
		<div id="cookie" data-test="crumble">This text wrapper has a hidden <i>data</i> attribute called "cookie" that will send: <span style="color: red;">crumble</span></div>
	</div>
	<div style="display: inline-block; width: 100%;">
		<div class="get_some_text" id="sometxt_id"><span style="color: red;">-->This text will send in the ajax request.<--</span></div>
	</div>
	<form id="tester" action="/tester.php" class="myforms">
	<div style="display: inline-block; width: 100%;">
		<label>Type something, then tab to dropdown. The name of this &lt;input&gt; is "butter" however, will be overridden and sent to AJAX as "subutter":</label>
		<input type="text" name="butter" value="" />
	</div>
	
<?php

include_once __DIR__ . '/classes/class.nUberJTools.php';
$result = array(0 => array('id' => 1, 'lesson' => 'Community Health Care', 'lesson_activity' => 'CHC.001', 'count(<50%)' => 7, 'count(Between 50-60%)' => 4, 'count(>60%)' => 9), 1 => array('id' => 2, 'lesson' => 'Community Health Care', 'lesson_activity' => 'CHC.002', 'count(<50%)' => 32, 'count(Between 50-60%)' => 11, 'count(>60%)' => 65), 2 => array('id' => 3, 'lesson' => 'Community Health Care', 'lesson_activity' => 'CHC.003', 'count(<50%)' => 44, 'count(Between 50-60%)' => 12, 'count(>60%)' => 76));
$Googlizer = nUberJTools::GoogleCharts();
$title = "My Trend Chart";
// Set options in general
$options['legend'] = 'none';
$options['is3D'] = 'true';
foreach ($result as $i => $row) {
    // The incr setting allows for unique identifier when making multiple charts
    $settings["incr"] = $i;
    // Create a holder name for the javascript function
    $settings['id'] = "trend" . $settings["incr"];
    // Create a title
    $settings['title'] = "PieChart " . $i;
    // Assign data for js function to use
    $settings['data'] = array("Title" => $settings['title'], "cond1" => $row['count(<50%)'], "cond2" => $row['count(Between 50-60%)'], "cond3" => $row['count(>60%)']);
    // Returns the assembled js data arrays and the js function that displays chart
    // Create the piechart
    $Googlizer->CreateChart($settings)->jScripter()->MakeContainer(array("w" => 500, "h" => 500, "unit" => "px", "wrap" => "div"));
}
// This applies the javascript options
echo $Googlizer->ChartOptions($options)->ChartKind(GoogleCharts::PIE)->CreateJavascript(array("wrap" => true, "lib" => true));
?>
 
<html> 
<body> 
<?php 
echo $Googlizer->Containers();
?>