function preloadImage(image_id,width,height){
		var pic = new Array();
		pic[image_id] = new Image(width,height);
		pic[image_id].src="binary/image/thumbnail/-/fid/"+image_id+"/width/"+width+"/height/"+height+"/clip/clip/pos/5";
	}

function changeFocus(old_focus, new_image, imageContainer){
		i=0;
		while (document.getElementById("imageframe["+i+"]")){
			document.getElementById("imageframe["+i+"]").className = '';
			i++;
		}
		var img = new_image;
		document.getElementById(imageContainer).innerHTML = "";
		document.getElementById('kuva0').className = '';
		document.getElementById('kuva1').className = '';
		document.getElementById('kuva2').className = '';
		document.getElementById('kuva3').className = '';
		document.getElementById('kuva4').className = '';
		document.getElementById('kuva5').className = '';
		document.getElementById(old_focus).className = 'redBorder';
		document.getElementById(imageContainer).innerHTML = "<img name='vasenkuva' src='binary/file/-/fid/"+(new_image-261)+"' onmouseout='document.getElementById(\"resourceImageContainer\").className = \"\"' onmouseover='document.getElementById(\"resourceImageContainer\").className = \"\"'>";
		var left = checkValuesLeft(img);
		setValueLeft(left);
}

function changeFocus2(old_focus, new_image, imageContainer){
		i=0;
		while (document.getElementById("imageframe["+i+"]")){
			document.getElementById("imageframe["+i+"]").className = '';
			i++;
		}
		var img = new_image;
		document.getElementById(imageContainer).innerHTML = "";
		document.getElementById('kuva6').className = '';
		document.getElementById('kuva7').className = '';
		document.getElementById('kuva8').className = '';
		document.getElementById('kuva9').className = '';
		document.getElementById('kuva10').className = '';
		document.getElementById('kuva11').className = '';
		document.getElementById(old_focus).className = 'redBorder';
		document.getElementById(imageContainer).innerHTML = "<img src='binary/file/-/fid/"+(new_image-261)+"' onmouseout='document.getElementById(\"resourceImageContainer2\").className = \"\"' onmouseover='document.getElementById(\"resourceImageContainer2\").className = \"\"'>";
		var middle = checkValuesMiddle(img);
		setValueMiddle(middle);
}

function changeFocus3(old_focus, new_image, imageContainer){
		i=0;
		while (document.getElementById("imageframe["+i+"]")){
			document.getElementById("imageframe["+i+"]").className = '';
			i++;
		}
		var img = new_image;
		document.getElementById(imageContainer).innerHTML = "";
		document.getElementById('kuva12').className = 'whiteBorder';
		document.getElementById('kuva13').className = 'whiteBorder';
		document.getElementById('kuva14').className = 'whiteBorder';
		document.getElementById('kuva15').className = 'whiteBorder';
		document.getElementById('kuva16').className = 'whiteBorder';
		document.getElementById('kuva17').className = 'whiteBorder';
		document.getElementById('kuva18').className = 'whiteBorder';
		document.getElementById('kuva19').className = 'whiteBorder';
		document.getElementById(old_focus).className = 'redBorder';
		document.getElementById(imageContainer).innerHTML = "<img src='binary/file/-/fid/"+(new_image-261)+"' onmouseout='document.getElementById(\"resourceImageContainer3\").className = \"\"' onmouseover='document.getElementById(\"resourceImageContainer3\").className = \"\"'>";
		var right = checkValuesRight(img);
		setValueRight(right);
}


function setValueLeft(value){
	document.getElementById('textfield').innerHTML = value;
}

function setValueMiddle(value){
	document.getElementById('textfield2').innerHTML = value;
}

function setValueRight(value){
	document.getElementById('textfield3').innerHTML = value;
}

function checkValuesLeft(value){
	var left;
		if (value == 426){
		left = 'A';
		}
		else if (value == 427){
		left = 'B';
		}
		else if (value == 428){
		left = 'C';
		}
		else if (value == 429){
		left = 'D';
		} 
		else if (value == 430){
		left = 'E';
		}
		else if (value == 431){
		left = 'F';
		} 
		return left;
	}
	
function checkValuesMiddle(value){
	var middle;
		if (value == 432){
		middle = 'A';
		
		show('kuva19');
		show('kuva18');
		show('kuva17');
		show('kuva16');
		show('kuva15');
		show('kuva14');
		show('kuva13');
		show('kuva12');
		
		bann('kuva19');
		bann('kuva18');
		bann('kuva17');
		bann('kuva16');

		}
		else if (value == 433){
		middle = 'B';
		
		show('kuva19');
		show('kuva18');
		show('kuva17');
		show('kuva16');
		show('kuva15');
		show('kuva14');
		show('kuva13');
		show('kuva12');
		
		bann('kuva19');
		bann('kuva18');
		bann('kuva17');
		bann('kuva16');
		
		}
		else if (value == 434){
		middle = 'C';
		
		show('kuva19');
		show('kuva18');
		show('kuva17');
		show('kuva16');
		show('kuva15');
		show('kuva14');
		show('kuva13');
		show('kuva12');
		
		bann('kuva19');
		bann('kuva18');
		bann('kuva17');
		bann('kuva16');
		
		}
		else if (value == 435){
		middle = 'D';
		
		show('kuva19');
		show('kuva18');
		show('kuva17');
		show('kuva16');
		show('kuva15');
		show('kuva14');
		show('kuva13');
		show('kuva12');
		
		bann('kuva19');
		bann('kuva18');
		bann('kuva17');
		bann('kuva16');
		
		} 
		else if (value == 436){
		middle = 'E';
		
		show('kuva19');
		show('kuva18');
		show('kuva17');
		show('kuva16');
		show('kuva15');
		show('kuva14');
		show('kuva13');
		show('kuva12');
		
		bann('kuva19');
		bann('kuva18');
		bann('kuva15');
		bann('kuva14');
		bann('kuva13');
		bann('kuva12');
		}
		else if (value == 437){
		middle = 'F';
		
		show('kuva19');
		show('kuva18');
		show('kuva17');
		show('kuva16');
		show('kuva15');
		show('kuva14');
		show('kuva13');
		show('kuva12');
		
		bann('kuva17');
		bann('kuva16');
		bann('kuva15');
		bann('kuva14');
		bann('kuva13');
		bann('kuva12');
		
		} 
		return middle;
	}
	
function checkValuesRight(value){
	var right;
		if (value == 438){
		right = 'A';
		
		show('kuva11');
		show('kuva10');
		show('kuva9');
		show('kuva8');
		show('kuva7');
		show('kuva6');
		
		bann('kuva10');
		bann('kuva11');
		
		}
		else if (value == 439){
		right = 'B';
		
		show('kuva11');
		show('kuva10');
		show('kuva9');
		show('kuva8');
		show('kuva7');
		show('kuva6');
		
		bann('kuva10');
		bann('kuva11');
		}
		else if (value == 440){
		right = 'C';
		
		show('kuva11');
		show('kuva10');
		show('kuva9');
		show('kuva8');
		show('kuva7');
		show('kuva6');
		
		bann('kuva10');
		bann('kuva11');
		}
		else if (value == 441){
		right = 'D';
		
		show('kuva11');
		show('kuva10');
		show('kuva9');
		show('kuva8');
		show('kuva7');
		show('kuva6');
		
		bann('kuva10');
		bann('kuva11');
		} 
		else if (value == 442){
		right = 'E';
		
		/*show('kuva19');
		show('kuva18');
		show('kuva17');
		show('kuva16');
		show('kuva15');
		show('kuva14');
		show('kuva13');
		show('kuva12');
		show('kuva11');
		
		show('kuva9');
		show('kuva8');
		show('kuva7');
		show('kuva6');*/
		show('kuva10');
		bann('kuva11');
		bann('kuva9');
		bann('kuva8');
		bann('kuva7');
		bann('kuva6');
		
		
		}
		else if (value == 443){
		right = 'F';
		
		/*show('kuva19');
		show('kuva18');
		show('kuva17');
		show('kuva16');
		show('kuva15');
		show('kuva14');
		show('kuva13');
		show('kuva12');
		show('kuva11');
		
		show('kuva9');
		show('kuva8');
		show('kuva7');
		show('kuva6');*/
		show('kuva10');
		bann('kuva11');
		bann('kuva9');
		bann('kuva8');
		bann('kuva7');
		bann('kuva6');
		
		} 
		else if (value == 444){
		right = 'G';
		
		show('kuva11');
		show('kuva10');
		show('kuva9');
		show('kuva8');
		show('kuva7');
		show('kuva6');
		
		bann('kuva10');
		bann('kuva9');
		bann('kuva8');
		bann('kuva7');
		bann('kuva6');
		
		} 
		else if (value == 445){
		right = 'H';
		
		/*show('kuva11');
		show('kuva10');
		show('kuva9');
		show('kuva8');
		show('kuva7');
		show('kuva6');
		show('kuva12');
		show('kuva13');
		show('kuva14');
		show('kuva15');
		show('kuva16');
		show('kuva17');*/
		
		bann('kuva10');
		bann('kuva9');
		bann('kuva8');
		bann('kuva7');
		bann('kuva6');
		
		} 
		return right;
	}
	
function bann(value){
	document.getElementById(value).style.display = 'none';
}

function show(value){
	document.getElementById(value).style.display = 'block';
}

function show_all(){
	
		document.getElementById('resourceImageContainer2').innerHTML = '';
		document.getElementById('resourceImageContainer3').innerHTML = '';
		document.getElementById('textfield2').innerHTML = '';
		document.getElementById('textfield3').innerHTML = '';
		document.getElementById('kuva6').className = '';
		document.getElementById('kuva7').className = '';
		document.getElementById('kuva8').className = '';
		document.getElementById('kuva9').className = '';
		document.getElementById('kuva10').className = '';
		document.getElementById('kuva11').className = '';
		document.getElementById('kuva12').className = '';
		document.getElementById('kuva13').className = '';
		document.getElementById('kuva14').className = '';
		document.getElementById('kuva15').className = '';
		document.getElementById('kuva16').className = '';
		document.getElementById('kuva17').className = '';
		document.getElementById('kuva18').className = '';
		document.getElementById('kuva19').className = '';
		
		show('kuva11');
		show('kuva10');
		show('kuva9');
		show('kuva8');
		show('kuva7');
		show('kuva6');
		show('kuva19');
		show('kuva18');
		show('kuva17');
		show('kuva16');
		show('kuva15');
		show('kuva14');
		show('kuva13');
		show('kuva12');
	
}

function show_all_right(){
	
		document.getElementById('resourceImageContainer2').innerHTML = '';
		document.getElementById('resourceImageContainer3').innerHTML = '';
		//document.getElementById('textfield2').innerHTML = '';
		document.getElementById('textfield3').innerHTML = '';
		document.getElementById('kuva12').className = 'whiteBorder';
		document.getElementById('kuva13').className = 'whiteBorder';
		document.getElementById('kuva14').className = 'whiteBorder';
		document.getElementById('kuva15').className = 'whiteBorder';
		document.getElementById('kuva16').className = 'whiteBorder';
		document.getElementById('kuva17').className = 'whiteBorder';
		document.getElementById('kuva18').className = 'whiteBorder';
		document.getElementById('kuva19').className = 'whiteBorder';
		
		show('kuva19');
		show('kuva18');
		show('kuva17');
		show('kuva16');
		show('kuva15');
		show('kuva14');
		show('kuva13');
		show('kuva12');
}

function closeWindow(){
	var answer = confirm('Haluatko varmasti sulkea ikkunan?');
	
	if(answer){
		window.close();
	}else{
		void(0);
	}
}