function star(container, raters, sum, photoid) {

	//alert("star:"+container+" raters:"+raters+" sum:"+sum+" photoid:"+photoid);

	var stars = new Array(5);
	var size = 5;
	var sum = ( sum >= 1 ) ? sum : 0;
	var raters = ( raters >= 1 ) ? raters : 0;
	var def = ( raters ) ? sum/raters : 0;
	var photoid = photoid;

	function set( rate ){
		var i;
		for( i=0; i<size; i++ ){
			stars[i].innerHTML = ( stars[i].index <= rate ) ? '★' : '☆';
		}
	}
	function onmouseover(){
		set( this.index );
	}
	function onmouseout(){
		set( def );
	}
	function onclick(){
		sum += this.index;
		raters++;
		var pars = "ratesum="+sum+"&raters="+raters+"&id="+photoid+"&ret="+container;
		showLoad();
		$(container).innerHTML = "processing...";
		var ajaxR = new Ajax.Request( RATER_PATH, {method: 'get', parameters: pars, onComplete: showRaterResponse} );
	}

	for(var i = 0 ; i < size ; i++){
		stars[i] = $(container).appendChild(document.createElement('span'))
		stars[i].index = i+1;
		stars[i].onmouseover = onmouseover;
		stars[i].onmouseout = onmouseout;
		stars[i].onclick = onclick;
	}
	str = $(container).appendChild(document.createElement('span'));
	str.innerHTML = "&nbsp;&nbsp;"+raters+" rated";
	set( def );
}

function showRaterResponse(originalRequest){
	hideLoad();

	var newData = originalRequest.responseText;

	var selected = eval( '(' + originalRequest.responseText + ')' );
	$(selected.ret).innerHTML = "thanks!";
}