	
	function OnGraphReady(callback) {
		_callback = callback;

		// Carrega o Google Visualization
		google.load('visualization', '1.0', {'packages':['corechart']});
		google.setOnLoadCallback(callback);	
	}
	
	function DrawGraphData(divId, period) 
	{

		// Localiza o elemento DOM do id recebido por parâmetro
		var divElem = $("div#" + divId);

     		var doc = document.all.dLista;
        	doc.innerHTML = "MOZART ";
		doc.innerHTML = 'CHOPIN';

		var tab = '';

		if ( doc ) {
			// Carrega o JSON dos dados do gráfico
			
			$.getJSON("http://update.avware.com.br/VirusLab/GraphData",		
			//$.getJSON("exemplo.json",		
				{p: period}, 
				function(graphData) {
			
			tab +=('<table style="border: 0; margin:0; font-family: arial; font-size:10px; spawn:0px" cellspacing=2px>');

			var ntotal1 = graphData[0].total;
			var ntotal2 = graphData[1].total;
			var ntotal3 = graphData[2].total;
			var ntotal4 = graphData[3].total;
			var ntotal5 = graphData[4].total;
			var ntotal6 = graphData[5].total;

			var totalo = parseInt(ntotal1) + parseInt(ntotal2) + parseInt(ntotal3) + parseInt(ntotal4) + parseInt(ntotal5) + parseInt(ntotal6);
			var totalof = parseFloat( totalo );		

			var porcent = ( totalo / 100 );
	

			// Linha 1
					tab +=('<tr>');
			tab +=('<td style="color:#FFF;">');
			tab +=('<table width=220 style="border: 0; margin:0; font-family: arial; font-size:10px; spawn:0px; color: white" cellspacing=0px>');
			tab +=('<tr>');  
                        tab +=('<td style="background: #014260; padding: 08px; color:#FFF;">1. <b><i>'+graphData[0].alias+'</i></b></td>' );
                        tab +=('<td align=right style="background: #014260; color:#FFF; padding: 08px">'+(ntotal1 / porcent).toFixed(2)+"%"+'</td>' );
                        tab +=('</tr>');
			tab +=('</table>');				
			tab +=('</td>');


                        tab +=('<td style="color:#FFF;">');
                        tab +=('<table width=220 style="border: 0; margin:0; font-family: arial; font-size:10px; spawn:0px; "color:#FFF;" cellspacing=0px>');
                        tab +=('<tr>');
                        tab +=('<td style="background: #2F6883; color:#FFF; padding: 08px">4. <b><i>'+graphData[3].alias+'</i></b></td>' );
                        tab +=('<td align=right style="background: #2F6883; color:#FFF;" padding: 08px">'+(ntotal4 / porcent).toFixed(2)+"%"+'</td>' );
                        tab +=('</tr>');
                        tab +=('</table>');
                        tab +=('</td>');
			tab +=('</tr>');
   
                       // Linha 2
                        tab +=('<tr >');
                        tab +=('<td style="color:#FFF;">');
                        tab +=('<table width=220 style="border: 0; margin:0; font-family: arial; font-size:10px; spawn:0px; color:#FFF;" cellspacing=0px>');
                        tab +=('<tr>');   
                        tab +=('<td style="background: #0E5979; color:#FFF; padding: 08px">2. <b><i>'+graphData[1].alias+'</i></b></td>' );
                        tab +=('<td align=right style="background: #0E5979; color:#FFF; padding: 08px">'+(ntotal2 / porcent).toFixed(2)+"%"+'</td>' );
                        tab +=('</tr>');
                        tab +=('</table>');
                        tab +=('</td>');


                        tab +=('<td color:#FFF;>');
                        tab +=('<table width=220 style="border: 0; margin:0; font-family: arial; font-size:10px; spawn:0px; color:#FFF;" cellspacing=0px>');
                        tab +=('<tr>');
                        tab +=('<td style="background: #3C80A1; color:#FFF; padding: 08px">5. <b><i>'+graphData[4].alias+'</i></b></td>' );
                        tab +=('<td align=right style="background: #3C80A1; padding: 08px; color:#FFF;">'+(ntotal5 / porcent).toFixed(2)+"%"+'</td>' );
                        tab +=('</tr>');
                        tab +=('</table>');
                        tab +=('</td>');
                        tab +=('</tr>');


                       // Linha 3
                        tab +=('<tr>');
                        tab +=('<td style="color:#FFF;">');
                        tab +=('<table width=220 style="border: 0; margin:0; font-family: arial; font-size:10px; spawn:0px; color:#FFF;" cellspacing=0px>');
                        tab +=('<tr>');
                        tab +=('<td style="background: #246C99; padding: 08px; color:#FFF;">3. <b><i>'+graphData[2].alias+'</i></b></td>' );
                        tab +=('<td align=right style="background: #246C99; padding: 08px; color:#FFF;">'+(ntotal3 / porcent).toFixed(2)+"%"+'</td>' );
                        tab +=('</tr>');
                        tab +=('</table>');
                        tab +=('</td>');


                        tab +=('<td style="color:#FFF;">');
                        tab +=('<table width=220 style="border: 0; margin:0; font-family: arial; font-size:10px; spawn:0px; color:#FFF;" cellspacing=0px>');
                        tab +=('<tr>');
                        tab +=('<td style="background: #70ABC8; padding: 08px; color:#FFF;">6. <b><i>'+graphData[5].alias+'</i></b></td>' );
                        tab +=('<td align=right style="background: #70ABC8; padding: 08px; color:#FFF;">'+(ntotal6 / porcent).toFixed(2)+"%"+'</td>' );
                        tab +=('</tr>');
                        tab +=('</table>');
                        tab +=('</td>');
                        tab +=('</tr>');


			tab +=('</table>');

			doc.innerHTML = tab;


				 }
			);



		}
		else alert("Nao foi possível encontrar o elemento de ID " + doc);

		doc.innerHTML = tab;


	}


