/**
 * Dynamic Rating stars
 * @copyright 2006 Beau D. Scott http://beauscott.com
 * @
 */

var Stars = Class.create();
Stars.prototype = {
  /**
   * Mouse X position
   * @var {Number} options
   */
  _x: 0,
  /**
   * Mouse X position
   * @var {Number} options
   */
  _y: 0,
  /**
   * Constructor
   * @param {Object} options
   */
  initialize: function(options)
  {

    /**
     * Initialized?
     * @var (Boolean)
     */
    this._initialized = false;

    /**
     * Base option values
     * @var (Object)
     */
    this.options = {
      bindField: null,      // Form Field to bind the value to
      maxRating: 5,       // Maximum rating, determines number of stars
      container: null,      // Container of stars
      imagePath: 'images/',   // Path to star images
      callback: null,       // Callback function, fires when the stars are clicked
      actionURL: null,      // URL to call when clicked. The rating will be appended to the end of the URL (eg: /rate.php?id=5&rating=)
      value: 0,         // Initial Value
      locked: false
    };
    Object.extend(this.options, options);
    this.locked = this.options.locked ? true : false;
    /**
     * Image sources for hover and user-set state ratings
     */
    this._starSrc = {
      empty: this.options.imagePath + "star-empty.gif",
      full: this.options.imagePath + "star.gif",
      half: this.options.imagePath + "star-half.gif"
    };
    /**
     * Preload images
     */
    for(var x in this._starSrc)
    {
      var y = new Image();
      y.src = this._starSrc[x];
    }

    document.getElem

    /**
     * Images to show for pre-set values, changes when hovered, if not locked.
     */
    this._setStarSrc = {
      empty: this.options.imagePath + "star-ps-empty.gif",
      full: this.options.imagePath + "star-ps.gif",
      half: this.options.imagePath + "star-ps-half.gif"
    };

    /**
     * Preload images
     */
    for(var x in this._setStarSrc)
    {
      var y = new Image();
      y.src = this._setStarSrc[x];
    }

    this.value = -1;
    this.stars = [];
    this._clicked = false;


    if(this.options.container)
    {
      this._container = $$(this.options.container);
      this.id = this._container.id;
    }
    else
    {
      this.id = 'starsContainer.' + Math.random(0, 100000);
      document.write('<span id="' + this.id + '"></span>');
      this._container = $$(this.id);
    }
    this._display();
    this.setValue(this.options.value);
    this._initialized = true;
  },
  _display: function()
  {       
    for(var i = 0; i < this.options.maxRating; i++)
    {
      var star = new Image();
      star.src = this.locked ? this._starSrc.empty : this._setStarSrc.empty;
      star.style.cursor = this.locked ? '' : 'pointer';
    //  star.title = 'Rate as ' + (i + 1);
      !this.locked && Event.observe(star, 'mouseover', this._starHover.bind(this));
      !this.locked && Event.observe(star, 'click', this._starClick.bind(this));
      !this.locked && Event.observe(star, 'mouseout', this._starClear.bind(this));
      this.stars.push(star);
      this._container.appendChild(star);
    }
  },
  _starHover: function(e)
  {
    if(this.locked) {
      return;        
    }
    if(!e) e = window.event;
    var star = Event.element(e);

    var greater = false;
    for(var i = 0; i < this.stars.length; i++)
    {
      this.stars[i].src = greater ? this._starSrc.empty : this._starSrc.full;
      if(this.stars[i] == star) greater = true;
    }
  },
  _starClick: function(e)
  {
    if(this.locked) return;
    if(!e) e = window.event;
    var star = Event.element(e);
    this._clicked = true;
    for(var i = 0; i < this.stars.length; i++)
    {
      if(this.stars[i] == star)
      {
        this.setValue(i+1);
        break;
      }
    }
  },
  _starClear: function(e)
  {
    if(this.locked && this._initialized) return;
    var greater = false;
    for(var i = 0; i < this.stars.length; i++)
    {
      if(i > this.value) greater = true;
      if((this._initialized && this._clicked) || this.value == -1)
        this.stars[i].src = greater ? (this.value + .5 == i) ? this._starSrc.half : this._starSrc.empty : this._starSrc.full;
      else
        this.stars[i].src = greater ? (this.value + .5 == i) ? this._setStarSrc.half : this._setStarSrc.empty : this._setStarSrc.full;
    }
  },
  /**
   * Sets the value of the star object, redraws the UI
   * @param {Number} value to set
   * @param {Boolean} optional, do the callback function, default true
   */
  setValue: function(val)
  {
    var doCallBack = arguments.length > 1 ? !!arguments[1] : true;
    if(this.locked && this._initialized) return;
    this.value = val-1; //0-based
    if(this.options.bindField)
      $$(this.options.bindField).value = val;
    if(this._initialized && doCallBack)
    {
      if(this.options.actionURL)
        new Ajax.Request(this.options.actionURL + val, {onComplete: this.options['callback'], method: 'get'});
      else
        if(this.options.callback)
          this.options['callback'](val);
    }
    this._starClear();

  }
};