/* Event:Selector */

var Rules = {
   'p.star a:click': function(element) {
     star = $$("p.star a");
     for(i=0;i < star.length;i++){
       if(i < parseInt(element.innerHTML)){
         star[i].className = 'star-on';}
       else{
         star[i].className = 'star-off';
       }
     }
     document.getElementById('rating_rate').value = parseInt(element.innerHTML);
   },
   
   'p.star a:mouseover': function(element) {
     star = $$("p.star a");
     for(i=0;i < star.length;i++){
       if(i < parseInt(element.innerHTML)){
         star[i].className = 'star-on';}
       else{
         star[i].className = 'star-off';
       }
     }
   },
   
   'p.star a:mouseout': function(element) {
     star = $$("p.star a");
     for(i=0;i < star.length;i++){
       if(i < parseInt(document.getElementById('rating_rate').value)){
         star[i].className = 'star-on';
         }
       else{
         star[i].className = 'star-off';
       }
     }
   }
}

Event.observe(window, 'load', function(event){ EventSelectors.start(Rules); });