var timerID;var x;var xs;var ys;var st;var ct;var ct2;var ct3;var t1=new Array(10);var t2=new Array(11);var t3=new Array(22);var ap=new Array(43);var rt=new Array(43);var canvasObj;var context;var imgObj;t1[0]="モ";t1[1]="バ";t1[2]="イ";t1[3]="ル";t1[4]="ア";t1[5]="プ";t1[6]="リ";t1[7]="サ";t1[8]="イ";t1[9]="ト";t2[0]="か";t2[1]="た";t2[2]="ぷ";t2[3]="～";t2[4]="の";t2[5]="ホ";t2[6]="ー";t2[7]="ム";t2[8]="ペ";t2[9]="ー";t2[10]="ジ";t3[0]="h";t3[1]="t";t3[2]="t";t3[3]="p";t3[4]=":";t3[5]="/";t3[6]="/";t3[7]="w";t3[8]="w";t3[9]="w";t3[10]=".";t3[11]="k";t3[12]="a";t3[13]="t";t3[14]="a";t3[15]="p";t3[16]="u";t3[17]=".";t3[18]="n";t3[19]="e";t3[20]="t";t3[21]="/";window.onload=function(){main()};function main(){canvasObj=document.getElementById("katapumov");context=canvasObj.getContext("2d");imgObj=new Image();imgObj.src="katapumov/bak.png";clearInterval(timerID);x=0;st=0;ct=0;ct2=1;ct3=0;for(i=0;i<43;i=i+1){ap[i]=0;rt[i]=0}imgObj.onload=function(){timerID=setInterval("move()",20)}}function move(){switch(st){case 0:x=x-0.5;if(x<=-600){x=0}context.globalAlpha=1.0;context.drawImage(imgObj,x,0,600,200);context.drawImage(imgObj,x+600,0,600,200);for(i=0;i<ct2;i=i+1){ap[i]=ap[i]+0.02;if(ap[i]>=1.0){ap[i]=1.0}rt[i]=rt[i]+5;if(rt[i]<1080){if(i<10){context.font="25pt normal";context.save();context.translate(25+i*30+30*Math.sin(rt[i]*Math.PI/180),29+30*Math.cos(rt[i]*Math.PI/180));context.rotate(rt[i]*Math.PI/180);context.globalAlpha=ap[i];context.fillStyle="rgb(100,100,155)";context.fillText(t1[i],1,1);context.fillStyle="rgb(0,0,55)";context.fillText(t1[i],0,0);context.restore()}else{if(i<21){j=i-10;context.font="40pt normal";context.save();context.translate(30+j*48+30*Math.sin(rt[i]*Math.PI/180),94+30*Math.cos(rt[i]*Math.PI/180));context.rotate(rt[i]*Math.PI/180);context.globalAlpha=ap[i];context.fillStyle="rgb(100,100,155)";context.fillText(t2[j],1,1);context.fillStyle="rgb(0,0,155)";context.fillText(t2[j],0,0);context.restore()}else{j=i-21;context.font="25pt normal";context.save();context.translate(150+j*18+30*Math.sin(rt[i]*Math.PI/180),141+30*Math.cos(rt[i]*Math.PI/180));context.rotate(rt[i]*Math.PI/180);context.globalAlpha=ap[i];context.fillStyle="rgb(100,100,155)";context.fillText(t3[j],1,1);context.fillStyle="rgb(0,0,55)";context.fillText(t3[j],0,0);context.restore()}}}else{if(i<10){context.font="25pt normal";context.globalAlpha=1.0;context.fillStyle="rgb(100,100,155)";context.fillText(t1[i],20+i*30,58);context.fillStyle="rgb(0,0,55)";context.fillText(t1[i],19+i*30,57)}else{if(i<21){j=i-10;context.font="40pt normal";context.globalAlpha=1.0;context.fillStyle="rgb(100,100,155)";context.fillText(t2[j],39+j*48,123);context.fillStyle="rgb(0,0,155)";context.fillText(t2[j],38+j*48,122)}else{j=i-21;context.font="25pt normal";context.globalAlpha=1.0;context.fillStyle="rgb(100,100,155)";context.fillText(t3[j],151+j*18,170);context.fillStyle="rgb(0,0,55)";context.fillText(t3[j],150+j*18,169)}}}}ct=ct+5;if(ct%210==0){rt[ct2]=0;ap[ct2]=0;ct2=ct2+1;if(ct2>42){ct3=ct3+1;ct2=43;st=0;if(ct3>20){st=1}}}if(ct>=1080){ct=0}break;case 1:x=x-0.5;if(x<=-600){x=0}context.globalAlpha=1.0;context.drawImage(imgObj,x,0,600,200);context.drawImage(imgObj,x+600,0,600,200);context.save();context.scale(2.0-ap[0],2.0-ap[0]);xs=(1.0-ap[0])*300;ys=(1.0-ap[0])*100;ap[0]=ap[0]-0.01;for(i=0;i<ct2;i=i+1){if(i<10){context.font="25pt normal";context.globalAlpha=ap[0];context.fillStyle="rgb(100,100,155)";context.fillText(t1[i],20+i*30-xs,58-ys);context.fillStyle="rgb(0,0,55)";context.fillText(t1[i],19+i*30-xs,57-ys)}else{if(i<21){j=i-10;context.font="40pt normal";context.globalAlpha=ap[0];context.fillStyle="rgb(100,100,155)";context.fillText(t2[j],39+j*48-xs,123-ys);context.fillStyle="rgb(0,0,155)";context.fillText(t2[j],38+j*48-xs,122-ys)}else{j=i-21;context.font="25pt normal";context.globalAlpha=ap[0];context.fillStyle="rgb(100,100,155)";context.fillText(t3[j],151+j*18-xs,170-ys);context.fillStyle="rgb(0,0,55)";context.fillText(t3[j],150+j*18-xs,169-ys)}}}context.restore();if(ap[0]<=0.02){ct=0;ct2=1;ct3=0;for(i=0;i<43;i=i+1){ap[i]=0;rt[i]=0}st=0}break}}