setTimeout(LaurelnSpark, 3000); function LaurelnSpark() {$('#laurel,#spark').addClass("loaded");setTimeout(open,3000);setTimeout(laurelglimmer,7000);}; $('.inner').hover(function(){ $('.circle-text').addClass("expand"); $('#laurel,#spark').addClass("shrink"); },function(){ $('.circle-text').removeClass("expand"); $('#laurel,#spark').removeClass("shrink"); }); $('.inner').click(function() { $(this).addClass("animate"); $(".hex-body").css('background','transparent'); $('#example4,#example2').css('color','#00E0FC'); $('.circle-text').removeClass("expand").delay(2000).fadeOut(3000); $('.pie,.Counter').toggle(); setTimeout(LoadUp,3000); }); function LoadUp() { $('#left .pie,#right .pie').addClass("animate"); var num = 0; for(i=0; i<=100; i++) {setTimeout(function() {$('.Counter span').html(num+'%');num++;},i*100);}; setTimeout(SpinLoad,12000); }; function SpinLoad() {$('#example4,#example2,.Counter,.pie,#loading-circle1,#loading-circle2').fadeToggle(2000); $('#loading-circle1').addClass("shrink"); $('#loading-circle2').addClass("spin"); setTimeout(OpenUp,8000); };