function drawChart(){
	$(".sparkline").each(function(){
		txt = $(this).text();
		arr = txt.split(",");
		drawVisualization($(this).attr("id"), arr);
	});	
}

function drawVisualization(div_id, arr) {
    var data = new google.visualization.DataTable();

    data.addColumn('string', 'Day');
    data.addColumn('number', 'Score');
    
    data.addRows(22);
    
 /*   
    data.setValue(0, 0, '1');
    data.setValue(0, 1, 50);

         data.setValue(1, 0, 'Day');
    data.setValue(1, 1, 70);

         data.setValue(2, 0, '3');
    data.setValue(2, 1, 80);

         data.setValue(3, 0, '4');
    data.setValue(3, 1, 30);
/*
    data.setValue(4, 0, 70);
    data.setValue(5, 0, 75);
    data.setValue(6, 0, 25);
    data.setValue(7, 0, 90);
    data.setValue(8, 0, 30);
/*
    data.setValue(9, 0, 10);
    data.setValue(10, 0, 80);
    data.setValue(11, 0, 95);
    data.setValue(12, 0, 85);
    data.setValue(13, 0, 65);
    data.setValue(14, 0, 35);
    data.setValue(15, 0, 70);
    data.setValue(16, 0, 90);
    data.setValue(17, 0, 30);
    data.setValue(18, 0, 0);
    data.setValue(19, 0, 50);
    data.setValue(20, 0, 70);
    
*/
    
   for(i=0; i < arr.length; i++){
	   if(arr[i] == 'N/A'){
		   return false;
	   }else if(arr[i] == '' || (arr[i]) == null){
		   break;
	   }
	   data.setValue(i, 0, i.toString());
	   data.setValue(i, 1, parseInt(arr[i]));
	   
   } 
   

 

   $("#" + div_id).text("");
   $("#" + div_id).removeClass("hidden");
   $("#" + div_id).css('border', '1px solid #ccc');
   $("#" + div_id).css('background-color', '#fff');
   $("#" + div_id).css('text-align', 'center');
   var chart = new google.visualization.ColumnChart(document.getElementById(div_id));
   chart.draw(data, {legend: 'none', max: 100, min: 0, width: 340, height: 100, tooltipFontSize: 20, is3D: false, backgroundColor: '#fff', borderColor: '#ccc'});
 /*  
   google.visualization.events.addListener(chart, 'onmouseover', myClickHandler);

   function myClickHandler(){
	  
	   var selection = chart.getSelection();

	   alert("value: " + data.getValue(selection[0].row, selection[0].column));
	   for (var i = 0; i < selection.length; i++) {
	     var item = selection[i];
	     if (item.row != null && item.column != null) {
	       message += '{row:' + item.row + ',column:' + item.column + '}';
	     } else if (item.row != null) {
	       message += '{row:' + item.row + '}';
	     } else if (item.column != null) {
	       message += '{column:' + item.column + '}';
	     }
	   }
	   if (message == '') {
	     message = 'nothing';
	   }
	   alert('You selected ' + message);
	 }
	*/ 
}

function get_sparkline(){
	$('div.sparkline').each(function(){
		var chartSrc 	= "http://chart.apis.google.com/chart?cht=lc&";							 
		var chd 		= "chd=t:";
		var chs 		=  "&chs=150x70";
		var thisText 	= $(this).text();
		var arr			= thisText.split(", ");
		var first 		= true;
		for(i = 0; i <= 21; i++){
			if(first){
				chd += arr[i];
				first = false;
				continue;
			}
			if(arr[i] != ""){
				chd += "," + arr[i];
			}
		}
		chartSrc = chartSrc + chd + chs;
		var img = $('<img style="margin:0" src = "' + chartSrc + '" alt="sparkline" />');
		$(this).html(img);
	});
}



function display_email_modal(creditid, e){
	
	$("#frm_creditid").val(creditid);
	
	training_info = get_training_info(creditid);
	$("#frm_emaibody").text(training_info);
	$("#frm_subject").val("");
	
	$("#modalBox").showModalBox();
	
	$("#frm_cancel").click(function(){
		$("#modalBox").removeModalBox();
	});
	
	
	
	$("#frm_send").click(function(){
		if( $('#frm_subject').val().length > 0 && $('#frm_emaibody').val().length > 0 ){
			var text = $("#frm_email").serializeArray();
			$("#modalBox input[type='button']").attr("disabled", "true");
			$.ajax({type	: "POST",
				url 	: "./supervisor_grid.php",
				data	: text,
				dataType: 'json',
				timeout : 59000,
				success	: callback_email,
				error	: err_email
			   });
		}else{
			var msg = "Please provide all the information";
			alert(msg);
		}
	
	});
	
	
	
	
	
	function callback_email(data, status){
		//alert(data);
		
		if(data['errorcode'] == "success"){
			// alert("saved");
			$("#modalBox input[type='button']").removeAttr("disabled");
			$("#modalBox").removeModalBox();
		}else{
			var msg = "Sorry there was a problem. Please try again \nPossible Error:\n" + data['errormsg'];
			alert(msg);
			$("#modalBox input[type='button']").removeAttr("disabled");
		}
	}
	
	function err_email(xhr, reason, ex){
		alert(reason);
		$("#modalBox input[type='button']").removeAttr("disabled");
	}
	
	
	
	e.preventDefault();
	return false;
	
	
	
	
	function get_training_info(credit_id){
		var txt = "";
		email = $('tr:has(a[class="creditid_'+ credit_id +'"]) td span[class]').each(function(){
			var class_name = $(this).attr("class");
			var value = $(this).text();
			txt += "\n";
			switch(class_name){
				case 'name':
					txt += "Name : " + value;
					break;
				case 'email':
					txt += "Email Address: " + value;
					break;
				case 'completed':
					txt += "% Completed: " + value;
					break;
				case 'timespent':
					txt += "Timespent: " + value;
					break;
				case 'current_day':
					txt += "Current 21 Day: " + value;
					break;
				case 'days_passed':
					txt += "Total Days: " + value;
					break;
				case 'last_activity':
					txt += "Last Activity: " + value;
					break;
				default:
					break;
			}
		});
		txt = "\n\n\n\n\n--------------------------------------" + txt;
		return txt;
	}
}