// JavaScript Document

var fileImgON = "/img/common/star_yellorw.jpg";
var fileImgOFF = "/img/common/star_white.jpg";

var markEva = 0;	//	採点値
var markMax = 5;	//	最高点

//	マウスアウトの時
function markerMsOut(obj){
			for(i = 1; i <= markEva; i++){
				d = document.getElementById('mark_' + i);
				if(d){
					d.src = fileImgON;
				}
			}
			if(markEva < markMax){
				for(i = markEva + 1; i <= markMax; i++){
					d = document.getElementById('mark_' + i);
					if(d){
						d.src = fileImgOFF;
					}
				}
			}
}

//	マウスオーバーの時
function markMsOver(obj){
		vArrID = (obj.id).split('_');
		if(!isNaN(vArrID[1])){
			vCnt = eval(vArrID[1]);
			for(i = 1; i <= vCnt; i++){
				d = document.getElementById('mark_' + i);
				if(d){
					d.src = fileImgON;
				}
			}
			if(vCnt < markMax){
				for(i = vCnt + 1; i <= markMax; i++){
					d = document.getElementById('mark_' + i);
					if(d){
						d.src = fileImgOFF;
					}
				}
			}
		}
}

//	マウスクリックの時
function markMsClick(obj){
		vArrID = (obj.id).split('_');
		if(!isNaN(vArrID[1])){
			markEva = eval(vArrID[1]);
			document.getElementById('star_rating').value = vArrID[1];
			for(i = markMax; i > vArrID[1]; i--){
				d = document.getElementById('mark_' + i);
				if(d){
					d.src = fileImgOFF;
				}
			}
		}
}

//	読込み時
function initMarkingScript(){
	for(i = 1; i <= 5; i++){
		obj = document.getElementById('mark_' + i);
		if(obj){
			//	イベントの追加
			if(obj.addEventListener){
				//	Firefox safari 関係の場合
				obj.addEventListener("mouseover", function(){markMsOver(this)}, false);
				obj.addEventListener("click", function(){markMsClick(this)}, false);	
			} else if(obj.attachEvent && document.getElementById){
				//	IE Opera 関係の場合
				eval("obj.attachEvent('onmouseover', function(){markMsOver(document.getElementById('" + obj.id + "'));});");
				eval("obj.attachEvent('onclick', function(){markMsClick(document.getElementById('" + obj.id + "'));});");
			}
		}
	}
	obj = document.getElementById('markers');
	if(obj){
		//	イベントの追加
		if(obj.addEventListener){
			//	Firefox safari 関係の場合
			obj.addEventListener("mouseout", function(){markerMsOut(this)}, false);	
		} else if(obj.attachEvent && document.getElementById){
			//	IE Opera 関係の場合
			eval("obj.attachEvent('onmouseout', function(){markerMsOut(document.getElementById('" + obj.id + "'));});");
		}
	}
}

//	イベントの追加
if(window.addEventListener){
	//	Firefox safari 関係の場合
	window.addEventListener("load", initMarkingScript, false);
} else if(window.attachEvent && document.getElementById){
	//	IE Opera 関係の場合
	window.attachEvent("onload", initMarkingScript);
}