(function($){
	 $.fn.webuiChart = function(params,successCallback,failCallback){
		 if(!params) params = {};
		 var divId = $(this).attr("id");
		 if(!params.server){
			 var source = $(this).attr("source");
			 if(source){
				if(typeof(source) == "string")
					source = eval("("+source+")");
				params._action = source.server;
				
			 }
			 
		 }else{
			 params._action = params.server;
		 }
		
		//	 var p = {};
			 Newtouch.Ajax.sendParams(params, params._action, function(data){
				 addDatas(divId,data,params);
					if(successCallback){
						if(typeof(successCallback)=="function"){
							successCallback(data);
						}
						if(typeof(successCallback)=="string"){
							eval(successCallback);
						}
					}					
				}, function(error){
					if(failCallback){
						if(typeof(failCallback)=="function"){
							failCallback(error);
						}
						if(typeof(failCallback)=="string"){
							eval(failCallback);	
						}
					}	
				},true);
		// return p;
		 
		 
	 };
	 $.fn.chartFrame = function(){
		$(this).parent().css('display','block'); 
	 };

})(jQuery);
$(function(){
	
	$(".web-chart").each(function(index,dom){
		$(dom).webuiChart();
	});
});

var addDatas = function(divId,data,params){
	if(params.data && params.data == "list"){
		for(var i = 0;i < data.length;i++){
			$("#"+divId).append("<div id='"+divId+"_"+i+"'></div>");
			addChartData(divId+"_"+i,data[i],params);
		}
	}else{
		addChartData(divId,data,params);
	}
	
}
var addChartData = function(divId,data,params){
	var width = 500;
	var height = 400;
	if(params.width) width = params.width;
	if(params.height) height = params.height;
	
	$("#"+divId).addClass("eg-w");
	$("#"+divId).css("width",width+50);
	$("#"+divId).css("height",height+20);
	var p = {};
	var type = "bar";
	if(params.type) type = params.type;
	
	if(type == "pie"){
		var all = eval("("+data.values+")")[0];
		var items = new Array();
		for(var i=0;i<data.elements.length;i++){
			var obj = {};
			var values = eval("("+data.elements[i].values+")")[0];
			var pre = ((values/all) * 100).toPrecision(4).toString()+"%";
			obj["value"] = pre;
			obj["text"] = data.elements[i].text;
			var color = data.elements[i].color;
			if(color) obj["color"] = color;
			
			items.push(obj);
		}
		p["item"] = items;
		p["legend"] = true;
		p["backgroundStop"] = '#000000';
		p["tip"] = "mousemove";
		p["focusEvent"] = "mousemove";
		
		if(params.width) p["width"] = params.width;
		if(params.height) p["height"] = params.height;
		p["title"] = data.title;
		webChartPie(divId,p);
		return;
	}
	if(type == "meter"){
		var all = eval("("+data.values+")")[0];
		var value = eval("("+data.elements[0].values+")")[0];
		p["valueMax"] = all;
		p["valueMin"] = 0;
		p["valueUnit"] = parseInt(all/18);
		p["valueHalf"] = true;
		p["tip"] = "mousemove";
		p["showValue"] = true;
		p["item"] = value;
		var pre = parseInt(all/3);
		var area = new Array();
		area.push({"value":pre,"color":'#31CD31'});//绿色区域
		area.push({"value":(pre*2),"color":'#F6D34B'});    //黄色区域 
		area.push({"value":(pre*3),"color":'#A10000'});    //红色区域
		area.push({"value":all,"color":'#0099CC'});    //红色区域
		p["area"] = area;
		if(params.width) p["width"] = params.width;
		if(params.height) p["height"] = params.height;
		p["title"] = data.title;
		webChartMeter(divId,p);
		return;
	}
	var items = new Array();
	var param = new Array();
	for(var i=0;i<data.elements.length;i++){
		var obj = {};
		
		obj.text = data.elements[i].text;
		var values = eval("("+data.elements[i].values+")");
		obj.value = values;
		var color = data.elements[i].color;
		if(color) obj.color = color;
		
		items.push(obj);
		var para = data.elements[i].params;
		param.push(""+para);
	}
	p["item"] = items;
	
	
	p["params"] = param;
	
//	p["showValue"] = true;
	p["title"] = data.title;
	if(params.click) p["click"] = params.click;
	var ca = data.values;
	if(ca.indexOf("[") != -1){
		ca = ca.substring(ca.indexOf("[")+1);
	}
	if(ca.indexOf("]") != -1){
		ca = ca.substring(0,ca.indexOf("]"));
	}
	p["categories"] = ca.split(",");
	
	if(params.width) p["width"] = params.width;
	if(params.height) p["height"] = params.height;
	if(params.minY) p["valueMin"] = params.minY;
	if(params.maxY) p["valueMax"] = params.maxY;
	p["valueUnit"] = 10;
	p["categoryRotation"] = -30;
	if(type == "line"){
		p["focusEvent"] = "mousedown";
	//	p["zoom"] = "follow";
	//	p["valueHalf"] = true;
		p["linePoint"] = true;
		p["grid"] = true;
	//	p["tip"] = "mousedown";
		p["pointTip"] = true;
		webChartLine(divId,p);
	}
	else if(type == "bar-x"){
		p["showValue"] = true;
		p["zoom"] = "select";
		webChartBar(divId,p);
	}else if(type == "bar-y"){
		p["showValue"] = true;
		p["grid"] = true
		p["valueAxis"] = "x";
		
		webChartBar(divId,p);
	}
};
var webChartBar = function(id,params){
	new Chart.Bar(params).render(id);
};
var webChartLine = function(id,params){
	new Chart.Line(params).render(id);
};
var webChartPie = function(id,params){
	new Chart.Pie(params).render(id);
};
var webChartMeter = function(id,params){
	new Chart.Meter(params).render(id);
};