jQuery().ready(function(){
	jQuery("#col1 a:first, .aboutContent:first").addClass("active");

	jQuery("#col1 > a").click(function () {
		jQuery("#col1 a").removeClass("active");
		jQuery(".aboutContent").removeClass("active");
		jQuery(this).addClass("active");
	});  
 
	jQuery("#col1 > a:eq(0)").click(function () {
		jQuery("#circle").animate({top: "24px"}, 1000);
		jQuery(".aboutContent:eq(0)").addClass("active");
	}); 
	jQuery("#col1 > a:eq(1)").click(function () {
		jQuery("#circle").animate({top: "70px"}, 1000);
		jQuery(".aboutContent:eq(1)").addClass("active");
	}); 
	jQuery("#col1 > a:eq(2)").click(function () {
		jQuery("#circle").animate({top: "116px"}, 1000);
		jQuery(".aboutContent:eq(2)").addClass("active");
	}); 
	jQuery("#col1 > a:eq(3)").click(function () {
		jQuery("#circle").animate({top: "165px"}, 1000);
		jQuery(".aboutContent:eq(3)").addClass("active");
	}); 
	jQuery("#col1 > a:eq(4)").click(function () {
		jQuery("#circle").animate({top: "216px"}, 1000);
		jQuery(".aboutContent:eq(4)").addClass("active");
	}); 
	jQuery("#col1 > a:eq(5)").click(function () {
		jQuery("#circle").animate({top: "265px"}, 1000);
		jQuery(".aboutContent:eq(5)").addClass("active");
	}); 
		jQuery("#col1 > a:eq(6)").click(function () {
		jQuery("#circle").animate({top: "316px"}, 1000);
		jQuery(".aboutContent:eq(6)").addClass("active");
	}); 
		jQuery("#col1 > a:eq(7)").click(function () {
		jQuery("#circle").animate({top: "365px"}, 1000);
		jQuery(".aboutContent:eq(7)").addClass("active");
	}); 
		jQuery("#col1 > a:eq(8)").click(function () {
		jQuery("#circle").animate({top: "416px"}, 1000);
		jQuery(".aboutContent:eq(8)").addClass("active");
	}); 
});