var array_select_size_6 = [24,25,26,27,28,29,30,31,32,33,34,35,36,37];
var array_select_size_8 = [18,19,20,21,22,23,24,25,26,27,28];

var base_select_size_6  = 29;
var base_select_size_8  = 23;
var base_line_gap_6     = 2;
var base_line_gap_8     = 2.4;

// サイズ変更時の動作（長さ選択リスト内容変更）
function stone_size_init(){

	select_box_clear('size_ch');

	stn_size_val = $('stone_cm').value;

	if(stn_size_val==6){
//		$('line_len').value  = base_select_size_6;
		$('s_img_px').value  = base_s_img_size_6;

		var array_select_size = array_select_size_6;
		now_line_gap = base_line_gap_6;
	}else{
//		$('line_len').value  = base_select_size_8;
		$('s_img_px').value  = base_s_img_size_8;

		var array_select_size = array_select_size_8;
		now_line_gap = base_line_gap_8;
	}

	stone_check_init();

	line_len_val = $('line_len').value;

	//select作成
	var selectbox = $('size_ch');
  var op = new Array();

	for(var i=0; i<array_select_size.length; i++){
		op[i] = document.createElement('option');
		op[i].value = array_select_size[i];
		var cm= array_select_size[i]*stn_size_val/10 - now_line_gap;
		op[i].text  = array_select_size[i]+"個:"+cm.toFixed(1)+"cm";
		if(array_select_size[i]==line_len_val){
			op[i].selected = true;
		}else{
			op[i].selected = false;
		}
		try{
			selectbox.add(op[i],null)
		}
		catch(ex){
			selectbox.add(op[i],-1)
		}
	}
//	f_btn('00');
	make_stone_area('');
}

// デザインエリア描画
function make_main_area(){

	$('stone_design').innerHTML = "";

	var stn_code_flag = false;

	// 石とチェックボックスの位置調整
	var s_img_oset_x = -1;
	var s_img_oset_y = -1;
	var chk_oset_x   = -10;
	var chk_oset_y   = -10;
	var chk_oset_pos = 10;
	var init_degree_img = 270;
	var init_degree_chk = 180;

	// 石の数
	line_len = $('size_ch').options[$('size_ch').selectedIndex].value;

	// 中心点
	var center_x = $('stone_design').style.width.replace('px', '') / 2;
	var center_y = $('stone_design').style.height.replace('px', '') / 2;

	// 石コード配列
	for (var i=0;i<line_len;i++) {
		if(checked_stone[i] == null){
			checked_stone[i] = {'id':'', 'name':'','price':'', 'ftn_code':''};
		}
	}
	for(var i=line_len;i<checked_stone.length;i++){
		checked_stone[i] = {'id':'', 'name':'','price':'', 'ftn_code':''};
	}

	// 石のサイズ
	var s_img_px = parseInt($('s_img_px').value);
	var s_img_radius = Math.floor(s_img_px * line_len / Math.PI / 2);

	var d_add      = 360 / line_len;
  var now_degree_img = init_degree_img;
  var now_degree_chk = init_degree_chk;

	var chk_radius = s_img_radius + s_img_px + chk_oset_pos;

	for (var i = 0; i < line_len; i++) {
		var radian_chk = now_degree_chk * (Math.PI / 180);
		var radian_img = now_degree_img * (Math.PI / 180);

		// チェックボックス
		var objChk = document.createElement('input');
		objChk.setAttribute('type', 'checkbox');
		objChk.setAttribute('name', 'chk_stn_' + i);
		objChk.setAttribute('id',   'chk_stn_' + i);

		objChk.style.position = 'absolute';
		objChk.style.top      = (center_y+Math.floor(Math.cos(radian_chk)*chk_radius)+chk_oset_y) + 'px';
		objChk.style.left     = (center_x+Math.floor(Math.sin(radian_chk)*chk_radius)+chk_oset_x) + 'px';

		$('stone_design').appendChild(objChk);

		// 石の画像
		var objSimg = document.createElement('img');
		objSimg.setAttribute('id', 'img_stn_' + i);
		if (checked_stone[i]['id'] != '') {
			objSimg.setAttribute('src', stone_img_folder+checked_stone[i]['id']+'.gif');
			stn_code_flag = true;
		} else {
			objSimg.setAttribute('src', stone_img_folder+'point.gif');
		}

		objSimg.style.position = 'absolute';
		objSimg.style.top      = (center_y+Math.floor(Math.sin(radian_img)*s_img_radius)+(s_img_px/2)*s_img_oset_y) + 'px';
		objSimg.style.left     = (center_x+Math.floor(Math.cos(radian_img)*s_img_radius)+(s_img_px/2)*s_img_oset_x) + 'px';

		var isIE = (document.documentElement.getAttribute("style") == document.documentElement.style);

		if (isIE) {
			objSimg.setAttribute('onclick', new Function('img_stn_click('+i+')'));
		}
		else {
			objSimg.setAttribute('onclick', 'img_stn_click('+i+')');
		}

		$('stone_design').appendChild(objSimg);

		now_degree_chk = now_degree_chk - d_add;
		now_degree_img = now_degree_img + d_add;
	}
}