var id="forks";
var maxValue=5;
var imageOff="images/fork_off.gif";
var imageHover="images/fork_hover.gif";
var lock=false;

function create_rater()
{
	document.write("<div id=\"" + id + "\">");
	document.write("<ul>");
	
	for(i=0; i<maxValue; i++)
	{
		document.write("<li>");
		document.write("<img id=\"" + i + "\" src=\"" + imageOff + "\" onMouseOver=\"hover('" + (i + 1) + "')\" onMouseOut=\"hover_off('" + (i + 1) + "')\"\ onClick=\"select_rating('" + (i + 1) + "')\">");
		document.write("<span class=\"invis\">fork" + (i + 1) + "</span>");
		document.write("</li>");
	}
	
	document.write("</ul>");
	document.write("</div>");
}

function hover( fork_num)
{
 	if( !lock)
 	{
		paint_rater( fork_num);
	}
}

function hover_off( fork_num)
{
	if( !lock)
 	{
		for(i=0; i<fork_num; i++)
	 	{
			document.getElementById(i).src = imageOff;	
		}	
	}
}

function select_rating( fork_num)
{
	if( lock)
	{
		clear_rater();
		paint_rater( fork_num);
	}
	lock=true;
	document.getElementById('rating').value = fork_num;
}

function clear_rater()
{
	for(i=0; i<maxValue; i++)
	{
		document.getElementById(i).src = imageOff;
	}	
}

function paint_rater( fork_num)
{
	for(i=0; i<fork_num; i++)
	{
		document.getElementById(i).src = imageHover;	
	}
}