var page_url = window.location.pathname;
var on_blog_display_page = page_url.match('/profiles/blogs/'); 
if(on_blog_display_page != null) {
  //Looks up the slug for the blog post on this page so we can figure out its score and let ppl vote on it
  var blog_slug = page_url.replace("/profiles/blogs/","");

  //Insert voting interface at the bottom of a Blog post
  var voting_html = "<span id='rating_score'></span><span id='rating_prompt'>Rate:</span><ul id='feature_rating'><li><a href='#' title='1 star out of 5' class='stars1'>1</a></li><li><a href='#' title='2 star out of 5' class='stars2'>2</a></li><li><a href='#' title='3 star out of 5' class='stars3'>3</a></li><li><a href='#' title='4 star out of 5' class='stars4'>4</a></li><li><a href='#' title='5 star out of 5' class='stars5'>5</a></li></ul>";
  x$(".xg_module_body p.share-links").after(voting_html);

  //Fucntion to make request to blog_rater.php to see what score this blog post has
  function get_score() {
  x$.getJSON('/blog_rater/blog_rater.php?id='+blog_slug+'&action=get', function(data) {
    //Based on the (vote_value) for the current blog post use CSS to make the voting interface display the correct value
    //First turn off all the stars
    x$("#feature_rating .stars1_on").attr("class", "stars1");
    x$("#feature_rating .stars2_on").attr("class", "stars2"); 
    x$("#feature_rating .stars3_on").attr("class", "stars3"); 
    x$("#feature_rating .stars4_on").attr("class", "stars4"); 
    x$("#feature_rating .stars5_on").attr("class", "stars5"); 
    x$("#feature_rating .stars1_hover").attr("class", "stars1");
    x$("#feature_rating .stars2_hover").attr("class", "stars2"); 
    x$("#feature_rating .stars3_hover").attr("class", "stars3"); 
    x$("#feature_rating .stars4_hover").attr("class", "stars4"); 
    x$("#feature_rating .stars5_hover").attr("class", "stars5");

    //Second figure out how many stars need to be turned on
    if(Math.round(data.score*10)/10 >= 1) { x$("#feature_rating .stars1").attr("class", "stars1_on"); }
    if(Math.round(data.score*10)/10 >= 1.5) { x$("#feature_rating .stars2").attr("class", "stars2_on"); }
    if(Math.round(data.score*10)/10 >= 2.5) { x$("#feature_rating .stars3").attr("class", "stars3_on"); }
    if(Math.round(data.score*10)/10 >= 3.5) { x$("#feature_rating .stars4").attr("class", "stars4_on"); }
    if(Math.round(data.score*10)/10 >= 4.5) { x$("#feature_rating .stars5").attr("class", "stars5_on"); }

    //Show the voting stats for this blog post
    var stats_html = data.count+" votes / "+Math.round(data.score*10)/10+" stars";
    x$("#rating_score").html(stats_html);
  });
  }

  //Call get_score() when page first loads
  get_score();

  //JS Events
  //Check to see if a member has clicked on the voting UI to vote on the current blog post
  x$("#feature_rating li a").click(function(){
    var value = x$(this).html();
    x$.post("/blog_rater/blog_rater.php?id="+blog_slug+"&score="+value+"&action=set");
    var test = get_score();
    //alert("Thanks for voting!");
    return false;
  });
  //Check to see if a member is hovering over one of the stars in the voting UI
  x$("#feature_rating li a").mouseover(function(){
    var css_class = x$(this).attr("class");
    if(css_class.match('stars1')) {
      x$("#feature_rating .stars1").attr("class", "stars1_hover");
      x$("#feature_rating .stars1_on").attr("class", "stars1_hover");
    }
    if(css_class.match('stars2')) {
      x$("#feature_rating .stars1").attr("class", "stars1_hover");
      x$("#feature_rating .stars1_on").attr("class", "stars1_hover");
      x$("#feature_rating .stars2").attr("class", "stars2_hover");
      x$("#feature_rating .stars2_on").attr("class", "stars2_hover");
    }
    if(css_class.match('stars3')) {
      x$("#feature_rating .stars1").attr("class", "stars1_hover");
      x$("#feature_rating .stars1_on").attr("class", "stars1_hover");
      x$("#feature_rating .stars2").attr("class", "stars2_hover");
      x$("#feature_rating .stars2_on").attr("class", "stars2_hover");
      x$("#feature_rating .stars3").attr("class", "stars3_hover");
      x$("#feature_rating .stars3_on").attr("class", "stars3_hover");
    }
    if(css_class.match('stars4')) {
      x$("#feature_rating .stars1").attr("class", "stars1_hover");
      x$("#feature_rating .stars1_on").attr("class", "stars1_hover");
      x$("#feature_rating .stars2").attr("class", "stars2_hover");
      x$("#feature_rating .stars2_on").attr("class", "stars2_hover");
      x$("#feature_rating .stars3").attr("class", "stars3_hover");
      x$("#feature_rating .stars3_on").attr("class", "stars3_hover");
      x$("#feature_rating .stars4").attr("class", "stars4_hover");
      x$("#feature_rating .stars4_on").attr("class", "stars4_hover");
    }
    if(css_class.match('stars5')) {
      x$("#feature_rating .stars1").attr("class", "stars1_hover");
      x$("#feature_rating .stars1_on").attr("class", "stars1_hover");
      x$("#feature_rating .stars2").attr("class", "stars2_hover");
      x$("#feature_rating .stars2_on").attr("class", "stars2_hover");
      x$("#feature_rating .stars3").attr("class", "stars3_hover");
      x$("#feature_rating .stars3_on").attr("class", "stars3_hover");
      x$("#feature_rating .stars4").attr("class", "stars4_hover");
      x$("#feature_rating .stars4_on").attr("class", "stars4_hover");
      x$("#feature_rating .stars5").attr("class", "stars5_hover");
      x$("#feature_rating .stars5_on").attr("class", "stars5_hover");
    }
  });
  //Undo the hover over highlighting of stars when a user's mouse leaves the voting UI
  x$("#feature_rating").mouseout(function(){
	var t = setTimeout("get_score()",1500);
  });

}