

jQuery.fn.rating = function(options, onChange) {
	
	var settings = {
	fixed : false,
    increment : 1, // value to increment by
    maxvalue  : 5,   // max number of stars
    curvalue  : 0    // number of selected stars
  };
	
	jQuery.extend(settings, {cancel: (settings.maxvalue > 1) ? true : false});
	
  if(options) {
    jQuery.extend(settings, options);
  };
  
   
   
  var container = jQuery(this);
	
	jQuery.extend(container, {
    averageRating: settings.curvalue,
    url: settings.url
  });
  settings.increment = (settings.increment < .75) ? .5 : 1;
  var s = 0;
	for(var i= 0; i <= settings.maxvalue ; i++){
    if (i != 0) {
      var $div = $('<div class="star"></div>')
        .append('<span title="'+i+'/'+settings.maxvalue+'">'+i+'</span>')
        .appendTo(container);
	if(!settings.fixed) $div.css('cursor', 'pointer');
      if (settings.increment == .5) {
        if (s%2) {
          $div.addClass('star-left');
        } else {
          $div.addClass('star-right');
        }
      }
    }
    i=i-1+settings.increment;
    s++;
  }
	
	var stars = jQuery(container).children('.star');
  var cancel = jQuery(container).children('.cancel');

	if(!settings.fixed) 
	{
	  stars
		.mouseover(function(){
		  event.drain();
		  event.fill(this);
		})
		.mouseout(function(){
		  event.drain();
		  event.reset();
		})
		.focus(function(){
		  event.drain();
		  event.fill(this);
		})
		.blur(function(){
		  event.drain();
		  event.reset();
		});
	}

  stars.click(function(){

	settings.curvalue = (stars.index(this) * settings.increment) + settings.increment;
	
	// call the onChange callback with the current value
	if(onChange)
	{
		onChange(settings.curvalue);
	}
	
	return false;
			
  });

        
	var event = {
		fill: function(el){ // fill to the current mouse position.
			var index = stars.index(el) + 1;
			stars
				.children('a').css('width', '100%').end()
				.slice(0,index).addClass('hover').end();
		},
		drain: function() { // drain all the stars.
			stars
				.filter('.on').removeClass('on').end()
				.filter('.hover').removeClass('hover').end();
		},
		reset: function(){ // Reset the stars to the default index.
			stars.slice(0,settings.curvalue / settings.increment).addClass('on').end();
		}
	};    
	event.reset();
	
	return(this);	

};