Skeleton

$(document).ready(function() {

	var clickedCircle;
	var jqueryObject;

		$(".number").click(function () {

			jqueryObject = $(this).index();

			clickedCircle = $(".number").get(jqueryObject);

			$(clickedCircle).data("clickedCircle", true);

			$(".number").removeClass("highlight");
			$(".number").removeClass("selected");


			$(this).addClass("selected");
			$(this).prevAll().addClass("selected");

	});


	$(".number").hover(function() {

		$(".number").removeClass("highlight");
		$(".number").removeClass("selected");

		$(this).addClass("highlight");
		$(this).prevAll().addClass("highlight");

	});


	$(".number").mouseout(function() {

		$(".number").removeClass("highlight");

		if ($(clickedCircle).data("clickedCircle") == true) {
			$(clickedCircle).addClass("selected");
			$(clickedCircle).prevAll().addClass("selected");
		}

	});


});