var storyLoops = new Array();
var storyTimeOuts = new Array();
var storyDefaults = new Array();

var animationsLoaded = new Array();

var animationAllowed = false;



$(document).ready(initAnimations);
function initAnimations(){

	var imgDirectory = $("body").attr('id').replace('_res', '');
	storyDefaults[0] = new Array();
	storyLoops[0] =  new Array();
	storyTimeOuts[0] = new Array();
	storyDefaults[1] = new Array();
	storyLoops[1] =  new Array();
	storyTimeOuts[1] = new Array();
	storyDefaults[2] = new Array();
	storyLoops[2] =  new Array();
	storyTimeOuts[2] = new Array();
	storyDefaults[3] = new Array();
	storyLoops[3] =  new Array();
	storyTimeOuts[3] = new Array();
	storyDefaults[4] = new Array();
	storyLoops[4] =  new Array();
	storyTimeOuts[4] = new Array();
	
	/*	begin story 0 animations */
	var handDefault0; var handRight0; var thumbDefault0; var thumbHidden0;
	var headDefault0; var headTilt0; var headUp0; var headLeft0; var headDownLeft0;
	var headDown0; var headDownRight0;
	if($('body').attr('id') == 'veryhigh_res'){
		handDefault0 = 0;
		handRight0 = -152;
		thumbDefault0 = 0; 
		thumbHidden0 = -22;
		headDefault0 = 0;
		headTilt0 = -648;
		headUp0 = -1296;
		headLeft0 = -1944;
		headDownLeft0 = -2592;
		headDown0 = -3240;
		headDownRight0 = -3888;
	}
	else if($('body').attr('id') == 'high_res'){
		handDefault0 = 0;
		handRight0 = -96;
		thumbDefault0 = 0; 
		thumbHidden0 = -14;
		headDefault0 = 0;
		headTilt0 = -408;
		headUp0 = -816;
		headLeft0 = -1224;
		headDownLeft0 = -1632;
		headDown0 = -2040;
		headDownRight0 = -2448;
	}
	else if($('body').attr('id') == 'med_res'){
		handDefault0 = 0;
		handRight0 = -75;
		thumbDefault0 = 0; 
		thumbHidden0 = -11;
		headDefault0 = 0;
		headTilt0 = -319;
		headUp0 = -638;
		headLeft0 = -957;
		headDownLeft0 = -1276;
		headDown0 = -1595;
		headDownRight0 = -1914;
	}
	else if($('body').attr('id') == 'low_res'){
		handDefault0 = 0;
		handRight0 = -59;
		thumbDefault0 = 0; 
		thumbHidden0 = -9;
		headDefault0 = 0;
		headTilt0 = -255;
		headUp0 = -510;
		headLeft0 = -765;
		headDownLeft0 = -1020;
		headDown0 = -1275;
		headDownRight0 = -1530;
	}
	
	var storyZeroHeadLoop = new Array();
	storyZeroHeadLoop.push({left: headDownLeft0, delay: 1200, target: "#story0_animation"});
	storyZeroHeadLoop.push({left: headDownRight0, delay: 3600, target: "#story0_animation"});
//	storyZeroHeadLoop.push({left: headDefault0, delay: 600, target: "#story0_animation"});
	storyZeroHeadLoop.push({left: headTilt0, delay: 4800, target: "#story0_animation"});
	storyZeroHeadLoop.push({left: headUp0, delay: 5400, target: "#story0_animation"});
	storyZeroHeadLoop.push({left: headLeft0, delay: 5400, target: "#story0_animation"});
	storyZeroHeadLoop.push({left: headDown0, delay: 2400, target: "#story0_animation"});

	//add to animation list
	storyLoops[0].push(storyZeroHeadLoop);

	//store defaults
	storyDefaults[0].push({left: headDefault0, target: "#story0_animation"});
	storyTimeOuts[0].push(-1);
	
	//add image
	$("#story0_animation").children('img').attr('src', "res/images/" + imgDirectory +"/story0_animation_sprite.png");
	$("#story0_animation").children('img').load(function(){makeReady('#story0_animation');});
	var storyZeroFingerLoop = new Array();
	storyZeroFingerLoop.push({left: thumbHidden0, delay: 175, target: "#story0_anim_thumb"});
	storyZeroFingerLoop.push({left: handRight0, delay: 274, target: "#story0_anim_hand"});
	storyZeroFingerLoop.push({left: thumbDefault0, delay: 375, target: "#story0_anim_thumb"});
	storyZeroFingerLoop.push({left: thumbHidden0, delay: 7000, target: "#story0_anim_thumb"});
	storyZeroFingerLoop.push({left: handDefault0, delay: 200, target: "#story0_anim_hand"});
	storyZeroFingerLoop.push({left: handRight0, delay: 200, target: "#story0_anim_hand"});
	storyZeroFingerLoop.push({left: thumbDefault0, delay: 200, target: "#story0_anim_thumb"});
//	storyZeroFingerLoop.push({left: handDefault0, delay: 10000, target: "#story0_anim_hand"});
	storyLoops[0].push(storyZeroFingerLoop);

	//add to animation list

	//store defaults
	storyDefaults[0].push({left: thumbDefault0, target: "#story0_anim_thumb"});
	storyDefaults[0].push({left: headDefault0, target: "#story0_anim_hand"});
	storyTimeOuts[0].push(-1);
	
	//set images
	$("#story0_anim_thumb").children('img').attr('src', "res/images/" + imgDirectory +"/story0_animation_thumb.png");
	$("#story0_anim_thumb").children('img').load(function(){makeReady('#story0_anim_thumb');});
	$("#story0_anim_hand").children('img').attr('src', "res/images/" + imgDirectory +"/story0_animation_hand.png");
	$("#story0_anim_hand").children('img').load(function(){makeReady('#story0_anim_hand');});
	/*	end story 0 animations */



	/*	begin story 1 animations */
	var headDefault1; var headLeft1; var headDownLeft1; var headDown1; var headDownRight1; 
	var headStraight1; var headMidSmile1; var headBigSmile1;
	var leftHandDefault1; var leftHandDown1; var leftHandIn1;
	var rightHandDefault1; var rightHandHidden1; var righHandDown1;
	if($('body').attr('id') == 'veryhigh_res'){
		headDefault1 = 0; 
		headLeft1 = -814; 
		headDownLeft1 = -1628; 
		headDown1 = -2442;
		headDownRight1 = -3256; 
		headStraight1 = -4070;
		headMidSmile1 = -4884;
		headBigSmile1 = -5698;
		leftHandDefault1 = 0; 
		leftHandDown1 = -142;
		leftHandIn1 = -284;
		rightHandDefault1 = 0;
		rightHandHidden1 = -186;
		righHandDown1 = -372;
	}
	else if($('body').attr('id') == 'high_res'){
		headDefault1 = 0; 
		headLeft1 = -513; 
		headDownLeft1 = -1026; 
		headDown1 = -1539;
		headDownRight1 = -2052; 
		headStraight1 = -2565;
		headMidSmile1 = -3078;
		headBigSmile1 = -3591;
		leftHandDefault1 = 0; 
		leftHandDown1 = -90;
		leftHandIn1 = -180;
		rightHandDefault1 = 0;
		rightHandHidden1 = -117;
		righHandDown1 = -234;
	}
	else if($('body').attr('id') == 'med_res'){
		headDefault1 = 0; 
		headLeft1 = -401; 
		headDownLeft1 = -802; 
		headDown1 = -1203;
		headDownRight1 = -1604; 
		headStraight1 = -2005;
		headMidSmile1 = -2406;
		headBigSmile1 = -2807;
		leftHandDefault1 = 0; 
		leftHandDown1 = -70;
		leftHandIn1 = -140;
		rightHandDefault1 = 0;
		rightHandHidden1 = -92;
		righHandDown1 = -184;
	}
	else if($('body').attr('id') == 'low_res'){
		headDefault1 = 0; 
		headLeft1 = -320; 
		headDownLeft1 = -640; 
		headDown1 = -960;
		headDownRight1 = -1280; 
		headStraight1 = -1600;
		headMidSmile1 = -1920;
		headBigSmile1 = -2240;
		leftHandDefault1 = 0; 
		leftHandDown1 = -56;
		leftHandIn1 = -112;
		rightHandDefault1 = 0;
		rightHandHidden1 = -73;
		righHandDown1 = -146;
	}
	
	var storyAnimationLoop = new Array();
	storyAnimationLoop.push({left: headStraight1, delay: 1800, target: "#story1_animation_head"});
	storyAnimationLoop.push({left: headMidSmile1, delay: 200, target: "#story1_animation_head"});
	storyAnimationLoop.push({left: headBigSmile1, delay: 600, target: "#story1_animation_head"});
	
	storyAnimationLoop.push({left: leftHandIn1, delay: 400, target: "#story1_animation_hand_left"});
	storyAnimationLoop.push({left: leftHandDown1, delay: 1800, target: "#story1_animation_hand_left"});
	
	storyAnimationLoop.push({left: headLeft1, delay: 600, target: "#story1_animation_head"});

	storyAnimationLoop.push({left: righHandDown1, delay: 600, target: "#story1_animation_hand_right"});
	storyAnimationLoop.push({left: rightHandHidden1, delay: 600, target: "#story1_animation_hand_right"});
	storyAnimationLoop.push({left: leftHandDefault1, delay: 1800, target: "#story1_animation_hand_left"});

	storyAnimationLoop.push({left: headDownLeft1, delay: 1200, target: "#story1_animation_head"});
	storyAnimationLoop.push({left: headDown1, delay: 1200, target: "#story1_animation_head"});
	storyAnimationLoop.push({left: headDownRight1, delay: 600, target: "#story1_animation_head"});

	storyAnimationLoop.push({left: rightHandDefault1, delay: 1800, target: "#story1_animation_hand_right"});

	storyAnimationLoop.push({left: headDefault1, delay: 600, target: "#story1_animation_head"});
	
	//add to animation list
	storyLoops[1].push(storyAnimationLoop);

	//store defaults
	storyDefaults[1].push({left: headDefault0, target: "#story1_animation_head"});
	storyDefaults[1].push({left: headDefault0, target: "#story1_animation_hand_left"});
	storyDefaults[1].push({left: headDefault0, target: "#story1_animation_hand_right"});
	storyTimeOuts[1].push(-1);
	
	//add image
	$("#story1_animation_head").children('img').attr('src', "res/images/" + imgDirectory +"/story1_animation_head.png");
	$("#story1_animation_head").children('img').load(function(){makeReady('#story1_animation_head');});
	$("#story1_animation_hand_left").children('img').attr('src', "res/images/" + imgDirectory +"/story1_animation_hand_left.png");
	$("#story1_animation_hand_left").children('img').load(function(){makeReady('#story1_animation_hand_left');});
	$("#story1_animation_hand_right").children('img').attr('src', "res/images/" + imgDirectory +"/story1_animation_hand_right.png");
	$("#story1_animation_hand_right").children('img').load(function(){makeReady('#story1_animation_hand_right');});
	/*	end story 0 animations */






	/*	begin story 2 animations */
	var rightDefaultPosition; var rightFingerUp; var leftDefaultPosition; var leftFingerUp;
	var defaultHeadPosition; var downRight; var smileDown;
	if($('body').attr('id') == 'veryhigh_res'){
		rightDefaultPosition = 0; 
		rightFingerUp = -64; 
		leftDefaultPosition = 0; 
		leftFingerUp = -206;
		defaultHeadPosition = 0;
		downRight = -420;
		smileDown = -840;
	}
	else if($('body').attr('id') == 'high_res'){
		rightDefaultPosition = 0; 
		rightFingerUp = -40; 
		leftDefaultPosition = 0; 
		leftFingerUp = -130;
		defaultHeadPosition = -1;
		downRight = -266;
		smileDown = -531;
	}
	else if($('body').attr('id') == 'med_res'){
		rightDefaultPosition = 0; 
		rightFingerUp = -31; 
		leftDefaultPosition = 0; 
		leftFingerUp = -102;
		defaultHeadPosition = -1;
		downRight = -207;
		smileDown = -414;
	}
	else if($('body').attr('id') == 'low_res'){
		rightDefaultPosition = 0; 
		rightFingerUp = -27; 
		leftDefaultPosition = 0; 
		leftFingerUp = -87;
		defaultHeadPosition = -1;
		downRight = -178;
		smileDown = -355;
	}
	
	var storyOneHeadLoop = new Array();
	storyOneHeadLoop.push({left: defaultHeadPosition, delay: 1200, target: "#story2_animation"});
	storyOneHeadLoop.push({left: downRight, delay: 2405, target: "#story2_animation"});
	storyOneHeadLoop.push({left: defaultHeadPosition, delay: 3000, target: "#story2_animation"});
	storyOneHeadLoop.push({left: downRight, delay: 2475, target: "#story2_animation"});
	storyOneHeadLoop.push({left: smileDown, delay: 2475, target: "#story2_animation"});
	storyOneHeadLoop.push({left: defaultHeadPosition, delay: 3000, target: "#story2_animation"});
	storyOneHeadLoop.push({left: downRight, delay: 2275, target: "#story2_animation"});

	//add to animation list
	storyLoops[2].push(storyOneHeadLoop);

	//store defaults
	storyDefaults[2].push({left: defaultHeadPosition, target: "#story2_animation"});
	storyTimeOuts[2].push(-1);
	
	//add image
	$("#story2_animation").children('img').attr('src', "res/images/" + imgDirectory +"/story2_animation_sprite.png");
	$("#story2_animation").children('img').load(function(){makeReady('#story2_animation');});
	
	var storyOneFingerLoop = new Array();
	storyOneFingerLoop.push({left: leftFingerUp, delay: 175, target: "#story2_2_animation"});
	storyOneFingerLoop.push({left: leftDefaultPosition, delay: 274, target: "#story2_2_animation"});
	storyOneFingerLoop.push({left: rightFingerUp, delay: 375, target: "#story2_1_animation"});
	storyOneFingerLoop.push({left: rightDefaultPosition, delay: 5000, target: "#story2_1_animation"});
	storyOneFingerLoop.push({left: rightFingerUp, delay: 200, target: "#story2_1_animation"});
	storyOneFingerLoop.push({left: rightDefaultPosition, delay: 200, target: "#story2_1_animation"});
	storyOneFingerLoop.push({left: rightFingerUp, delay: 200, target: "#story2_1_animation"});
	storyOneFingerLoop.push({left: rightDefaultPosition, delay: 5000, target: "#story2_1_animation"});
	storyLoops[2].push(storyOneFingerLoop);

	//add to animation list

	//store defaults
	storyDefaults[2].push({left: leftDefaultPosition, target: "#story2_2_animation"});
	storyDefaults[2].push({left: rightDefaultPosition, target: "#story2_1_animation"});
	storyTimeOuts[2].push(-1);
	
	//set images
	$("#story2_1_animation").children('img').attr('src', "res/images/" + imgDirectory +"/story2_animation_rtThumb_sprite.png");
	$("#story2_1_animation").children('img').load(function(){makeReady('#story2_1_animation');});
	$("#story2_2_animation").children('img').attr('src', "res/images/" + imgDirectory +"/story2_animation_lftThumb_sprite.png");
	$("#story2_2_animation").children('img').load(function(){makeReady('#story2_2_animation');});

	/*	end story 2 animations */

	/*	begin story 3 animations */
	var headDefault3; var headUpRight3; var headDownLeft3; var headDownRight3; var headRight3;
	var leftHandDefault3; var leftHandUp3;
	var rightHandDefault3; var rightHandUp3;
	if($('body').attr('id') == 'veryhigh_res'){
		headDefault3 = 0;
		headUpRight3 = -482;
		headDownLeft3 = -964;
		headDownRight3 = -1446;
		headRight3 = -1928;
		leftHandDefault3 = 0;
		leftHandUp3 = -152;
		rightHandDefault3 = 0;
		rightHandUp3 = -140;
	}
	else if($('body').attr('id') == 'high_res'){
		headDefault3 = 0;
		headUpRight3 = -304;
		headDownLeft3 = -608;
		headDownRight3 = -912;
		headRight3 = -1216;
		leftHandDefault3 = 0;
		leftHandUp3 = -96;
		rightHandDefault3 = 0;
		rightHandUp3 = -88;
	}
	else if($('body').attr('id') == 'med_res'){
		headDefault3 = 0;
		headUpRight3 = -238;
		headDownLeft3 = -476;
		headDownRight3 = -714;
		headRight3 = -952;
		leftHandDefault3 = 0;
		leftHandUp3 = -75;
		rightHandDefault3 = 0;
		rightHandUp3 = -69;
	}
	else if($('body').attr('id') == 'low_res'){
		headDefault3 = 0;
		headUpRight3 = -189;
		headDownLeft3 = -378;
		headDownRight3 = -567;
		headRight3 = -756;
		leftHandDefault3 = 0;
		leftHandUp3 = -59;
		rightHandDefault3 = 0;
		rightHandUp3 = -55;
	}
	
	var storyThreeHeadLoop = new Array();
//	storyThreeHeadLoop.push({left: headUpRight3, delay: 2800, target: "#story3_animation_head"});
//	storyThreeHeadLoop.push({left: headDefault3, delay: 2400, target: "#story3_animation_head"});
	storyThreeHeadLoop.push({left: rightHandUp3, delay: 200, target: "#story3_animation_right"});
	storyThreeHeadLoop.push({left: headDownLeft3, delay: 5400, target: "#story3_animation_head"});
	storyThreeHeadLoop.push({left: leftHandUp3, delay: 2000, target: "#story3_animation_left"});
	storyThreeHeadLoop.push({left: headRight3, delay: 400, target: "#story3_animation_head"});
	storyThreeHeadLoop.push({left: headUpRight3, delay: 4800, target: "#story3_animation_head"});
	storyThreeHeadLoop.push({left: leftHandDefault3, delay: 1200, target: "#story3_animation_left"});
	storyThreeHeadLoop.push({left: rightHandDefault3, delay: 400, target: "#story3_animation_right"});
	storyThreeHeadLoop.push({left: leftHandUp3, delay: 6000, target: "#story3_animation_left"});
	storyThreeHeadLoop.push({left: headDefault3, delay: 2400, target: "#story3_animation_head"});
	storyLoops[3].push(storyThreeHeadLoop);

	//add to animation list

	//store defaults
	storyDefaults[3].push({left: headDefault3, target: "#story3_animation_head"});
	storyTimeOuts[3].push(-1);
	
	//set images
	$("#story3_animation_head").children('img').attr('src', "res/images/" + imgDirectory +"/story3_animation_head.png");
	$("#story3_animation_head").children('img').load(function(){makeReady('#story3_animation_head');});
	
//	var storyThreeHandsLoop = new Array();
//	storyThreeHandsLoop.push({left: rightHandDefault3, delay: 3000, target: "#story3_animation_right"});
//	storyThreeHandsLoop.push({left: rightHandUp3, delay: 5875, target: "#story3_animation_right"});

	//add to animation list
//	storyLoops[3].push(storyThreeHandsLoop);

	//store defaults
	storyDefaults[3].push({left: leftHandDefault3, target: "#story3_animation_left"});
	storyDefaults[3].push({left: rightHandDefault3, target: "#story3_animation_right"});
	storyTimeOuts[3].push(-1);
	
	//add image
	$("#story3_animation_right").children('img').attr('src', "res/images/" + imgDirectory +"/story3_animation_right.png");
	$("#story3_animation_right").children('img').load(function(){makeReady('#story3_animation_right');});
	$("#story3_animation_left").children('img').attr('src', "res/images/" + imgDirectory +"/story3_animation_left.png");
	$("#story3_animation_left").children('img').load(function(){makeReady('#story3_animation_left');});
	/*	end story 3 animations */

	/*	begin story 4 animations */
	var storyLeftHeadDefault4; var storyLeftHeadMid4; var storyLeftHeadUp4; var storyLeftHeadRight4; var storyLeftHeadStraight4;
	var storyRightHeadDefault4; var storyRightHeadMid4; var storyRightHeadUp4; var storyRightHeadStraight4; var storyRightHeadLeft4;
	if($('body').attr('id') == 'veryhigh_res'){
		storyLeftHeadDefault4 = 0;
		storyLeftHeadMid4 = -552; 
		storyLeftHeadUp4 = -1104;
		storyLeftHeadRight4 = -1656;
		storyLeftHeadStraight4 = -2208;
		storyRightHeadDefault4 = 0;
		storyRightHeadMid4 = -615;
		storyRightHeadUp4 = -1230;
		storyRightHeadStraight4 = -1845;
		storyRightHeadLeft4 = -2460;
	}
	else if($('body').attr('id') == 'high_res'){
		storyLeftHeadDefault4 = 0;
		storyLeftHeadMid4 = -348; 
		storyLeftHeadUp4 = -696;
		storyLeftHeadRight4 = -1044;
		storyLeftHeadStraight4 = -1392;
		storyRightHeadDefault4 = 0;
		storyRightHeadMid4 = -388;
		storyRightHeadUp4 = -776;
		storyRightHeadStraight4 = -1164;
		storyRightHeadLeft4 = -1552;
	}
	else if($('body').attr('id') == 'med_res'){
		storyLeftHeadDefault4 = 0;
		storyLeftHeadMid4 = -272; 
		storyLeftHeadUp4 = -544;
		storyLeftHeadRight4 = -816;
		storyLeftHeadStraight4 = -1088;
		storyRightHeadDefault4 = 0;
		storyRightHeadMid4 = -303;
		storyRightHeadUp4 = -607;
		storyRightHeadStraight4 = -911;
		storyRightHeadLeft4 = -1214;
	}
	else if($('body').attr('id') == 'low_res'){
		storyLeftHeadDefault4 = 0;
		storyLeftHeadMid4 = -218; 
		storyLeftHeadUp4 = -436;
		storyLeftHeadRight4 = -653;
		storyLeftHeadStraight4 = -871;
		storyRightHeadDefault4 = 0;
		storyRightHeadMid4 = -241;
		storyRightHeadUp4 = -482;
		storyRightHeadStraight4 = -724;
		storyRightHeadLeft4 = -968;
	}
	
	var storyFourHeadsLoop = new Array();
	storyFourHeadsLoop.push({left: storyLeftHeadMid4, delay: 2400, target: "#story4_animation_left"});
	storyFourHeadsLoop.push({left: storyRightHeadLeft4, delay: 600, target: "#story4_animation_right"});
	storyFourHeadsLoop.push({left: storyLeftHeadRight4, delay: 3000, target: "#story4_animation_left"});
	storyFourHeadsLoop.push({left: storyLeftHeadUp4, delay: 600, target: "#story4_animation_left"});
	storyFourHeadsLoop.push({left: storyRightHeadMid4, delay: 1200, target: "#story4_animation_right"});
	storyFourHeadsLoop.push({left: storyLeftHeadDefault4, delay: 3275, target: "#story4_animation_left"});
	storyFourHeadsLoop.push({left: storyRightHeadUp4, delay: 5000, target: "#story4_animation_right"});
	storyFourHeadsLoop.push({left: storyRightHeadStraight4, delay: 600, target: "#story4_animation_right"});
	storyFourHeadsLoop.push({left: storyLeftHeadStraight4, delay: 2400, target: "#story4_animation_left"});
	storyFourHeadsLoop.push({left: storyRightHeadDefault4, delay: 2400, target: "#story4_animation_right"});
	storyFourHeadsLoop.push({left: storyLeftHeadDefault4, delay: 3275, target: "#story4_animation_right"});

	//add to animation list
	storyLoops[4].push(storyFourHeadsLoop);

	//store defaults
	storyDefaults[4].push({left: storyLeftHeadDefault4, target: "#story4_animation_left"});
	storyDefaults[4].push({left: storyRightHeadDefault4, target: "#story4_animation_right"});
	storyTimeOuts[4].push(-1);
	
	//add image
	$("#story4_animation_left").children('img').attr('src', "res/images/" + imgDirectory +"/story4_animation_left.png");
	$("#story4_animation_left").children('img').load(function(){makeReady('#story4_animation_left');});
	$("#story4_animation_right").children('img').attr('src', "res/images/" + imgDirectory +"/story4_animation_right.png");
	$("#story4_animation_right").children('img').load(function(){makeReady('#story4_animation_right');});
	/*	end story 3 animations */


}

function makeReady(target){
	if(!(target in animationsLoaded) || !animationsLoaded[target]){
//		console.log("firstCall: startAnimation(" + target + ") - making ready");
		animationsLoaded[target] = true;
	}
	else if($(target).hasClass('invisible')){
//		console.log("secondCall: startAnimation(" + target + ") - $(" + target + ").removeClass('invisible')");
		$(target).removeClass('invisible');
	}
		
}

var storyPauseMin = 6000;
var storyPauseMax = 15000;

function startAnimation(){
	animationAllowed = true;
	if(storyTimeOuts.length > storyIndex &&  storyTimeOuts[storyIndex].length > 0){
		$("#story" + storyIndex).children('.sub_animation').each(
			function(){
//				console.log('makeReady("#' + $(this).attr('id') + '")');
				makeReady("#" + $(this).attr('id'));
			}
		);
		storyTimeOuts[storyIndex][0] = setTimeout(
			function(){
				startLoop(0, (0));
			},
			3000
		);
	}
	else{
//		console.log("startAnimation(): " + storyTimeOuts.length + " > " + storyIndex + " && " + storyTimeOuts[storyIndex].length + " > 0");
	}
}

function startLoop(index, offset){
//	console.log('startLoop(' + index + ' , ' + offset + ')');
	if(pageState == story && animationAllowed && storyIndex < storyLoops.length){
		if(arguments.length < 2){
			offset = 0;
		}
		if(offset >= storyLoops[storyIndex][index].length){
			//loop the story again in a random amount of time
			var pauseTime = Math.floor(Math.random()*(storyPauseMax - storyPauseMin)) + storyPauseMin;
			storyTimeOuts[storyIndex][index] = setTimeout(
				function(){
					startLoop(index, 0);
				}, pauseTime
			);
			if(index + 1 < storyTimeOuts[storyIndex].length && storyTimeOuts[storyIndex][index + 1] == -1){
				startLoop(index + 1, 0);
			}
		}
		else {
			$(storyLoops[storyIndex][index][offset].target).children('img').css('left', storyLoops[storyIndex][index][offset].left + 'px');
//			console.log("$(" + storyLoops[storyIndex][index][offset].target + ").children('img').css('left', " + storyLoops[storyIndex][index][offset].left + 'px)');
			storyTimeOuts[storyIndex][index] = setTimeout(
				function(){
					startLoop(index, (offset+1));
				},
				storyLoops[storyIndex][index][offset].delay
			);
		}
	}
	else{
//		console.log(pageState + " == " + story + " && " + animationAllowed + " && " + storyIndex + " < " + storyLoops.length);
	}
}

function killAllLoops(){
	$("#story" + storyIndex).children('.sub_animation').addClass('invisible');
	animationAllowed = false;
	for(var i in storyTimeOuts[storyIndex]){
		clearTimeout(storyTimeOuts[storyIndex][i]);
		storyTimeOuts[storyIndex][i] = 0;
	}
	var offset = 0;
	for(var index in storyDefaults[storyIndex]){
		$(storyDefaults[storyIndex][index].target).children('img').css('left', storyDefaults[storyIndex][index].left + 'px');
	}
}