//charset UTF-8

// 通常グラフ
function normal_graph(canvas_id,bar_id,items,x,color,title,jikan_value,start_value,end_value,sum_jikan) {

	document.frm.explanation_type.value = '07';
	
	//init_graph();
	
	var g = new html5jp.graph.myvbar(canvas_id);
	if( ! g ) { return; }
	var params = {
		x: x,
		y: ["時間"],
		z: ["時刻"],
		c: color,
		gTitle: title,
		target_jikan_title: "目標睡眠時間",
		target_gotobed_title: "目標就寝時間",
		target_getup_title: "目標起床時間",
		target_jikan_value: jikan_value,
		target_gotobed_value: start_value,
		target_getup_value: end_value,
		sum_jikan: sum_jikan,
		barShape: "flat",
		xCaptionFontSize: "10px",
		yCaptionFontSize: "10px"
	};
	g.draw(items, params);
	
	document.getElementById(bar_id).src="/imgs_c/graph_img/bar_yallow01.jpg";
};

// 横グラフ
function yoko_graph(canvas_id,bar_id,items,x,color,title,jikan_value,start_value,end_value,sum_jikan) {
	document.frm.explanation_type.value = '08';
	//init_graph();
	var g = new html5jp.graph.yxbar(canvas_id);
	if( ! g ) { return; }
	var params = {
		x: x,
		y: ["時間"],
		z: ["時刻"],
		c: color,
		gTitle: title,
		target_jikan_title: "目標睡眠時間",
		target_gotobed_title: "目標就寝時間",
		target_getup_title: "目標起床時間",
		target_jikan_value: jikan_value,
		target_gotobed_value: start_value,
		target_getup_value: end_value,
		sum_jikan: sum_jikan,
		barShape: "flat",
		xCaptionFontSize: "10px",
		yCaptionFontSize: "10px"
	};
	g.draw(items, params);
	
	document.getElementById(bar_id).src="/imgs_c/graph_img/bar_yallow02.jpg";
};

// 期間グラフ
function span_graph(canvas_id,bar_id,disp_type,items,x,color,title,jikan_value,start_value,end_value,sum_jikan) {

	//init_graph();

	var g = new html5jp.graph.spbar(canvas_id);
	if( ! g ) { return; }
	var params = {
		x: x,
		y: ["時間"],
		z: ["時刻"],
		c: color,
		gTitle: title,
		target_jikan_title: "目標睡眠時間",
		target_gotobed_title: "目標就寝時間",
		target_getup_title: "目標起床時間",
		target_jikan_value: jikan_value,
		target_gotobed_value: start_value,
		target_getup_value: end_value,
		zTitle: "合計",
		sum_jikan: sum_jikan,
		barShape: disp_type,
		xCaptionFontSize: "10px",
		yCaptionFontSize: "10px"
	};
	g.draw(items, params);

	switch(disp_type){
		case "flat":
			document.getElementById(bar_id).src="/imgs_c/graph_img/bar_yallow03.jpg";
			document.frm.explanation_type.value = '09';
		break;

		case "dots":
			document.getElementById(bar_id).src="/imgs_c/graph_img/bar_orange03.jpg";
			document.frm.explanation_type.value = '03';
		break;

		case "dote":
			document.getElementById(bar_id).src="/imgs_c/graph_img/bar_orange04.jpg";
			document.frm.explanation_type.value = '04';
		break;

		case "dotse":
			document.getElementById(bar_id).src="/imgs_c/graph_img/bar_orange05.jpg";
			document.frm.explanation_type.value = '05';
		break;
	}
};

// 折れ線グラフ
function line_graph(canvas_id,bar_id,disp_type,items_all,items_gotobed,items_getup,x,color,title,jikan_value,start_value,end_value,sum_jikan) {
	document.frm.explanation_type.value = 2;
	//init_graph();
	var g = new html5jp.graph.line(canvas_id);
	if( ! g ) { return; }
	var params = {
		x: x,
		y: ["時間"],
		z: ["時刻"],
		c: color,
		target_jikan_title: "目標睡眠時間",
		target_gotobed_title: "目標就寝時間",
		target_getup_title: "目標起床時間",
		target_jikan_value: jikan_value,
		target_gotobed_value: start_value,
		target_getup_value: end_value,
		display_type: disp_type,
		sum_jikan: sum_jikan,
		gTitle: title,
		xCaptionFontSize: "10px",
		yCaptionFontSize: "10px"
	};
	if (disp_type=='gotobed') {
		g.draw(items_gotobed, params);
	} else if (disp_type=='getup') {
		g.draw(items_getup, params);
	} else { // all
		g.draw(items_all, params);
	}

	switch(disp_type){
	case "gotobed":
		document.getElementById(bar_id).src="/imgs_c/graph_img/bar_orange06.jpg";
		document.frm.explanation_type.value = '06';
		break;
		
	case "getup":
		document.getElementById(bar_id).src="/imgs_c/graph_img/bar_orange01.jpg";
		document.frm.explanation_type.value = '01';
		break;
		
	case "all":
		document.getElementById(bar_id).src="/imgs_c/graph_img/bar_orange02.jpg";
		document.frm.explanation_type.value = '02';
		break;
		
	}
};

function chloc() {
	yyyy = "" + document.frm.i_yyyy.value;
	mm = "" + document.frm.i_mm.value;
	s_url = "index.php?action_mypage_index=true&year="+yyyy+"&month="+mm+"&day=01";
	location.href = s_url;
}

function explanation(){
	var type = document.getElementsByName("explanation_type")[0].value;
	w = window.open('/explanation/exp' + type + '.php', 'exp','scrollbars=no, height=500, width=570');
}