// Energy Variables

var numEnergyFrame = 1;
var numOrbInt = 0;
var numKillEnergy = 475;
var booOrbAbove = true;
var booEnergyAlive = false;
var R = 40;
var r = -24;
var O = 10;
var y = 0;
var energyInterval;
var energySafe = true;
var blockDown = false;
var pressOkay = true;

var url = 'wp-content/themes/FREEmium/img/';

var blockFx;





/******************************************************************************/


function gameLoop() {
	
	// ENERGY LOGIC
	animateEnergy();
	
}

/******************************************************************************/

// ENERGY FUNCTIONS

function initEnergy() {
	if (energySafe) {
		energySafe = false;
		numOrbInt = 0;
		y = 0;
		var front = document.getElementById('front');
		var newEnergy = document.createElement('div');
		newEnergy.setAttribute('id', 'energy');
		front.appendChild(newEnergy);
		var newOrb = document.createElement('img');
		newOrb.setAttribute('id', 'orb');
		front.appendChild(newOrb);
		document.getElementById('orb').style.top = '-10px'; // Start offscreen
		document.getElementById('orb').src = url+'orb.png';
		booEnergyAlive = true;
		numEnergyFrame = 1;
		document.getElementById('energy').style.left = '361px';
		document.getElementById('energy').style.top = '-50px';
		energyInterval = setInterval(gameLoop, 48); // start the engine
	}
}

function animateEnergy() {

	y += 2;
	
	// ENERGY
	numEnergyFrame += 2; if (numEnergyFrame > 18) numEnergyFrame = 1;
//	document.getElementById('energy').src = url+'energy_'+numEnergyFrame+'.png';
	
	document.getElementById('energy').style.backgroundPosition = '0 '+(0-(numEnergyFrame-1)*49)+'px';

	// ORB
	var x2 = (R+r)*Math.cos(numOrbInt*Math.PI/72)-(r+O)*Math.cos(((R+r)/r)*(numOrbInt*Math.PI/72));
	var y2 = (R+r)*Math.sin(numOrbInt*Math.PI/72)-(r+O)*Math.sin(((R+r)/r)*(numOrbInt*Math.PI/72));

	// R = 40
	document.getElementById('orb').style.left = (x2+18+361)+'px';
	document.getElementById('orb').style.top = (y2+21-50+y)+'px';
	document.getElementById('energy').style.top = (y-50)+'px';
	// R = 30
	// document.getElementById('orb').style.posLeft = x2+21+document.getElementById('energy').style.posLeft;
	// document.getElementById('orb').style.posTop = y2+22+document.getElementById('energy').style.posTop;
	
	if (numOrbInt%85 == 0) {
		booOrbAbove = !booOrbAbove;
		document.getElementById('orb').style.zIndex = (booOrbAbove) ? 76 : 74;
	}

	numOrbInt += 5; // Increment

	if (y > 250) {
		clearInterval(energyInterval);
		energySafe = true;
	}
	
}

/******************************************************************************/

function dropBlock() {
	if (pressOkay) {
		$('#press-glow').animate({ opacity:1 }, 150);
		if (blockDown) {
			pressOkay = false;
			setTimeout(function() {
				$('#press-glow').animate({ opacity:0 }, 150);
				setTimeout(function() {
					$('#water').animate({ top:-109 }, 2000, 'elasout');
					$('#blocks-fullgreen').animate({ opacity:0 }, 150);
					$('#blocks-2').animate({ opacity:0 }, 150);
					document.getElementById('blocks-rightgreen').style.top = '12px';
					setTimeout(function() {
						document.getElementById('blocks-2').style.top = '0';
						$('#blocks-leftgreen').animate({ opacity:1 }, 150);
						$('#blocks-rightgreen').animate({ opacity:1 }, 150);
						$('#blocks-2').animate({ opacity:1 }, 150);
						setTimeout(function() {
							pressOkay = true;
							blockDown = false;
						}, 2000);
					}, 150);
				}, 150);
			}, 150);
		} else {
			pressOkay = false;
			setTimeout(function() {
				$('#press-glow').animate({ opacity:0 }, 150);
				setTimeout(function() {
					$('#blocks-rightgreen').animate({ top:24 }, 150);
					setTimeout(function() {
						$('#blocks-leftgreen').animate({ opacity:0 }, 150);
						$('#blocks-rightgreen').animate({ opacity:0 }, 150);
						$('#blocks-fullgreen').animate({ opacity:1 }, 150);
						setTimeout(function() {
							$('#blocks-fullgreen').animate({ opacity:0 }, 150);
							setTimeout(function() {
								$('#blocks-2').animate({ top:12 }, 150);
								$('#water').animate({ top:-97 }, 2000, 'elasout');
								setTimeout(function() {
									pressOkay = true;
									blockDown = true;
								}, 2150);
							}, 150);
						}, 150);
					}, 150);
				}, 150);
			}, 150);
		}
	}
}