$(document).ready(function(){	

	var currentStep = -5;
	var pauseLength = 100;

	startAnimation();
	//START ANIMATION AFTER BG LOAD
	/*var i1 = new Image();
	i1.onload = function() {
		startAnimation();
	};
	i1.src = "http://green.michelcarroll.com/images/body_bg.gif";*/
	
	
	function startAnimation() {
		setInterval(function() {
			doStep();
			}, pauseLength);
	}
	
	function doStep() {
		switch(currentStep) {
		case 4:
			$('#first_name').animate({'font-size':'1.3em' }, 600); break;
		case 12:
			$('#first_name').animate({'font-size':'1.0em' }, 300); break;
		case 16:
			$('#last_name').animate({'font-size':'1.3em' }, 600); break;
		case 26:
			$('#last_name').animate({'font-size':'1.0em' }, 300); break;
		case 32:
			$('#my_title').css('color','#FFF');
			$('#fullscreen').addClass('screenFlash'); 
			$('#last_name').addClass('white');
			break;
		case 34:
			$('#my_title').animate({ 'color': "#EBAF0D" }, 1000);
			$('#fullscreen').animate({ 'opacity': '0' }, 500, function(){ $('#fullscreen').removeClass('screenFlash')}); break;
		case 45:
			$('#my_title').css('margin-top','4px');
			$('#my_title').css('border-top','2px solid #000');
			$('#my_title').animate({ 'border-top-color': "#FFF" }, 400);
			$('#my_title').animate({ 'border-top-color': "#EBAF0D" }, 2000);
		case 60:
			$('#about_me_paragraph strong').animate({ 'color': "#EBAF0D" }, 4000); break;
		}
			
		currentStep++;
	}
	
	/*TOOLTIPS*/
	$('#about_me_paragraph strong#tt_html').qtip(
    {      content: '<em><strong>HTML</strong> is the standard protocol used for <strong>adding semantic meaning</strong> to elements on a webpage.</em>' });
	$('#about_me_paragraph strong#tt_css').qtip(
	{      content: '<em><strong>CSS</strong> is the standard protocol used for <strong>formatting & displaying</strong> elements on a webpage.</em>' });
	$('#about_me_paragraph strong#tt_js').qtip(
	{      content: '<em><strong>Javascript</strong> is a programming language used for making web pages <strong>interactive</strong>.</em>' });
	$('#about_me_paragraph strong#tt_phpmysql').qtip(
	{      content: '<em><strong>PHP</strong> is a popular language used to make websites <strong>dynamic</strong>. <strong>MySQL</strong> is a popular <strong>database system</strong> often used in unison with PHP.</em>' });
	$('#about_me_paragraph strong#tt_ajax').qtip(
	{      content: '<em><strong>AJAX</strong> is a method of using <strong>different web technologies</strong> to make web applications <strong>interactive & dynamic</strong> without refreshing pages.</em>' });
	$('#about_me_paragraph strong#tt_wp').qtip(
	{      content: '<em><strong>Wordpress</strong> is a personal publishing platform with a focus on <strong>aesthetics</strong>, <strong>web standards</strong>, and <strong>usability</strong>.</em>' });

	
});