var spaceLowerBounds = 1;
var spaceUpperBounds = 3;
var spaceCurrentDistance = 1;
/** ************************************************************************************************************ **/
var shapeLowerBounds = 1;
var shapeUpperBounds = 3;
var shapeCurrentLevel = 1;
/** ************************************************************************************************************ **/
var figureOneClicked = false;
var figureTwoClicked = false;
/** ************************************************************************************************************ **/
function spaceMoveObjectFarther()
{
	if( spaceCurrentDistance == 1 )
		return false;
	else
	{
		spaceCurrentDistance--;
		var image = document.getElementById('space').getElementsByTagName('img')[0];
		switch( spaceCurrentDistance )
		{
			case 1:
				image.src = 'images/space/space_far.gif';
				image.style.top = "10px";
				image.style.left = "60px";
				break;
			case 2:
				image.src= 'images/space/space_middle.gif';
				image.style.top = "30px";
				image.style.left = "40px";
				break;
		}
	}
	return true;
}

function spaceMoveObjectCloser()
{
	if( spaceCurrentDistance == 3 )
		return false;
	else
	{
		spaceCurrentDistance++;
		var image = document.getElementById('space').getElementsByTagName('img')[0];
		switch( spaceCurrentDistance )
		{
			case 2:
				image.style.left = "40px";
				image.style.top = "20px";
				image.src = 'images/space/space_middle.gif';
				break;
			case 3:
				image.style.left = "20px";
				image.style.top = "50px";
				image.src= 'images/space/space_close.gif';
				break;
		}
	}
	return true;
}
/** ************************************************************************************************************ **/
function changePageColor( color )
{
	var backgroundColor;
	var headerFooterColor;
	var contentColor;
	var newClassName;
	
	switch( color )
	{
		case 'analogous':
			backgroundColor = '#90F';
			headerFooterColor = '#C00';
			contentColor = '#F60';
			newClassName = 'analogous';
			break;
		case 'triad':
			backgroundColor = '#0C0';
			headerFooterColor = '#90F';
			contentColor = '#C00';
			newClassName = 'triad';
			break;
		case 'variation':
			backgroundColor = '#FF9';
			headerFooterColor = '#F96';
			contentColor = '#6C9';
			newClassName = 'variation';
			break;
		default:
			backgroundColor = '#333';
			headerFooterColor = '#039';
			contentColor = '#08F';
			newClassName = '';
			break;
	}
	document.getElementsByTagName('body')[0].style.backgroundColor = backgroundColor;
	document.getElementById('container').style.backgroundColor = contentColor;
	document.getElementById('header').style.backgroundColor = headerFooterColor;
	
	var links = document.getElementById('header').getElementsByTagName('ul')[0].getElementsByTagName('li');
	var length = links.length;
	for( var i = 0; i < length; i++ )
		links[i].getElementsByTagName('a')[0].className = newClassName;
	
	document.getElementById('footer').style.backgroundColor = headerFooterColor;
}
/** ************************************************************************************************************ **/
function shapeDeconstuctRectangle()
{
	if( shapeCurrentLevel == 1 )
		return false;
	else
	{
		shapeCurrentLevel--;
		var image = document.getElementById('shape').getElementsByTagName('img')[0];
		switch( shapeCurrentLevel )
		{
			case 1:
				image.src = 'images/shape/rectangle.gif';
				break;
			case 2:
				image.src= 'images/shape/rectangle_two.gif';
				break;
		}
	}
	return true;	
}

function shapeConstructRectangle()
{
	if( shapeCurrentLevel == 3 )
		return false;
	else
	{
		shapeCurrentLevel++;
		var image = document.getElementById('shape').getElementsByTagName('img')[0];
		switch( shapeCurrentLevel )
		{
			case 2:
				image.src = 'images/shape/rectangle_two.gif';
				break;
			case 3:
				image.src= 'images/shape/rectangle_complete.gif';
				break;
		}
	}
	return true;
}
/** ************************************************************************************************************ **/
function isThisTheDarkerOne( obj )
{
	var source = obj.getElementsByTagName('img')[0].src;
	if( source.indexOf('images/value/figure_one.gif') > 0 )
	{
		if( !figureOneClicked )
		{
			if( !figureTwoClicked )
			{
				figureOneClicked = true;
				document.getElementById('status').innerHTML = 'Sorry, figure one is not the correct choice.  Please, try again.';
			}
			else
			{
				document.getElementById('status').innerHTML = 'Opps, trick question.  The red is the same color value in each picture.  Funny how surrounding colors trick our eyes, eh?';			
			}
		}
	}
	else if( source.indexOf('images/value/figure_two.gif') > 0 )
	{
		if( !figureTwoClicked )
		{
			if( !figureOneClicked )
			{
				figureTwoClicked = true;
				document.getElementById('status').innerHTML = 'Sorry, figure two is not the correct choice.  Please, try again.';
			}
			else
			{
				document.getElementById('status').innerHTML = 'Opps, trick question.  The red is the same color value in each picture.  Funny how surrounding colors trick our eyes, eh?';			
			}
		}
	}
	else
		return false;

	return true;
}