htdoc/htdocs/course2/function.js

function nextPage(code,num){
	saveRecord(code);
	setTimeout(1500,location.replace(num+'.php'));
}
function nextPage2(code,url){
	saveRecord(code);
	setTimeout(1500,location.replace(url));
}
function selectItem(ans,num,check){
	if(!isStop){
		saveRecord(ans);
		saveRecord(250);
		document.getElementById("status").setAttribute('src', "image/check.jpg");
		document.getElementById("status").style.display="inline";
		document.getElementById("selectItem1").style.display="none";
		document.getElementById("selectItem2").style.display="none";
		document.getElementById("selectItem3").style.display="none";
		
		if(num == 4)
			document.getElementById("selectItem4").style.display="none";

		setTimeout(
			function(){
				saveRecord(check);
				if(check==200){
					error++;
					if(error==1){ //錯誤次數
						document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
						document.getElementById("status").style.display="inline";
						document.getElementById("buttonPrev").style.display="inline";
						document.getElementById("buttonNext").style.display="inline";
						document.getElementById("selectItem1").style.display="inline";
						document.getElementById("selectItem2").style.display="inline";
						document.getElementById("selectItem3").style.display="inline";
						if(num == 4)
							document.getElementById("selectItem4").style.display="inline";
						isStop = true;
					}
					else{
						document.getElementById("status").setAttribute('src', "image/retry.jpg");
						document.getElementById("status").style.display="inline";
						setTimeout(
							function(){
								document.getElementById("status").setAttribute('src', "");
								document.getElementById("status").style.display="none";
							},3000);
					}
				}
				else{
					document.getElementById("status").setAttribute('src', "image/correct.jpg");
					document.getElementById("status").style.display="inline";
					document.getElementById("buttonPrev").style.display="inline";
					document.getElementById("buttonNext").style.display="inline";
					document.getElementById("selectItem1").style.display="inline";
					document.getElementById("selectItem2").style.display="inline";
					document.getElementById("selectItem3").style.display="inline";
					if(num == 4)
						document.getElementById("selectItem4").style.display="inline";
					isStop = true;
				}
			},3000);
	}
}

function dragPic(){
	dragTime = Math.floor(Date.now() / 1000);
}

function rotateArrow(top,bottom,value,direction){
	if(direction == 7 && (rotateZ-value)>=bottom){
		rotateZ = rotateZ - value;
		saveRecordr(550,0,0,-value,0);
	}
	else if(direction == 9 && (rotateZ+value)<=top){
		rotateZ = rotateZ + value;
		saveRecordr(500,0,0,value,0);
	}
	document.getElementById("picA").style.transform = 'rotateZ('+rotateZ+'deg)';
}

function rotatePic(top,bottom,value,direction){
	if(direction == 8){
		if((rotateX + value)==90 || (rotateX + value)==270 || (rotateX + value)==-90 || (rotateX + value)==-270 )
			value = value * 2;
	
		rotateX = rotateX + value;
		
		if(rotateX == 360)
			rotateX = 0;		
		
		saveRecordr(300,value,0,0,0);
	}
	else if(direction == 2 && (rotateX-value)>=bottom){
		if((rotateX - value)==90 ||(rotateX - value)==270 || (rotateX - value)==-90 || (rotateX - value)==-270 )
			value = value * 2;
		rotateX = rotateX - value;
		
		if(rotateX == -360)
			rotateX = 0;	
		
		saveRecordr(350,-value,0,0,0);
	}
	else if(direction == 4 && (rotateY+value)<=top){
		if((rotateY + value)==90 ||(rotateY + value)==270 || (rotateY + value)==-90 || (rotateY + value)==-270 )
			value = value * 2;
		rotateY = rotateY + value;
		
		if(rotateY == 360)
			rotateY = 0;	
		
		saveRecordr(400,0,value,0,0);
	}
	else if(direction == 6 && (rotateY-value)>=bottom){
		if((rotateY - value)==90 ||(rotateY- value)==270 || (rotateY - value)==-90 || (rotateY - value)==-270 )
			value = value * 2;
		rotateY = rotateY - value;
		
		if(rotateY == -360)
			rotateY = 0;	
		
		saveRecordr(450,0,-value,0,0);
	}
	else if(direction == 7 && (rotateZ-value)>=bottom){
		rotateZ = rotateZ - value;
		
		if(rotateZ == -360)
			rotateZ = 0;	
		
		saveRecordr(550,0,0,-value,0);
	}
	else if(direction == 9 && (rotateZ+value)<=top){
		rotateZ = rotateZ + value;
		
		if(rotateZ == 360)
			rotateZ = 0;	
		
		saveRecordr(500,0,0,value,0);
	}
	else if(direction == 3){
		if(picwidth==100){
			if(scale == (45/100)){
				scale = 69/100 ;
				document.getElementById("picB").style.top=140;
			}
			else if(scale == (69/100)){
				scale = 1;
				document.getElementById("picB").style.top=157;
			}			
			saveRecordr(301,0,0,0,scale);
		}
		else if(picwidth==147){
			if(scale == (59/147)){
				scale = 93/147 ;
				document.getElementById("picB").style.top=136;
			}
			else if(scale == (93/147)){
				scale = 1;
				document.getElementById("picB").style.top=157;
			}			
			saveRecordr(301,0,0,0,scale);
		}
		else if ((scale+value)<=top){
			scale = scale + value;
			saveRecordr(301,0,0,0,scale);
		}		
	}
	else if(direction == 1){
		if(picwidth==100){
			if(scale == 1){
				scale = 69/100 ;
				document.getElementById("picB").style.top=140;
			}
			else if(scale == (69/100)){
				scale = 45/100;
				document.getElementById("picB").style.top=130;
			}			
			saveRecordr(301,0,0,0,scale);
		}
		else if(picwidth==147){
			if(scale == 1){
				scale = 93/147 ;
				document.getElementById("picB").style.top=136;
			}
			else if(scale == (93/147)){
				scale = 59/147;
				document.getElementById("picB").style.top=124;
			}			
			saveRecordr(301,0,0,0,scale);
		}
		else if ((scale-value)>=bottom){
			scale = scale - value;
			saveRecordr(302,0,0,0,scale);
		}
	}
	document.getElementById("picA").style.transform = 'rotateX('+rotateX+'deg)rotateY('+rotateY+'deg)rotateZ('+rotateZ+'deg)scale('+scale+','+scale+')';
	document.getElementById("picB").style.transform = 'rotateX('+rotateX+'deg)rotateY('+rotateY+'deg)rotateZ('+rotateZ+'deg)scale('+scale+','+scale+')';
}

function checkAns(questNum){
	switch(questNum){
		case 206:
			saveRecord(250);
			document.getElementById("status").setAttribute('src', "image/check.jpg");
			document.getElementById("status").style.display="inline";
			document.getElementById("pic7").style.display="none";
			document.getElementById("pic9").style.display="none";
			document.getElementById("chkButton").style.display="none";
			
			setTimeout(
				function(){
					if(rotateZ == -20){
						saveRecord(100);
						document.getElementById("status").setAttribute('src', "image/correct.jpg");
					}
					else{
						saveRecord(200);
						document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
					}
					document.getElementById("status").style.display="inline";
					document.getElementById("buttonPrev").style.display="inline";
					document.getElementById("buttonNext").style.display="inline";
				},3000);
			break;
		case 310:
			saveRecord(250);
			document.getElementById("status").setAttribute('src', "image/check.jpg");
			document.getElementById("status").style.display="inline";
			document.getElementById("picA").style.display="none";
			document.getElementById("pic1").style.display="none";
			document.getElementById("pic2").style.display="none";
			document.getElementById("pic3").style.display="none";
			document.getElementById("pic4").style.display="none";
			document.getElementById("pic6").style.display="none";
			document.getElementById("pic7").style.display="none";
			document.getElementById("pic8").style.display="none";
			document.getElementById("pic9").style.display="none";
			document.getElementById("chkButton").style.display="none";
			
			setTimeout(
				function(){
					if(scale == 1){
						if(rotateX < 0)
							rotateX = rotateX + 360;
						if(rotateY < 0)
							rotateY = rotateY + 360;
						if(rotateZ < 0)
							rotateZ = rotateZ + 360;
						
						if((((rotateX>=0 && rotateX<=20) || (rotateX>=340 && rotateX<=360)) && rotateY>=160 && rotateY<=200 && ((rotateZ>=0 && rotateZ<=20) || (rotateZ>=340 && rotateZ<=360)))
							||(rotateX>=160 && rotateX<=200 && ((rotateY>=0 && rotateY<=20) || (rotateY>=340 && rotateY<=360)) && rotateZ>=160 && rotateZ<=200)){
							saveRecord(100);
							document.getElementById("status").setAttribute('src', "image/correct.jpg");
						}
						else{						
							saveRecord(200);
							document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
						}
					}
					else{
						document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
					}
					document.getElementById("status").style.display="inline";
					document.getElementById("buttonPrev").style.display="inline";
					document.getElementById("buttonNext").style.display="inline";
				},3000);
			break;
		case 314:
			saveRecord(250);
			document.getElementById("status").setAttribute('src', "image/check.jpg");
			document.getElementById("status").style.display="inline";
			document.getElementById("picA").style.display="none";
			document.getElementById("pic1").style.display="none";
			document.getElementById("pic2").style.display="none";
			document.getElementById("pic3").style.display="none";
			document.getElementById("pic4").style.display="none";
			document.getElementById("pic6").style.display="none";
			document.getElementById("pic7").style.display="none";
			document.getElementById("pic8").style.display="none";
			document.getElementById("pic9").style.display="none";
			document.getElementById("chkButton").style.display="none";
			
			setTimeout(
				function(){
					if(scale == 1){
						if(rotateX < 0)
							rotateX = rotateX + 360;
						if(rotateY < 0)
							rotateY = rotateY + 360;
						if(rotateZ < 0)
							rotateZ = rotateZ + 360;
						
						if((((rotateX>=0 && rotateX<=20) || (rotateX>=340 && rotateX<=360)) && rotateY>=160 && rotateY<=200 && ((rotateZ>=0 && rotateZ<=20) || (rotateZ>=340 && rotateZ<=360)))
							||(rotateX>=160 && rotateX<=200 && ((rotateY>=0 && rotateY<=20) || (rotateY>=340 && rotateY<=360)) && rotateZ>=160 && rotateZ<=200)){
							saveRecord(100);
							document.getElementById("status").setAttribute('src', "image/correct.jpg");
						}
						else{						
							saveRecord(200);
							document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
						}
					}
					else{
						saveRecord(200);
						document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
					}
					document.getElementById("status").style.display="inline";
					document.getElementById("buttonPrev").style.display="inline";
					document.getElementById("buttonNext").style.display="inline";
				},3000);
			break;
		case 406:
			saveRecord(250);
			count = 0;
			document.getElementById("status").setAttribute('src', "image/check.jpg");
			document.getElementById("status").style.display="inline";
			document.getElementById("picA").style.display="none";
			document.getElementById("pic7").style.display="none";
			document.getElementById("pic9").style.display="none";
			document.getElementById("chkButton").style.display="none";
			
			cxt.clearRect(0, 0, c.width, c.height);
			
			cxt.beginPath();
			cxt.lineWidth = 7;
			cxt.strokeStyle = '#ff0000';
			cxt.moveTo(210,87);
			
			for (var i = 0; i <= 70; i++) {
				count++;
				move(57,170,i,count,10);
			}
			
			setTimeout(
				function(){
					switch(rotateZ){						
						case -15:
							saveRecord(200);
							document.getElementById("car").style.transform = 'rotateZ('+rotateZ+'deg)';
							count = 0;
							for (var i = 0; i <= 180; i=i+0.5){
								count++;
								movetoPos(127,240,i,count,10,15,-1,1);
							}
							posXCar=(127+180*Math.sin(15*(Math.PI / 180)));
							posYCar=(240+180*Math.cos(15*(Math.PI / 180))); 
							posXArrow=127+240*(Math.tan(15*(Math.PI / 180)));
							posYArrow=240+240; 
							rotateZ=15;
							saveSession(posXCar,posYCar,rotateZ,posXArrow,posYArrow);
							document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
							document.getElementById("status").style.display="inline";
							document.getElementById("buttonPrev").style.display="inline";
							document.getElementById("buttonNext").style.display="inline";
							break;
						case 0:
							saveRecord(200);
							document.getElementById("car").style.transform = 'rotateZ('+rotateZ+'deg)';
							count = 0;
							for (var i = 0; i <= 180; i=i+0.5){
								count++;
								movetoPos(127,240,i,count,10,0,1,1);
							}
							posXCar=(127+180*Math.sin(15*(Math.PI / 180)));
							posYCar=(240+180*Math.cos(15*(Math.PI / 180))); 
							posXArrow=127+240*(Math.tan(15*(Math.PI / 180)));
							posYArrow=240+240; 
							rotateZ=15;
							saveSession(posXCar,posYCar,rotateZ,posXArrow,posYArrow);
							document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
							document.getElementById("status").style.display="inline";
							document.getElementById("buttonPrev").style.display="inline";
							document.getElementById("buttonNext").style.display="inline";
							break;
						case 15:
							saveRecord(100);
							document.getElementById("car").style.transform = 'rotateZ('+rotateZ+'deg)';
							count = 0;
							for (var i = 0; i <= 180; i=i+0.5){
								count++;
								movetoPos(127,240,i,count,10,15,1,1);
							}
							posXCar=(127+180*Math.sin(15*(Math.PI / 180)));
							posYCar=(240+180*Math.cos(15*(Math.PI / 180))); 
							posXArrow=127+240*(Math.tan(15*(Math.PI / 180)));
							posYArrow=240+240; 
							rotateZ=15;
							saveSession(posXCar,posYCar,rotateZ,posXArrow,posYArrow);
							document.getElementById("status").setAttribute('src', "image/correct.jpg");
							document.getElementById("status").style.display="inline";
							document.getElementById("buttonPrev").style.display="inline";
							document.getElementById("buttonNext").style.display="inline";
							break;
						case 30:
							saveRecord(100);
							document.getElementById("car").style.transform = 'rotateZ('+rotateZ+'deg)';
							count = 0;
							for (var i = 0; i <= 180; i=i+0.5){
								count++;
								movetoPos(127,240,i,count,10,30,1,1);
							}
							posXCar=(127+180*Math.sin(30*(Math.PI / 180)));
							posYCar=(240+180*Math.cos(30*(Math.PI / 180))); 
							posXArrow=127+240*(Math.tan(30*(Math.PI / 180)));
							posYArrow=240+240;
							rotateZ=30;
							saveSession(posXCar,posYCar,rotateZ,posXArrow,posYArrow);
							document.getElementById("status").setAttribute('src', "image/correct.jpg");
							document.getElementById("status").style.display="inline";
							document.getElementById("buttonPrev").style.display="inline";
							document.getElementById("buttonNext").style.display="inline";
							break;
						case 45:
							saveRecord(200);
							document.getElementById("car").style.transform = 'rotateZ('+rotateZ+'deg)';
							count = 0;
							for (var i = 0; i <= 180; i=i+0.5){
								count++;
								movetoPos(127,240,i,count,10,45,1,1);
							}
							posXCar=(127+180*Math.sin(15*(Math.PI / 180)));
							posYCar=(240+180*Math.cos(15*(Math.PI / 180))); 
							posXArrow=127+240*(Math.tan(15*(Math.PI / 180)));
							posYArrow=240+240; 
							rotateZ=15;
							saveSession(posXCar,posYCar,rotateZ,posXArrow,posYArrow);
							document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
							document.getElementById("status").style.display="inline";
							document.getElementById("buttonPrev").style.display="inline";
							document.getElementById("buttonNext").style.display="inline";
							break;
						case 60:
							saveRecord(200);
							document.getElementById("car").style.transform = 'rotateZ('+rotateZ+'deg)';
							count = 0;
							for (var i = 0; i <= 180; i=i+0.5){
								count++;
								movetoPos(127,240,i,count,10,60,1,1);
							}
							posXCar=(127+180*Math.sin(15*(Math.PI / 180)));
							posYCar=(240+180*Math.cos(15*(Math.PI / 180))); 
							posXArrow=127+240*(Math.tan(15*(Math.PI / 180)));
							posYArrow=240+240; 
							rotateZ=15;
							saveSession(posXCar,posYCar,rotateZ,posXArrow,posYArrow);
							document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
							document.getElementById("status").style.display="inline";
							document.getElementById("buttonPrev").style.display="inline";
							document.getElementById("buttonNext").style.display="inline";
							break;
						case 75:
							saveRecord(200);
							document.getElementById("car").style.transform = 'rotateZ('+rotateZ+'deg)';
							count = 0;
							for (var i = 0; i <= 180; i=i+0.5){
								count++;
								movetoPos(127,240,i,count,10,75,1,1);
							}
							posXCar=(127+180*Math.sin(15*(Math.PI / 180)));
							posYCar=(240+180*Math.cos(15*(Math.PI / 180))); 
							posXArrow=127+240*(Math.tan(15*(Math.PI / 180)));
							posYArrow=240+240; 
							rotateZ=15;
							saveSession(posXCar,posYCar,rotateZ,posXArrow,posYArrow);
							document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
							document.getElementById("status").style.display="inline";
							document.getElementById("buttonPrev").style.display="inline";
							document.getElementById("buttonNext").style.display="inline";
							break;
					}
				},(count+1)*10);			
			break;
		case 407:
			saveRecord(250);
			count = 0;
			document.getElementById("status").setAttribute('src', "image/check.jpg");
			document.getElementById("status").style.display="inline";
			document.getElementById("picA").style.display="none";
			document.getElementById("pic7").style.display="none";
			document.getElementById("pic9").style.display="none";
			document.getElementById("chkButton").style.display="none";
			
			cxt.clearRect(0, 0, c.width, c.height);
			
			cxt.beginPath();
			cxt.lineWidth = 7;
			cxt.strokeStyle = '#ff0000';
			cxt.moveTo(posYCar+40,posXCar+30);
			
			for (var i = 180; i <= 240; i=i+0.5){
				count++;
				movetoPos(127,240,i,count,10,posCarAngle,1,1);
			}
			
			setTimeout(
				function(){
					switch(rotateZ){						
						case -15:
							saveRecord(200);
							document.getElementById("car").style.transform = 'rotateZ('+rotateZ+'deg)';
							count = 0;
							for (var i = 0; i <= 180; i++){
								count++;
								movetoPos(posXArrow,posYArrow,i,count,10,15,-1,1);
							}
							document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
							document.getElementById("status").style.display="inline";
							document.getElementById("buttonPrev").style.display="inline";
							document.getElementById("buttonNext").style.display="inline";
							break;
						case 0:
							saveRecord(200);
							document.getElementById("car").style.transform = 'rotateZ('+rotateZ+'deg)';
							count = 0;
							for (var i = 0; i <= 180; i++){
								count++;
								movetoPos(posXArrow,posYArrow,i,count,10,0,1,1);
							}
							document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
							document.getElementById("status").style.display="inline";
							document.getElementById("buttonPrev").style.display="inline";
							document.getElementById("buttonNext").style.display="inline";
							break;
						case 15:
							saveRecord(200);
							document.getElementById("car").style.transform = 'rotateZ('+rotateZ+'deg)';
							count = 0;
							for (var i = 0; i <= 180; i++){
								count++;
								movetoPos(posXArrow,posYArrow,i,count,10,15,1,1);
							}
							document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
							document.getElementById("status").style.display="inline";
							document.getElementById("buttonPrev").style.display="inline";
							document.getElementById("buttonNext").style.display="inline";
							break;
						case 30:
							if(posCarAngle<=rotateZ)
								saveRecord(200);
							else
								saveRecord(100);
							document.getElementById("car").style.transform = 'rotateZ('+rotateZ+'deg)';
							count = 0;
							for (var i = 0; i <= 180; i++){
								count++;
								movetoPos(posXArrow,posYArrow,i,count,10,30,1,1);
							}
							
							if(posCarAngle<=rotateZ)
								document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
							else
								document.getElementById("status").setAttribute('src', "image/correct.jpg");
							document.getElementById("status").style.display="inline";
							document.getElementById("buttonPrev").style.display="inline";
							document.getElementById("buttonNext").style.display="inline";
							break;
						case 45:
							if(posCarAngle<=rotateZ)
								saveRecord(200);
							else
								saveRecord(100);
							document.getElementById("car").style.transform = 'rotateZ('+rotateZ+'deg)';
							count = 0;
							for (var i = 0; i <= 180; i++){
								count++;
								movetoPos(posXArrow,posYArrow,i,count,10,45,1,1);
							}
							
							if(posCarAngle<=rotateZ)
								document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
							else
								document.getElementById("status").setAttribute('src', "image/correct.jpg");
							document.getElementById("status").style.display="inline";
							document.getElementById("buttonPrev").style.display="inline";
							document.getElementById("buttonNext").style.display="inline";
							break;
						case 60:
							saveRecord(100);
							document.getElementById("car").style.transform = 'rotateZ('+rotateZ+'deg)';
							count = 0;
							for (var i = 0; i <= 180; i++){
								count++;
								movetoPos(posXArrow,posYArrow,i,count,10,60,1,1);
							}
							document.getElementById("status").setAttribute('src', "image/correct.jpg");
							document.getElementById("status").style.display="inline";
							document.getElementById("buttonPrev").style.display="inline";
							document.getElementById("buttonNext").style.display="inline";
							break;
						case 75:
							saveRecord(100);
							document.getElementById("car").style.transform = 'rotateZ('+rotateZ+'deg)';
							count = 0;
							for (var i = 0; i <= 180; i++){
								count++;
								movetoPos(posXArrow,posYArrow,i,count,10,75,1,1);
							}
							document.getElementById("status").setAttribute('src', "image/correct.jpg");
							document.getElementById("status").style.display="inline";
							document.getElementById("buttonPrev").style.display="inline";
							document.getElementById("buttonNext").style.display="inline";
							break;
					}
				},(count+1)*10);
			break;
		case 410:
			saveRecord(250);
			document.getElementById("status").setAttribute('src', "image/check.jpg");
			document.getElementById("status").style.display="inline";
			document.getElementById("pic7").style.display="none";
			document.getElementById("pic9").style.display="none";
			document.getElementById("chkButton").style.display="none";
			
			setTimeout(
				function(){
					if(rotateZ > 45){
						saveRecord(100);
						document.getElementById("status").setAttribute('src', "image/correct.jpg");
					}
					else{
						saveRecord(200);
						document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
					}
					document.getElementById("status").style.display="inline";
					document.getElementById("buttonPrev").style.display="inline";
					document.getElementById("buttonNext").style.display="inline";
				},3000);
			break;
		case 511:
			saveRecord(250);
			document.getElementById("status").setAttribute('src', "image/check.jpg");
			document.getElementById("status").style.display="inline";
			document.getElementById("picA").style.display="none";
			document.getElementById("pic1").style.display="none";
			document.getElementById("pic2").style.display="none";
			document.getElementById("pic3").style.display="none";
			document.getElementById("pic4").style.display="none";
			document.getElementById("pic6").style.display="none";
			document.getElementById("pic7").style.display="none";
			document.getElementById("pic8").style.display="none";
			document.getElementById("pic9").style.display="none";
			document.getElementById("chkButton").style.display="none";
			
			setTimeout(
				function(){
					if(scale == 1){
						if(rotateX < 0)
							rotateX = rotateX + 360;
						if(rotateY < 0)
							rotateY = rotateY + 360;
						if(rotateZ < 0)
							rotateZ = rotateZ + 360;
						if((((rotateX>=0 && rotateX<=20) || (rotateX>=340 && rotateX<=360)) && ((rotateY>=0 && rotateY<=20) || (rotateY>=340 && rotateY<=360)) && rotateZ>=160 && rotateZ<=200) || (rotateX>=160 && rotateX<=200 && rotateY>=160 && rotateY<=200 && ((rotateZ>=0 && rotateZ<=20) || (rotateZ>=340 && rotateZ<=360)))){
							saveRecord(100);
							document.getElementById("status").setAttribute('src', "image/correct.jpg");
						}
						else{						
							saveRecord(200);
							document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
						}
					}
					else{
						document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
					}
					document.getElementById("status").style.display="inline";
					document.getElementById("buttonPrev").style.display="inline";
					document.getElementById("buttonNext").style.display="inline";
				},3000);
			break;
		case 606:
			saveRecord(250);
			document.getElementById("status").setAttribute('src', "image/check.jpg");
			document.getElementById("status").style.display="inline";
			document.getElementById("chkButton").style.display="none";
			document.getElementById("picA").style.display="none";
			document.getElementById("pic1").style.display="none";
			document.getElementById("pic2").style.display="none";
			document.getElementById("pic3").style.display="none";
			document.getElementById("pic4").style.display="none";
			document.getElementById("pic6").style.display="none";
			document.getElementById("pic7").style.display="none";
			document.getElementById("pic8").style.display="none";
			document.getElementById("pic9").style.display="none";
			
			setTimeout(
				function(){
					if(scale == 0.45){
						if(rotateX < 0)
							rotateX = rotateX + 360;
						if(rotateY < 0)
							rotateY = rotateY + 360;
						if(rotateZ < 0)
							rotateZ = rotateZ + 360;
						
						if((((rotateX>=0 && rotateX<=20) || (rotateX>=340 && rotateX<=360)) && rotateZ>=160 && rotateZ<=200 && ((rotateY>=0 && rotateY<=20) || (rotateY>=340 && rotateY<=360)))
							||(rotateX>=160 && rotateX<=200 && ((rotateZ>=0 && rotateZ<=20) || (rotateZ>=340 && rotateZ<=360)) && rotateY>=160 && rotateY<=200)){
							saveRecord(100);
							document.getElementById("status").setAttribute('src', "image/correct.jpg");
						}
						else{						
							saveRecord(200);
							document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
						}
					}
					else{
						saveRecord(200);
						document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
					}
					document.getElementById("status").style.display="inline";
					document.getElementById("buttonPrev").style.display="inline";
					document.getElementById("buttonNext").style.display="inline";
				},3000);
			break;
		case 609:
			saveRecord(250);
			document.getElementById("status").setAttribute('src', "image/check.jpg");
			document.getElementById("status").style.display="inline";
			document.getElementById("chkButton").style.display="none";
			document.getElementById("picA").style.display="none";
			document.getElementById("pic1").style.display="none";
			document.getElementById("pic2").style.display="none";
			document.getElementById("pic3").style.display="none";
			document.getElementById("pic4").style.display="none";
			document.getElementById("pic6").style.display="none";
			document.getElementById("pic7").style.display="none";
			document.getElementById("pic8").style.display="none";
			document.getElementById("pic9").style.display="none";
			
			setTimeout(
				function(){
					if(scale == 0.69){
						if(rotateX < 0)
							rotateX = rotateX + 360;
						if(rotateY < 0)
							rotateY = rotateY + 360;
						if(rotateZ < 0)
							rotateZ = rotateZ + 360;
						
						if((((rotateX>=0 && rotateX<=20) || (rotateX>=340 && rotateX<=360)) && rotateZ>=160 && rotateZ<=200 && ((rotateY>=0 && rotateY<=20) || (rotateY>=340 && rotateY<=360)))
							||(rotateX>=160 && rotateX<=200 && ((rotateZ>=0 && rotateZ<=20) || (rotateZ>=340 && rotateZ<=360)) && rotateY>=160 && rotateY<=200)){
							saveRecord(100);
							document.getElementById("status").setAttribute('src', "image/correct.jpg");
						}
						else{						
							saveRecord(200);
							document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
						}
					}
					else{
						saveRecord(200);
						document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
					}
					document.getElementById("status").style.display="inline";
					document.getElementById("buttonPrev").style.display="inline";
					document.getElementById("buttonNext").style.display="inline";
				},3000);
			break;
		case 612:
			saveRecord(250);
			document.getElementById("status").setAttribute('src', "image/check.jpg");
			document.getElementById("status").style.display="inline";
			document.getElementById("chkButton").style.display="none";
			document.getElementById("picA").style.display="none";
			document.getElementById("pic1").style.display="none";
			document.getElementById("pic2").style.display="none";
			document.getElementById("pic3").style.display="none";
			document.getElementById("pic4").style.display="none";
			document.getElementById("pic6").style.display="none";
			document.getElementById("pic7").style.display="none";
			document.getElementById("pic8").style.display="none";
			document.getElementById("pic9").style.display="none";
			
			setTimeout(
				function(){
					if(scale == 1){
						if(rotateX < 0)
							rotateX = rotateX + 360;
						if(rotateY < 0)
							rotateY = rotateY + 360;
						if(rotateZ < 0)
							rotateZ = rotateZ + 360;
						
						if((((rotateX>=0 && rotateX<=20) || (rotateX>=340 && rotateX<=360)) && rotateZ>=160 && rotateZ<=200 && ((rotateY>=0 && rotateY<=20) || (rotateY>=340 && rotateY<=360)))
							||(rotateX>=160 && rotateX<=200 && ((rotateZ>=0 && rotateZ<=20) || (rotateZ>=340 && rotateZ<=360)) && rotateY>=160 && rotateY<=200)){
							saveRecord(100);
							document.getElementById("status").setAttribute('src', "image/correct.jpg");
						}
						else{						
							saveRecord(200);
							document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
						}
					}
					else{
						saveRecord(200);
						document.getElementById("status").setAttribute('src', "image/wrongnext.jpg");
					}
					document.getElementById("status").style.display="inline";
					document.getElementById("buttonPrev").style.display="inline";
					document.getElementById("buttonNext").style.display="inline";
				},3000);
			break;
	}
}
function saveRecord(code){
	xmlhttp = new XMLHttpRequest();
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState==4) {
			if(xmlhttp.status==200) {
				xmlhttp.abort();
			}
		}
	};
	xmlhttp.open("POST","saveRecord.php",true);
	xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	xmlhttp.send("codenum=" + code + "&time=" + Math.floor(Date.now() / 1000));
}
function saveRecordHTML5(obj){
	xmlhttp = new XMLHttpRequest();
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState==4) {
			if(xmlhttp.status==200) {
				xmlhttp.abort();
			}
		}
	};
	var code = obj.code;
	var rotX = obj.rotX;
	var rotY = obj.rotY;
	var rotZ = obj.rotZ;
	var rotS = obj.rotS;
	xmlhttp.open("POST","saveRecord.php",true);
	xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	xmlhttp.send("codenum=" + code + "&time=" + Math.floor(Date.now() / 1000) + "&rotx="+rotX+"&roty="+rotY+"&rotz="+rotZ+"&scale="+rotS);
}

function saveRecords(code,time){
	xmlhttp = new XMLHttpRequest();
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState==4) {
			if(xmlhttp.status==200) {
				xmlhttp.abort();
			}
		}
	};
	xmlhttp.open("POST","saveRecord.php",true);
	xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	xmlhttp.send("codenum=" + code + "&dragtime=" + time);
}

function saveRecordr(code,rotX,rotY,rotZ,rotS){
	xmlhttp = new XMLHttpRequest();
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState==4) {
			if(xmlhttp.status==200) {
				xmlhttp.abort();
			}
		}
	};
	xmlhttp.open("POST","saveRecord.php",true);
	xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	xmlhttp.send("codenum=" + code + "&time=" + Math.floor(Date.now() / 1000) + "&rotx="+rotX+"&roty="+rotY+"&rotz="+rotZ+"&scale="+rotS);
}	

function saveSession(posXCar,posYCar,angle,posXArrow,posYArrow){
	xmlhttp = new XMLHttpRequest();
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState==4) {
			if(xmlhttp.status==200) {
				xmlhttp.abort();
			}
		}
	};
	xmlhttp.open("POST","saveSession.php",true);
	xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	xmlhttp.send("posXCar=" + posXCar + "&posYCar=" + posYCar + "&angle="+ rotateZ +"&posXArrow=" + posXArrow + "&posYArrow=" + posYArrow);
}

function move(x,y,k,i,t){
	setTimeout(function(){ 
		document.getElementById("car").style.top=x+k;
		document.getElementById("car").style.left=y+k; 
		cxt.lineTo(y+k+40,x+k+30);
		cxt.stroke();
	},i*t); 
}
function movetoPos(x,y,k,i,t,a,p1,p2){ 
	setTimeout(function(){ 
		document.getElementById("car").style.top=(x+p1*k*Math.sin(a*(Math.PI / 180)));
		document.getElementById("car").style.left=(y+p2*k*Math.cos(a*(Math.PI / 180))); 
		cxt.lineTo((y+p2*k*Math.cos(a*(Math.PI / 180)))+40,(x+p1*k*Math.sin(a*(Math.PI / 180)))+30);
		cxt.stroke();
	},i*t);
}

function movetoPos2(x,y,k,i,t,a,p1){ // 碰線
	setTimeout(function(){ 
		document.getElementById("car").style.top=(x+p1*k*(Math.tan(a*(Math.PI / 180))));
		document.getElementById("car").style.left=(y+k);
		cxt.lineTo((y+k)+40,(x+p1*k*(Math.tan(a*(Math.PI / 180))))+30);
		cxt.stroke();
	},i*t);
}
function dateFormat(date, format) {
    if(format === undefined){
        format = date;
        date = new Date();
    }
    var map = {
        "M": date.getMonth() + 1,
        "d": date.getDate(),
        "h": date.getHours(),
        "m": date.getMinutes(),
        "s": date.getSeconds(),
        "q": Math.floor((date.getMonth() + 3) / 3),
        "S": date.getMilliseconds()
    };
    format = format.replace(/([yMdhmsqS])+/g, function(all, t){
        var v = map[t];
        if(v !== undefined){
            if(all.length > 1){
                v = '0' + v;
                v = v.substr(v.length-2);
            }
            return v;
        }
        else if(t === 'y'){
            return (date.getFullYear() + '').substr(4 - all.length);
        }
        return all;
    });
    return format;
}