var result, chartSimulate;
$(document).ready( onDocumentReady );

function onDocumentReady() {
	result={achieve:4000, growth:2000, access:1000, kpi:1500};
	bindEvent();
	initAchieve();
	initGrowth();
	initAccess();
	initKpi();
	pageInit(showSimulate);
}

function bindEvent() {
	$("#input_achieve_rate").change(onAchieveRateChange);
	$("#input_achieve_actual").change(onAchieveActualChange);
	$("#input_growth_rate").change(onGrowthRateChange);
	$("#input_growth_actual").change(onGrowthActualChange);
	$("#input_access_1").change(refreshAccess);
	$("#input_access_2").change(refreshAccess);
}

function initAchieve() {
	var w=innerWidth-60;
	var option={
		from: 50,
		to: 150,
		step: 5,
		scale: [50, 75, 100, 125, 150],
		format: '%s%',
		width: w,
		showLabels: true,
		showScale: true,
		onstatechange:refreshAchieveRate
	};
	$('#range_achieve_rate').jRange(option);
	refreshAchieveRate();
}

function initGrowth() {
	var w=innerWidth-60;
	var option={
		from: 0,
		to: 100,
		step: 5,
		scale: [0, 25, 50, 75, 100],
		format: '%s%',
		width: w,
		showLabels: true,
		showScale: true,
		onstatechange:refreshGrowthRate
	};
	$('#range_growth_rate').jRange(option);
	refreshGrowthRate();
}

function initAccess() {
	refreshAccess();
}

function initKpi() {
	var option={
		from: 1,
		to: 5,
		step: 1,
		scale: [1, 2, 3, 4, 5],
		format: '%s分',
		width: 140,
		showLabels: true,
		showScale: true,
		onstatechange:refreshKpi
	};
	$('#range_kpi_1').jRange(option);
	$('#range_kpi_2').jRange(option);
	$('#range_kpi_3').jRange(option);
	refreshKpi();
}

function refreshSimulate() {
	$("#page_simulate").show();
	$("#div_simulate_achieve").html(format(result.achieve));
	$("#div_simulate_growth").html(format(result.growth));
	$("#div_simulate_access").html(format(result.access));
	$("#div_simulate_kpi").html(format(result.kpi));
	result.total=result.achieve+result.growth+result.access+result.kpi;
	$("#div_simulate_total").html(format(result.total));

	var data=[ 
		{label:"达成奖", color:"#F7464A", highlight:"#FF5A5E"}, 
		{label:"增长奖", color:"#46BFBD", highlight:"#5AD3D1"}, 
		{label:"进院奖", color: "#FDB45C", highlight: "#FFC870"}, 
		{label:"行为奖", color: "#8291E3", highlight: "#92A1FF"}
	];

	data[0].value=Math.floor(result.achieve*100/result.total);
	data[1].value=Math.floor(result.growth*100/result.total);
	data[2].value=Math.floor(result.access*100/result.total);
	data[3].value=Math.floor(result.kpi*100/result.total);

	if (chartSimulate) {
		chartSimulate.destroy();
	}
	var ctx=$("#canvas_simulate_chart").get(0).getContext("2d");
	var option={percentageInnerCutout:40, tooltipTemplate:"<%=label%>: <%= value %>%",};
	chartSimulate=new Chart(ctx).Doughnut(data, option);
}

function showSimulate() {
	menuSwitch("simulate");
	refreshSimulate();
}


/************ ACHIEVE **************/


function showAchieve() {
	pageGo("achieve");
}

function refreshAchieveRate() {
	var rate=$("#range_achieve_rate").val();
	$("#input_achieve_rate").val(rate);
	onAchieveRateChange();
}

function onAchieveRateChange() {
	var target=parseInt($("#input_achieve_target").val());
	var rate=parseInt($("#input_achieve_rate").val());
	var base=parseInt($("#input_achieve_base").val());
	var actual=Math.floor(target*rate/100);
	result.achieve=Math.floor(base*rate/100);
	$("#input_achieve_actual").val(actual);
	$("#div_achieve_result").html(format(result.achieve));
}

function onAchieveActualChange() {
	var target=parseInt($("#input_achieve_target").val());
	var actual=parseInt($("#input_achieve_actual").val());
	var base=parseInt($("#input_achieve_base").val());
	var rate=Math.floor(actual*100/target);
	result.achieve=Math.floor(base*rate/100);
	$("#div_achieve_result").html(format(result.achieve));
	$("#input_achieve_rate").val(rate);
	$("#range_achieve_rate").val(rate);
}

/************ GROWTH **************/

function showGrowth() {
	pageGo("growth");
}

function refreshGrowthRate() {
	var rate=$("#range_growth_rate").val();
	$("#input_growth_rate").val(rate);
	onGrowthRateChange();
}

function onGrowthRateChange() {
	var base=parseInt($("#input_growth_base").val());
	var rate=parseInt($("#input_growth_rate").val());
	var ratio=parseInt($("#input_growth_ratio").val());
	var actual=Math.floor(base*(100+rate)/100);
	result.growth=Math.max(Math.floor(rate*ratio),0);
	$("#input_growth_actual").val(actual);
	$("#div_growth_result").html(format(result.growth));
}

function onGrowthActualChange() {
	var base=parseInt($("#input_growth_base").val());
	var actual=parseInt($("#input_growth_actual").val());
	var ratio=parseInt($("#input_growth_ratio").val());
	var rate=Math.floor(actual*100/base-100);
	result.growth=Math.max(Math.floor(rate*ratio),0);
	$("#div_growth_result").html(format(result.growth));
	$("#input_growth_rate").val(rate);
	$("#range_growth_rate").val(rate);
}

/************ ACCESS **************/

function showAccess() {
	pageGo("access");
}

function refreshAccess() {
	var access1=parseInt($("#input_access_1").val());
	var access2=parseInt($("#input_access_2").val());
	result.access=access1*200+access2*100;
	$("#div_access_result").html(format(result.access));
}


/************ KPI **************/

function showKpi() {
	pageGo("kpi");
}

function refreshKpi() {
	var kpi1=parseInt($("#range_kpi_1").val());
	var kpi2=parseInt($("#range_kpi_2").val());
	var kpi3=parseInt($("#range_kpi_3").val());
	result.kpi=(kpi1+kpi2+kpi3)*100;
	$("#div_kpi_result").html(format(result.kpi));
}

/************* Enquiry ************/
function showEnquiry() {
	menuSwitch("enquiry");
	var title=["季度", "奖项", "目标", "实际"];
	var width=["20%", "30%", "25%", "25%"];
	$("#div_enquiry_field").html(field(title, width));
	
	var html="";
	for (var q=1; q<=4; q++) {
		html+=div("div_row", cell("","20%")+cell("达成奖","30%")+cell("4,000","25%","right")+cell("4,800","25%","right","#0090FF") );
		html+=div("div_row", cell("","20%")+cell("增长奖","30%")+cell("2,000","25%","right")+cell("2,400","25%","right","#0090FF") );
		html+=div("div_row", cell("","20%")+cell("进院奖","30%")+cell("1,000","25%","right")+cell("1,000","25%","right","#0090FF") );
		html+=div("div_row", cell("","20%")+cell("行为奖","30%")+cell("1,500","25%","right")+cell("1,500","25%","right","#0090FF") );
		html+=div("div_row_blue",
			cell(q+"季度","20%")+cell("季度合计","30%")+cell("8,500","25%","right")+cell("9,700","25%","right","#0090FF") );
	}
	$("#div_enquiry_sheet").html(html);
}

function showAppeals() {
	menuSwitch("appeals");
}

function setQuarter(i) {
	toggleSwitch("quarter", i);
}

function setComponent(i) {
	toggleSwitch("component", i);
}