$(document).ready(function() {
	$(".stars li").hover(
		function() {
			if ($(this).hasClass("star1")) {
				$(this).parents("ul").css("background-position", "-84px 0");
			} else if ($(this).hasClass("star2")) {
				$(this).parents("ul").css("background-position", "-63px 0");
			} else if ($(this).hasClass("star3")) {
				$(this).parents("ul").css("background-position", "-42px 0");
			} else if ($(this).hasClass("star4")) {
				$(this).parents("ul").css("background-position", "-21px 0");
			} else if ($(this).hasClass("star5")) {
				$(this).parents("ul").css("background-position", "0 0");
			}
		},
		function() {
			$(this).parents("ul").css("background-position", "");
		}
	);

	$(".stars li a").click(function(e) {
		e.preventDefault();
		
		var grade = 0;
		
		if ($(this).parent().hasClass("star1"))
			grade = 1;
		else if ($(this).parent().hasClass("star2"))
			grade = 2;
		else if ($(this).parent().hasClass("star3"))
			grade = 3;
		else if ($(this).parent().hasClass("star4"))
			grade = 4;
		else if ($(this).parent().hasClass("star5")) 
			grade = 5;
		
		rate( this, server, grade, artist);
	});
	
	var rate = function( elm, server, grade, artist) {

		$("#avgratecontainer").hide();
		$("#loading").show();
		
		FB.Connect.requireSession(function(){
			$.ajax({
				  type: 'POST',
				  url: 'http://'+server+'/api/rate',
				  data: { a: artist, g: grade },
				  success: function(){
					  	$("#loading").hide();
						$("#avgratecontainer").show();
						var starClass = $(elm).parents("li").attr("class");
						var startWrapper = $(".stars:eq(0)");
						$(startWrapper).removeClass();
						$(startWrapper).addClass("stars");
						$(startWrapper).addClass(starClass);
						$("#avgrate").load('http://'+server+'/api/getrate?a='+artist);
				  },
				  dataType: "json"
				});
		} );
		
	
  }
	
	
});