var val;
var userVote;

$(document).ready(function(){
	activateVotes();
	
	userVote = $('img.vote').attr('vote');
});

function activateVotes(){
	$('div.votebk').mousemove(function(e){
		voteLeft = $(this).offset().left;
		mouseX = e.pageX;
		
		pos = mouseX-voteLeft;
		
		val = Math.ceil((pos) / 49);
		
		$('img.vote').css({
			clip: "rect(0px "+(val * 49)+"px 50px 0px)"
		});
	});
	
	$('div.votebk').bind("mouseleave", function(){
		$('img.vote').css({
			clip: "rect(0px "+(userVote * 49)+"px 50px 0px)"
		});
	});
	
	
	$('img.vote').click(function(){
	
		userVote = val;
		$.ajax({
			type: 'post',
			url: '/user/vote',
			data: {
				ajax: true,
				pic: $(this).attr('pic'),
				vote: val
			},
			success: updateAvg
		});
	});
};

function updateAvg(json){
	eval('result='+json);
	
	$('li#average span').html(result.avg);
};

function updatevote(json){
	
	eval ('result = '+json);
	
	$('div.voteblock').html( result.result);
	
	activateVotes();
};