var data = new Array();
		//Data for each product
data[0] = new Array("Product A", 659400, 465400, 764500, 650500);
data[1] = new Array("Product B", 546300, 436500, 546500, 332500);
data[2] = new Array("Product C", 657600, 564600, 348600, 436600);
data[3] = new Array("Product D", 436500, 765700, 453900, 326400);
		
		//Flag indicating whether our chart has loaded
var chartLoaded = false;
/**
		 * FC_Rendered method is invoked when the chart has completed rendering for the first time.
		 * It's a pre-defined method name. 
		 *	@param	domId	Dom ID of the chart object
		*/
function FC_Rendered(domId) {			
			//It is in this method that you can update chart's data using JS methods.
			//Check if this is the chart that we want to update
	if (domId == "chart1Id") {			
				//Yes - it is.
				
				//Enable the form now, as the chart has loaded
		this.document.productSelector.disabled = false;
				
				//Set chartLoaded flag to true
		chartLoaded = true;
				
				//Get reference to chart object using Dom ID
		var chartObj = getChartFromId(domId);
				//Update it's XML - set animate Flag to true
		chartObj.setDataXML(generateXML(true));
	}
	return true;
}
/**
		 * updateChart method is called, when user changes any of the checkboxes.
		 * Here, we generate the XML data again and build the chart.		  
		 *	@param	domId	domId of the Chart
		*/
function updateChart(domId) {
				alert("updateChart");
			//Update only if chart has loaded
	if (chartLoaded) {

				//Get reference to chart object using Dom ID
		var chartObj = getChartFromId(domId);
				//Update it's XML - set animate Flag from AnimateChart checkbox in form
		chartObj.setDataXML(generateXML(this.document.productSelector.AnimateChart.checked));
	}
}
/**
		 * generateXML method returns the XML data for the chart based on the
		 * checkboxes which the user has checked.
		 *	@param	animate		Boolean value indicating to  animate the chart.
		 *	@return				XML Data for the entire chart.
		*/
function generateXML(animate) {			
			//Variable to store XML
	var strXML;
			//<chart> element
			//Added animation parameter based on animate parameter
			//Added value related attributes if show value is selected by the user
	strXML = "<chart caption='Product Wise Sales' formatNumberScale='0' numberPrefix='$' animation='" + ((animate == true) ? "1" : "0") + "' " + ((this.document.productSelector.ShowValues.checked == true) ? (" showValues='1' rotateValues='1' placeValuesInside='1' ") : (" showValues='0' ")) + ">";
						
			//Store <categories> and child <category> elements
	strXML = strXML + "<categories><category name='Quarter 1' /><category name='Quarter 2' /><category name='Quarter 3' /><category name='Quarter 4' /></categories>";
			
			//Based on the products for which we've to generate data, generate XML			
	strXML = (this.document.productSelector.ProductA.checked == true) ? (strXML + getProductXML(0)) : (strXML);
	strXML = (this.document.productSelector.ProductB.checked == true) ? (strXML + getProductXML(1)) : (strXML);
	strXML = (this.document.productSelector.ProductC.checked == true) ? (strXML + getProductXML(2)) : (strXML);
	strXML = (this.document.productSelector.ProductD.checked == true) ? (strXML + getProductXML(3)) : (strXML);			
			
			//Close <chart> element;
	strXML = strXML + "</chart>";
			
			//Return data
	return strXML;
}
/**
		 * getProductXML method returns the <dataset> and <set> elements XML for
		 * a particular product index (in data array). 
		 *	@param	productIndex	Product index (in data array)
		 *	@return					XML Data for the product.
		*/
function getProductXML(productIndex) {
	var productXML;
			//Create <dataset> element			
	productXML = "<dataset seriesName='" + data[productIndex][0] + "' >";			
			//Create set elements
	for (var i = 1; i <= 4; i++) {
		productXML = productXML + "<set value='" + data[productIndex][i] + "' />";
	}
			//Close <dataset> element
	productXML = productXML + "</dataset>";
			//Return			
	return productXML;
}