var gameid=8;

var minutes=2;
var seconds=0;
var maxQuestions=10;
var points=0;
var timerid=0;
var overlay=new Array(117);
var activelocations=new Array(117);

var locations=new Array(); // dracula=(21,27,31,59,102),clown=(2,13,22,40,104)

var gameactive=true;

var randomselector=new Array(1,2,3,4,1,3,2,4,2,1,4,3);
var randomnumber=$random(0,10);
var picture1=randomselector[randomnumber];
var picture2=randomselector[randomnumber+1];

var activepicture=1;

var i=0;

function timeup() {
	timerid=$clear(timerid);
	$('game').style.display='none';
	$('score').style.display='block';
	$('points').innerHTML=points;
	$('max').innerHTML=maxQuestions;
	$('timer').style.display='none';
	$('games-result').href='/games-result.asp?gamesid=' + gameid + '&score=' + points;
}

function countDown() {
	seconds--;
	if (seconds<=0) {
		minutes--;
	}
	if (minutes<0) {
		timeup();
	} else {
		if (seconds<=0) seconds=59;
	}
	displayseconds=seconds.toString();
	if (displayseconds.length==1) displayseconds='0' + displayseconds;
	$('timer').innerHTML='0' + minutes.toString() + ':' + displayseconds;
}

window.addEvent('domready', function() {

	var changepicture=function() {
		
		for(i=0;i<overlay.length;i++) {
		
			activelocations[i]=0;
			$('box' + i).style.backgroundImage='url(images/blank.gif)';
			
		}
		
		var selectedpicture=0;
		
		if (activepicture==1) {
			selectedpicture=picture1;
		} else {
			selectedpicture=picture2;
		}
		
		if (selectedpicture==1) {
				
			locations=new Array(30,36,40,68,111);
			
			$('picture1').style.backgroundImage='url(images/dracula1.png)';
			$('picture2').style.backgroundImage='url(images/dracula2.png)';
			
		}
				
		if (selectedpicture==2) {
				
			locations=new Array(11,22,31,49,113);
			
			$('picture1').style.backgroundImage='url(images/clown1.png)';
			$('picture2').style.backgroundImage='url(images/clown2.png)';
				
		}
			
		if (selectedpicture==3) {
				
			locations=new Array(12,21,49,66,113);
			
			$('picture1').style.backgroundImage='url(images/army1.png)';
			$('picture2').style.backgroundImage='url(images/army2.png)';
				
		}

		if (selectedpicture==4) {
				
			locations=new Array(13,36,49,67,74);
			
			$('picture1').style.backgroundImage='url(images/cowboy1.png)';
			$('picture2').style.backgroundImage='url(images/cowboy2.png)';
				
		}
		
	};
	
	var clearmessage=function() {
		$('message').innerHTML='';
		gameactive=true;
	};
	
	var testThis = function() {
		
		if (gameactive==true) {
				
			var boxid=this.id;
			var gridid=boxid.slice(3);

			var scoredpoint=false;
			
			for (i=0;i<locations.length;i++) {
				
				if (gridid==locations[i] && activelocations[gridid]==0) {
					activelocations[gridid]=1;
					scoredpoint=true;
					$('box' + gridid).style.backgroundImage='url(images/highlight.png)';
				}
				
			}
			
			if (scoredpoint==true) {
			
				points++;
				
				$('canister').src="../shared/images/canister/small/" + points + ".png";
				
				if (points==5) {
					activepicture++;
					if (activepicture>=3) {
						timeup();
					}
					changepicture();
				}
				
				if (points>=10) {
					timeup();
				}
						
				$('message').innerHTML='Great!';
				
				clearmessage.delay(3000);
				
			} else {
				
				$('message').innerHTML='Try Again!';
				
				gameactive=false;
				
				clearmessage.delay(3000);
				
			}
			
		}
	
	};
	
	$('play-game').addEvent('click', function(event) {

		$('intro').style.display='none';
		$('game').style.display='block';

		// create overlay
		
		for(i=0;i<overlay.length;i++) {
			
			var newElementVar = new Element('div', {
			    	        'id': 'box' + i,
			    	        'class': 'box'
			});
			
			newElementVar.inject($('picture2'), 'bottom');
			newElementVar.addEvent('click', testThis);
		
		}
		
		changepicture();
		
		timerid = countDown.periodical(1000);
		
		return false;
		
	});
	
});