// ANIMATION JS ///////////////////////

var data = [];
var current_index;
var interval = null;

// animate logos ////////////////
var animate_step

function animate_logos()
{
	var i = data.length;
	data[i] = document.getElementById('gridiron_animate').getElementsByTagName('img');
	object = document.getElementById('gridiron_place');
	place = findPos(object);
	data[i].id = "gridiron_animate";
	data[i].place = "gridiron_place";
    data[i].start_left = -193;
    data[i].start_top = 320;
    data[i].end_left = place[0];
    data[i].end_top = place[1];
	document.getElementById("gridiron_animate").style.display = "block";
	animate_step = 1;
	
	setTimeout(function() { start_animate(); }, 3000);
}

function start_animate()
{
	interval = window.setInterval("animate()", 1);
}

function animate()
{  
	for (var i=data.length; i--;) 
	{
		current_index = i;
		move_object(data[i]);
	}
	if (data.length == 0)
	{
		if (animate_step == 1)
		{
			var i = data.length;
			data[i] = document.getElementById('hooppower_animate').getElementsByTagName('img');
			object = document.getElementById('hooppower_place');
			place = findPos(object);
			data[i].id = "hooppower_animate";
			data[i].place = "hooppower_place";
		    data[i].start_left = 0;
		    data[i].start_top = -162;
		    data[i].end_left = place[0];
		    data[i].end_top = place[1];
			document.getElementById("hooppower_animate").style.display = "block";
		    animate_step = 2;
		}
		else if (animate_step == 2)
		{
			var i = data.length;
			data[i] = document.getElementById('playmakerz_animate').getElementsByTagName('img');
			object = document.getElementById('playmakerz_place');
			place = findPos(object);
			data[i].id = "playmakerz_animate";
			data[i].place = "playmakerz_place";
		    data[i].start_left = 650;
		    data[i].start_top = -162;
		    data[i].end_left = place[0];
		    data[i].end_top = place[1];
			document.getElementById("playmakerz_animate").style.display = "block";
			animate_step = 3;
		}
		else
		{
			window.clearInterval(interval);
			glow_logos();
		}
	}
}

function move_object(oData)
{
		var old_x = oData.end_left - oData.start_left;
		var old_y = oData.end_top - oData.start_top;
		
		angle_rad = Math.atan(old_y/old_x);
		
		degree_cos = Math.cos(angle_rad);
		var displace_x = Math.round(18*(degree_cos));
		degree_sin = Math.sin(angle_rad);
		var displace_y = Math.round(18*(degree_sin));
		
		displace_x = Math.abs(displace_x);
		displace_y = Math.abs(displace_y);
		
		if (oData.end_left > oData.start_left)
			new_x = oData.start_left + displace_x;
		else
			new_x = oData.start_left - displace_x;
		if (oData.end_top > oData.start_top)
			new_y = oData.start_top + displace_y;
		else
			new_y = oData.start_top - displace_y;
		
		oData.start_left = new_x;
		oData.start_top = new_y;
		
		if (Math.abs(new_x - oData.end_left) < 15 && Math.abs(new_y - oData.end_top) < 15)
		{  // animation finish action
			document.getElementById(oData.id).style.left = oData.end_left + "px";
			document.getElementById(oData.id).style.top = oData.end_top + "px";
			document.getElementById(oData.place).style.backgroundPosition = "0px -162px";
			document.getElementById(oData.id).style.display = "none";
			document.getElementById(oData.id).style.display = "none";
			data.splice(current_index, 1);
		}
		else
		{
			document.getElementById(oData.id).style.left = new_x + "px";
			document.getElementById(oData.id).style.top = new_y + "px";
		}
}
///////////////////////////

// glow logos ////////////////////

function visited_glow()
{
	document.getElementById('gridiron_place').style.backgroundPosition = "0px -162px";
	document.getElementById('hooppower_place').style.backgroundPosition = "0px -162px";
	document.getElementById('playmakerz_place').style.backgroundPosition = "0px -162px";
	
	setTimeout(function() { glow_logos(); }, 1500);
}

function glow_logos()
{
	var i = data.length;
	data[i] = document.getElementById('gridiron_animate').getElementsByTagName('img');
	data[i].id = "gridiron_place";
	data[i].frame = null;
	data[i].direction = "start";
	data[i].start_frame = 1;
	data[i].end_frame = 11;
	data[i].stop_frame = 2;
	
	setTimeout(function() { start_glow(25); }, 300);
	
	setTimeout(function() {
		var i = data.length;
		data[i] = document.getElementById('hooppower_animate').getElementsByTagName('img');
		data[i].id = "hooppower_place";
		data[i].frame = null;
		data[i].direction = "start";
		data[i].start_frame = 1;
		data[i].end_frame = 11;
		data[i].stop_frame = 2;
	}, 600);
	
	setTimeout(function() {
		var i = data.length;
		data[i] = document.getElementById('playmakerz_animate').getElementsByTagName('img');
		data[i].id = "playmakerz_place";
		data[i].frame = null;
		data[i].direction = "start";
		data[i].start_frame = 1;
		data[i].end_frame = 11;
		data[i].stop_frame = 2;
	}, 900);
}

function start_glow(delay)
{
	interval = window.setInterval("glow()", delay);
}

var step = 0;
var random_glow_started = "false";
function glow()
{  
	step++;
	for (var i=data.length; i--;) 
	{
		current_index = i;
		glow_object(data[i]);
	}
	if (data.length == 0)
	{
		window.clearInterval(interval);
		if (random_glow_started == "false")
		{
			timeout_var = setTimeout(function() { random_glow(); }, 5000);
			random_glow_started = "true";
		}
	}
}

function glow_object(oData)
{
	var start_frame = oData.start_frame;
	var end_frame = oData.end_frame;
	var stop_frame = oData.stop_frame;
	var frame_size = 162;
	var current_frame;
	
	current_frame = oData.frame;
	if (current_frame == end_frame)
	{
		oData.direction = "down";
	}
	
	if (oData.direction == "start")
	{
		current_frame = start_frame;
		oData.direction = "up"
	}
	else if (oData.direction == "up")
	{
		current_frame++;
	}
	else
	{
		current_frame--;
	}
	
	if (oData.direction == "down" && current_frame == stop_frame)
	{
		data.splice(current_index, 1);
	}
	
	oData.frame = current_frame;
	
	var new_y = -1 * (frame_size*current_frame);
	//document.getElementById('test').innerHTML = new_y;
	
	document.getElementById(oData.id).style.backgroundPosition = "0px "+new_y+"px";
}

var timeout_var;

function random_glow()
{
	var just_glowed = "false";
	var random = Math.random();
	
	if (random > 0.7)
	{
		logo_random = Math.random();
		
		if (logo_random < 0.3)
		{
			var i = data.length;
			data[i] = document.getElementById('gridiron_animate').getElementsByTagName('img');
			data[i].id = "gridiron_place";
			data[i].frame = null;
			data[i].direction = "start";
			data[i].start_frame = 1;
			data[i].end_frame = 11;
			data[i].stop_frame = 2;
		}
		else if (logo_random > 0.7)
		{
			var i = data.length;
			data[i] = document.getElementById('hooppower_animate').getElementsByTagName('img');
			data[i].id = "hooppower_place";
			data[i].frame = null;
			data[i].direction = "start";
			data[i].start_frame = 1;
			data[i].end_frame = 11;
			data[i].stop_frame = 2;
		}
		else
		{
			var i = data.length;
			data[i] = document.getElementById('playmakerz_animate').getElementsByTagName('img');
			data[i].id = "playmakerz_place";
			data[i].frame = null;
			data[i].direction = "start";
			data[i].start_frame = 1;
			data[i].end_frame = 11;
			data[i].stop_frame = 2;
		}
		
		var just_glowed = "true";
		start_glow(35);
	}
	
	if (just_glowed == "true")
		timeout_var = setTimeout(function() { random_glow(); }, 6000);
	else
		timeout_var = setTimeout(function() { random_glow(); }, 1500);
		
}
//////////////////////



// misc functions
function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}