function main(){
	
	var data = new Array();
	data[0]=["Category A","Subcategory 1","Label 1", "10000"];
   	data[1]=["Category A","Subcategory 1","Label 2", "23465"];
   	data[2]=["Category A","Subcategory 2","Label 3", "728347"];
   	data[3]=["Category A","Subcategory 2","Label 4", "98783"];
    data[4]=["Category B","Subcategory 3","Label 5", "878734"];
   	data[5]=["Category B","Subcategory 3","Label 6", "8768783"];
 	data[6]=["Category B","Subcategory 4","Label 7", "87676"];
   	data[7]=["Category B","Subcategory 4","Label 8", "878733"];
   	data[8]=["Category C","Subcategory 5","Label 9", "8787383"];
   	data[9]=["Category C","Subcategory 5","Label 10", "8782787"];
    data[10]=["Category C","Subcategory 6","Label 11", "8783"];
   	data[11]=["Category C","Subcategory 6","Label 12", "872878"];

   	var rawData = "The following table displays the raw data in a static format: <br /><br /><table class='raw'>";
   	for(var i=0;i<data.length;i++){
   		rawData += "<tr><td>" + data[i][0] + "</td><td>" + data[i][1] + "</td><td>" + data[i][2] + "</td><td>" + data[i][3] + "</td></tr>";
   	}
   	rawData += "</table>";
   	var rawDataContainer = tagFactory.createDiv(document.getElementsByTagName('body')[0]);
   	rawDataContainer.innerHTML = rawData + "<br /><br /> Using ViewTable and ViewRow JavaScript objects, the following table <br />displays the raw data in a categorized, summarized, and interactive format:<br /><br />";
   	
   	var myTable = new ViewTable();
	myTable.init(tagFactory.createDiv(document.getElementsByTagName('body')[0]));
	myTable.loadData(data, 2);
}