window.addEvent('domready', function(){

var myStyles = ['nostar', 'onestar', 'twostar', 'threestar', 'fourstar', 'fivestar', 'sixstar', 'sevenstar', 'eightstar', 'ninestar', 'tenstar'];

$$('ul.rating').each(function(item, i){
//	alert(item.get('title'));
	var el = item.get('title');
	
	if($(el))	item.addClass(myStyles[$(el).value]);	
});

$$('.rate').each(function(element,i){

        element.addEvent('click', function(e){
		var e = new Event(e);
		myStyles = ['nostar', 'onestar', 'twostar', 'threestar', 'fourstar', 'fivestar', 'sixstar', 'sevenstar', 'eightstar', 'ninestar', 'tenstar'];
                myStyles.each(function(myStyle){
                        if(element.getParent().hasClass(myStyle)){
                                element.getParent().removeClass(myStyle)
                        }
                });            
                myStyles.each(function(myStyle, index){
                        if(index == element.id){
                                element.getParent().toggleClass(myStyle);
                               
                                var fieldName = element.parentNode.get('title');
				$(fieldName).value = element.id;
                                return;
                        }
                });            
		
		e.stop();
               
        });
});

});