<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="The Student Grapevine - Admin" height="100" width="500" scrolling="true" >
<Require feature="tabs" />
<Require feature="views" />
</ModulePrefs>
<Content type="html" view="canvas">
<![CDATA[

<script src="http://google.com/jsapi" type="text/javascript"></script><div id="tablediv" style="overflow: auto;"> </div>
<script type="text/javascript">
var tt="";
var canvas_view = new gadgets.views.View("canvas");
gadgets.views.requestNavigateTo(canvas_view);

var tabs = new _IG_Tabs(__MODULE_ID__, "Welcome");
function init() {
tabs.addTab("Welcome", "welcome");
tabs.addTab("Events", "events");
tabs.addTab("Photos", "photos");
tabs.addTab("Spreadsheets", "spreadsheets");
}


_IG_RegisterOnloadHandler(init);

</script>
<div id="welcome" style="display:none"></div>
<div id="photos" style="display:none"></div>
<div id="events" style="display:none"></div>
<div id="spreadsheets" style="display:none">
<script = "text/javascript">
var gadgetHelper = null;
var table = null;

loadVisAPI();

function loadVisAPI()
{
google.load('visualization', '1', {'packages' : ['table']});
google.setOnLoadCallback(sendQuery);
}

function sendQuery()
{
var tableDiv = _gel('tablediv');
tableDiv.style.width = document.body.clientWidth + 'px';
tableDiv.style.height = document.body.clientHeight + 'px';
table = new google.visualization.Table(tableDiv);
gadgetHelper = new google.visualization.GadgetHelper();
var query = new google.visualization.Query('http://spreadsheets.google.com/ccc?key=pTwPMtun7AuGvgGgT2p4EeA&hl=en');
query.send(queryHandler);
}

function queryHandler(response){
if(!gadgetHelper.validateResponse(response))
return;

var data = response.getDataTable();
table.draw(data, {showRowNumber: false,alternatingRowStyle:true});
}
</script>
</div>
]]>
</Content>
</Module>

