// Bilder
memory_img = new Array(32)
x=1;
g="d";
for(i=0;i<8;i++){
	switch(g){
	case "a":
	g="b";
	break;
	case "b":
	g="c";
	break;
	case "c":
	g="d";
	break;
	case "d":
	g="a";
	break;
	}
	for(j=1;j<=4;j++){
		memory_img[x]=g+j+".jpg";
		x+=1;
	}
}

// Skapa blandade nummer (32)
	temp = 0
	newnumber = 0
	lottery = new Array(32)

	for (i=1;i<=32;i++) {
		lottery[i] = i
	}

	for (i=1;i<=32;i++) {
		newnumber = (Math.random() * 32) + 1
		newnumber = parseInt(newnumber, 10)
		temp = lottery[i]
		lottery[i] = lottery[newnumber]
		lottery[newnumber] = temp
	}


var w=Math.floor(800/8);
var h=55;
document.write('<div style="position:relative;width:800px;margin-left:50px;height:'+4*h+'px;">');
// Skapa färgrutor (4x8 med 5px space)
x=1;
for (i=0;i<8;i++){
	for (j=0;j<4;j++){
		document.write('<div id=memorybg'+x+' style="background-color:#dedede;position:absolute;width:'+w+'px;height:'+h+'px;left:'+i*w+'px;top:'+j*h+'px;">&nbsp;</div>');
	eval("obj.memorybg"+x+" = new createObjectById('memorybg"+x+"')");
	eval("obj.memorybg"+x+".fadeTo(0,1,0)");
	x+=1;
	}
}
x=1;
for (i=0;i<8;i++){
	for (j=0;j<4;j++){
		t=3000+(x*200);
	setTimeout("obj.memorybg"+x+".fadeTo(100,1500,0)",t);
	x+=1;
	}
}
x=1;
for (i=0;i<8;i++){
	for (j=0;j<4;j++){
		document.write('<div id=memory'+lottery[x]+' style="background-image:url(/scripts/memory/'+memory_img[lottery[x]]+');position:absolute;width:'+w+'px;height:'+h+'px;left:'+i*w+'px;top:'+j*h+'px;" onclick=checkMemory('+lottery[x]+')  onmouseover=obj.memorybg'+x+'.fadeTo(0,1,0) onmouseout=obj.memorybg'+x+'.fadeTo(100,500,0)>&nbsp;</div>');
	eval("obj.memory"+lottery[x]+" = new createObjectById('memory"+lottery[x]+"')");
	eval("obj.memory"+lottery[x]+".fadeTo(0,1,0)");
	x+=1;
	}
}
document.write('<div id=memoryfg style=position:relative;height:100%;width:100%><div style="position:absolute;width:398px;height:'+((4*h)-2)+'px;left:0px;top:0px;border:1px solid black"><h3 style="position:absolute;bottom:10px;left:10px;">Hypernature</h3></div><div style="position:absolute;width:398px;height:'+((4*h)-2)+'px;left:400px;top:0px;border:1px solid black"><h3 style="position:absolute;bottom:10px;left:10px;">Futurustic</h3></div></div>');
	obj.memoryfg = new createObjectById('memoryfg');
	obj.memoryfg.fadeTo(0,1,0);
	obj.memoryfg.hide();
document.write('</div>');
document.write('<div id=memoryStatus>Klicka p&aring; en ruta f&ouml;r att den skall bek&auml;nna f&auml;rg!</div>');





var matched=0;
var checked=0;
var clicks=0;
function checkMemory(x){
// tänd x
	eval("obj.memory"+x+".fadeTo(100,100,0)");
//	alert("checked "+checked+", x "+x);
	if(checked!=0){
		clicks+=1;
		if(x-16==checked||x+16==checked){
			matched+=1;
			memoryStatus(0);
		}else{
			setTimeout("obj.memory"+x+".fadeTo(0,100,0)",1000);
			setTimeout("obj.memory"+checked+".fadeTo(0,100,0)",1000);
			memoryStatus(-1);
		}
		checked=0;
	}else{
		checked=x;
	}
	if(matched==16){
		memoryStatus(1);
		memoryReorder();
	}else{
//
	}
}

// När alla är funna, glid på plats jämte varandra med 10px space, tänd tema-namn

function memoryReorder(){
	x=1;
	pTop=0;
	pLeft=0;
	for(k=0;k<2;k++){
		for(i=0;i<4;i++){
			for(j=0;j<4;j++){
				setTimeout("obj.memory"+x+".fadeTo(50,500,0)",0);
				setTimeout("obj.memory"+x+".slideTo("+pLeft+","+pTop+",2000,2)",100);
				setTimeout("obj.memory"+x+".fadeTo(100,500,0)",2000);
				x+=1;
				pTop+=h;
			}
			pLeft+=w;
			pLeft+=w;
			pTop=0;
		}
	pLeft=w;
	}
	setTimeout("obj.memoryfg.show()",3000);
	setTimeout("obj.memoryfg.fadeTo(100,1000,0)",3500);
}

function memoryStatus(p){
	switch(p){
		case -1:
		switch(clicks){
			case 1:
			str="En miss &auml;r ingen miss. F&ouml;rs&ouml;k igen!";
			break;
			case 2:
			str="Det &auml;r bara att bryta ihop och komma igen!";
			break;
			default:
			if(clicks>=40&&clicks<=59){str="N&auml;, nu har du klickat "+clicks+" g&aring;nger. Hur &auml;r det med f&auml;rgseendet? ";}
			else{
				if(clicks>=60){
					str="Det h&auml;r var "+clicks+":e klicket. SEED kan hj&auml;lpa dig att f&aring; ordning p&aring; f&auml;rgerna...";
				}
				else{
					str="Miss igen! Nu har du klickat "+clicks+" g&aring;nger.";
				}
			}
		}
		break;
		case 0:
		switch(matched){
			case 1:
			str="<b>F&ouml;sta tr&auml;ffen!</b> Bara femton kvar...";
			break;
			case 15:
			str="Bara en tr&auml;ff kvar nu...";
			break;
			default:
			str="<b>Tr&auml;ff!</b> Du har klickat "+clicks+" g&aring;nger.";
		}
		break;
		case 1:
		str="<b>Bingo!</b> Du klarade det p&aring; "+clicks+" klick! <a href='mailto:?subject=Utmaning - SEED f%E4rgmemory&body=En h%E4lsning via SEED See and Develop:%0A%2D Jag klarade det p%E5 "+clicks+" klick, hur m%E5nga beh%F6ver du?%0APr%F6va sj%E4lv p%E5 http://seeanddevelop.se'> &ndash; Utmana dina v&auml;nner och kollegor!</a>";
//		str="<b>Bingo!</b> Du klarade det p&aring; "+clicks+" klick! <a href='mailto:?subject=Utmaning%20-%20SEED%20fargmemory&body=En halsning via SEED See and Develop:%0AJag klarade det pa "+clicks+" klick, hur många behover du?%0AProva sjalv pa http://seeanddevelop.se!'> &ndash; Utmana dina v&auml;nner och kollegor!</a>";
		break;
	}
	document.getElementById('memoryStatus').innerHTML=str;
}