function pageLoad()
{
  $('#ratings .userrateclick').click(function(){
    $(this).npModal({ containerTarget: '#modalTargetR', enableDrag:true, closeClass:'.modalClose'});
  });    

  $('.rating').each(function(){
    var rating = parseInt($(this).find('.therating').val(),10);

    $(this).find('a').each(function(){
      var rateID = parseInt($(this).find('span').text(), 10);
      var parentClickable = $(this).parent('li').parents('.clickable').length;
      
      if (rateID<=rating)
      {
        if (parentClickable==1) $(this).css({ backgroundPosition:'bottom left' });
        else $(this).css({ backgroundPosition:'bottom left' }); // center from darked out.
       
      }
    });
  });
  
  $('.clickable').each(function(){
    var elements = $(this).find('a');
    
    elements.hover(function(){
      var hoverRating = parseInt($(this).find('span').text(),10);
      elements.each(function(){
        var aRating = parseInt($(this).find('span').text(),10);
                
        if (aRating<=hoverRating) $(this).css({ backgroundPosition:'bottom left' });
        else $(this).css({ backgroundPosition:'top left' });
      });
    }, function(){
      elements.each(function(){
        //$(this).css({ backgroundPosition:'top left' });
      });
    });
    
    $(this).mouseout(function(){
      var rating = parseInt($(this).parent('.rating').find('.therating').val(),10);
      
      $(this).find('a').each(function(){
        var aRating = parseInt($(this).find('span').text(),10);
        if (aRating<=rating) $(this).css({ backgroundPosition:'bottom left' });
        else $(this).css({ backgroundPosition:'top left' });
      });
    });
  
    elements.click(function(){
      var rating = $(this).find('span').text();
      var therating = $(this).parent('li').parent('ul').parent('div').find('.therating');
      therating.val(rating);
    });
  });
  
}