(function($) {
	$(function() {
		Cufon.replace('h3 a', {
			'hover': true
		});
		Cufon.replace('h3');
		Cufon.now();

		$('.paginacion').wrap('<div id="paginacion" />');

		$('.puntuacion').each(function() {
			var div = $(this);
			var valor = Math.round(parseFloat(div.html()));

			var estrellas = $('<div class="estrellas"></div>');
			div.after(estrellas).hide();
			for (var i = 0; i < 5; i++) {
				var estrella = $('<a class="estrella" href="javascript:void(0)"></a>')
					.hover(entrarEnEstrella, salirDeEstrella)
					.click(clickEnEstrella)
					.focus(entrarEnEstrella)
					.blur(salirDeEstrella);

				if (valor > i) {
					estrella.addClass(' activa');
				}
				estrellas.append(estrella);
			}
		});
	});

	function entrarEnEstrella() {
		$(this).nextAll().addClass('quitar');
		$(this).prevAll().andSelf().addClass('poner');
	}

	function salirDeEstrella() {
		$(this).nextAll().removeClass('quitar');
		$(this).prevAll().andSelf().removeClass('poner');
	}

	function clickEnEstrella() {
		var id = $(this).closest('*[data-id]').attr('data-id');
		var puntuacion = $(this).index() + 1;
		var div = $(this).closest('div');
		div.fadeOut(function() {
			$.get('http://gestor.gomaespuma.com/votar.asp?id=' + id + '&puntuacion=' + puntuacion, function() {
				div.html('Voto registrado').fadeIn();
			});
		});
	}
})(jQuery);