var sec=0;
var min=0;
var counter=0;
var score=0;
var time='0:00';
var value;

function timer() {
	t=setTimeout('count()',1000);
}

function stopTimer(){
	clearTimeout(t);
}

function count() {
	$('.result').empty();
 	if(min==2){
		stopTimer();
		$(".fail").fadeIn('fast').animate({top: '-=400'}); 	
	}else if(sec==5 && counter==9){
		min+=1;
		sec=0;
		counter=0;
		timer();
		score+=1;
	}	else if (counter==9){
		sec+=1;
		counter=0;
	 	timer();
		score+=1;
	}	else{
	 	counter+=1;
		timer();
		score+=1;
	}
	$('.counter').html('<img src="./images/memory/'+counter+'.png" alt="" />');
	$('.sec').html('<img src="./images/memory/'+sec+'.png" alt="" />');
	$('.min').html('<img src="./images/memory/'+min+'.png" alt="" />');

	time=min+':'+sec+counter;
}

$(document).ready(function(){
	var a=0;
	var img1;
	var img2;
	var steps=0;	
	
	$('.fail, .finished, .tiles').hide();
	
	$('.introbutton').click(function(){
		$('.intro').fadeOut('fast');
		$('.tiles').fadeIn('fast');
 		timer();	
		$('ul.tiles li').tsort('',{order:'rand'});
		$('ul.tiles li a').click(function(){
			if (a==1 && $(this).hasClass('current')){	
				$(this).children('img + img').fadeIn('fast');
				$('ul.tiles li a').removeClass('current');	 
				a=0;				
			} else if (a==1 && !($(this).hasClass('current'))){
				a=0;
				img2=$(this).attr('name');		
				$(this).children('img + img').fadeOut('fast'); 	
				$('ul.tiles li a').removeClass('current');	 
				if (img1==img2){
					$('ul.tiles li a[name="'+img2+'"]').addClass('done');
					$('ul.tiles li a.done img').delay(400).fadeOut('fast');
					steps+=1;
					if ($("ul.tiles li a").length == $("ul.tiles li a.done").length){
						stopTimer();
						$(".finished").delay(400).fadeIn('fast').animate({top: '-=400'});						
						$(".score").html(time);
					}
				} else {
					$('ul.tiles li a:not(.done) img + img').delay(400).fadeIn('fast');
					steps+=1;				
				}
			} else {
				img1=$(this).attr('name');
				$(this).children('img + img').fadeOut('fast'); 
				$(this).addClass('current');
				a+=1;
			}
		});	
	});
	$('.finished input:text, .finished textarea').focusin(function(){
		$(this).css('background-color','#FFF');
		$(this).css('color','#000');
	});		
	$('.finished input:text, .finished textarea').focusout(function(){
		$(this).css('background-color','#f8f8f8');
		$(this).css('color','#686868');		
	});			
});