function load_star_rating(selectbox_id,rate_id,on_img,off_img,mid_img) {
	//現在の星番号の取得
	var rate = document.getElementById(selectbox_id).value;
	var html = '';
	var span = '';
 	//スターの挿入
	for (i = 1; i <= 5; i++){

		html = html + '<span onmouseover="mouse_over_star(\''+i+'\',\''+selectbox_id+'\',\''+rate_id+'\',false);" onclick="rate_star(\''+i+'\',\''+selectbox_id+'\',\''+rate_id+'\');" onmouseout="return_rate(\''+selectbox_id+'\',\''+rate_id+'\');">';
		html = html + '<img src="'+on_img+'" id="on_'+rate_id+i+'"/>';
		html = html + '<img src="'+off_img+'" id="off_'+rate_id+i+'" />';
		html = html + '<img src="'+mid_img+'" id="mid_'+rate_id+i+'" /></span>';
	}
	//リセットボタン
	html = html + ' <a href="javascript:reset(\''+selectbox_id+'\',\''+rate_id+'\');" style="font-size:10px;text-decoration: none;">[reset]</a>';
 	document.getElementById(rate_id).innerHTML = html;

	//表示の切り替え
	change_star_visible(rate,rate_id,true);

 	//selectボックスを隠す
 	document.getElementById(selectbox_id).style.display = 'none';

}

function mouse_over_star(rate,selectbox_id,rate_id){
	var selected_rate = document.getElementById(selectbox_id).value;

	if (selected_rate != rate){
		change_star_visible(rate,rate_id,false);
	}
}

function rate_star(rate,selectbox_id,rate_id){

	//クリックしたらセレクトボックスのvalueも変更
  	document.getElementById(selectbox_id).value = rate;

  		//星の表示を変更
	change_star_visible(rate,rate_id,true);

}

function return_rate(selectbox_id,rate_id){
	var rate = document.getElementById(selectbox_id).value;

	change_star_visible(rate,rate_id,true);
}

function change_star_visible(rate,rate_id,on){

	var on_display;
	var mid_display;

	if (on == true){
		on_display = '';
		mid_display = 'none';
	}else{
		on_display = 'none';
		mid_display = '';
	}


	for (i=1; i<=rate; i++){
  		document.getElementById('on_'+rate_id+i).style.display = on_display;
  		document.getElementById('mid_'+rate_id+i).style.display = mid_display;
  		document.getElementById('off_'+rate_id+i).style.display = 'none';
  	}
  	for (; i<=5; i++){
  		document.getElementById('on_'+rate_id+i).style.display = 'none';
  		document.getElementById('mid_'+rate_id+i).style.display = 'none';
  		document.getElementById('off_'+rate_id+i).style.display = '';
	}
}

//評価リセットメソッド
function reset(selectbox_id,rate_id){
	change_star_visible(0,rate_id,true);
	document.getElementById(selectbox_id).value = 0;
}