Surfnet.Frontend.Mediafragment =
{
  ratingStars : new Array(),

  initPage : function()
  {
    var rating = document.getElementById("rating");

    if(!rating) return;

    var ratingDivs = rating.getElementsByTagName("div");
    var len = ratingDivs.length;

    for(var i=0; i<len; i++)
    {
      if(ratingDivs[i].className.indexOf("smRating smRating") > -1)
      {
        Event.observe(ratingDivs[i],"mouseover",this.starOver.bind(this));
        Event.observe(ratingDivs[i],"mouseout",this.starOut.bind(this));
        this.ratingStars.push(ratingDivs[i]);
      }
    }
  },

  starOver : function(event)
  {
    if(event.target)          var srcElement = event.target;
    else if(event.srcElement) var srcElement = event.srcElement;
    else return;

    var len = Surfnet.Frontend.Mediafragment.ratingStars.length;

    for( var i=0; i<len; i++ )
    {
      this.ratingStars[i].style.background = "transparent url('/images/global/rating-star-yellow.gif') no-repeat 0 0";
      if (this.ratingStars[i]===srcElement) break;
    }
  },

  starOut : function()
  {
    var len = this.ratingStars.length;

    for( var i=0; i<len; i++ )
    {
      this.ratingStars[i].style.background = "transparent url('/images/global/rating-star-white.gif') no-repeat 0 0";
    }
  }
};

document.observe("dom:loaded", function() {
  Surfnet.Frontend.Mediafragment.initPage();
});