// http://www9.plala.or.jp/oyoyon/html/script/graph.html
var max, count = 0;
var widthList = new Array();
function getGraph() {
	if (!document.getElementById) return;

	var tmp = new Array();
	for (var i = 0; i < 29; i++) {		// id の個数を指定
		var ele = document.getElementById("g" + i);
		tmp[i] = widthList[i] = ele.style.width.replace("%", "");
	}
	max = tmp.sort(function(a, b) { return(b - a); })[0];

	(widthList) && graph();
}
function graph() {
	for (var i = 0; i < widthList.length; i++) {
		var ele = document.getElementById("g" + i);
		ele.style.width = count + "%"; 

		if (count >= widthList[i]) {
			if (widthList[i].indexOf(".") == -1 && widthList[i] != 0) {
				widthList[i] += ".0";
			}
//   	ele.innerHTML = ele.style.width = widthList[i] + "%";
		ele.style.width = widthList[i] + "%";
		}
	}

	if (count < max) setTimeout("graph();", 50);	// グラフを表示する速さ
	count += 2;					// グラフの増加量 (%)
}