nav=navigator.appName.substring(0,1);
if(typ<0 || typ>3){typ=0;}
//写真入替え
function chg(p){
fil=url+dt[p];
if(nav=="M"){
save();
}else{
save2();
}
}
//サムネール
function thumb(k){
document.write('<table width="220" height=100% cellspacing=1><tr>');
ih=Math.floor((img_h+60)/(n+1))-2;
iw=Math.floor((img_w*1.46+40)/(n+1))-3;
if(k<1){ihw=' height='+ih;}else{ihw=' width='+iw;}
for(i=0;i<n;i++){
document.write('<td><P align="right"><font size=-1>',dai[i],'</font></P></td><td><img src="',url+dt[i],'"',ihw,' onClick="chg(',i,');"></td>')
if(k==0){
document.write('</tr><tr>');
}
}
document.write('<td><P align="right"><font size=-1>',dai[i],'</font></P></td><td><img src="',url+dt[i],'"',ihw,' onClick="chg(',i,');"></td>')

document.write('</tr></table>');
}
//初期ページ表示
document.write('<form name="ff"><input type="hidden" name="hh" value="',img_h,'"><input type=hidden name="ww" value="',img_w,'"><input type=hidden name="data" value="',url+dt[0],'">');
document.write('<iframe name="oto" width=100 height=0></iframe>');
//
document.write('<table border=0><tr>');
//上
if(typ==2){
document.write('<td>');
thumb(Math.floor(typ/2));
document.write('</td></tr><tr>');
}
//左
if(typ==0){
document.write('<td>');
thumb(Math.floor(typ/2));
document.write('</td>');
}
document.write('<td width=',(img_w*1.46+40),' height=',img_h+60,'>');
document.write('<iframe width=',(img_w*1.46+40),' height=',img_h+60,' name="jig" frameborder=0 scrolling=no></iframe></td>');
//右
if(typ==1){
document.write('<td>');
thumb(Math.floor(typ/2));
document.write('</td>');
}
//上
if(typ==3){
document.write('</tr><tr><td>');
thumb(Math.floor(typ/2));
document.write('</td>');
}
document.write('</tr></table>');
//document.write('<input type="text" name="timbox" size=5 style="text-align:center"><input type=button value="ばらまく" onClick="parent.st()">\n');
//document.write('<input type=button value="ならべる" onClick="parent.narabu()"><input type="text" name="count" size=5  value="0" style="text-align:center"></form>\n');




//初期値
sys_url="http://qpon.cool.ne.jp/game/jigsaw/";
set_flg=new Array();
img_top=0;
img_l=0;
cel_w=img_w/5;
cel_h=img_h/4
p=0;q=-1;qq=q;qx=0;qy=0;
cunt=0;
//整列
function narabu(){
for(i=0;i<20;i++){

qx=(i%5)*cel_w;
qy=(Math.floor(i/5))*cel_h;
jig.document.getElementById("jg_"+i).style.top = img_top;
jig.document.getElementById("jg_"+i).style.left =img_l;
}
jig.document.getElementById("jg_fin").style.visibility="hidden";
}
//ばら撒き
function st(){
jig.document.getElementById("jg_fin").style.visibility="hidden";
flg_cls();
for(i=0;i<20;i++){
ry=Math.floor(Math.random()*(img_h))
rx=Math.floor(Math.random()*(img_w*1.46));
qx=(i%5)*cel_w+cel_w/2;
qy=(Math.floor(i/5))*cel_h+cel_h/2;
jig.document.getElementById("jg_"+i).style.top = ry+img_top-qy;
jig.document.getElementById("jg_"+i).style.left =rx-qx;
}
start=new Date();
timer();

}
//フラグ初期化
function flg_cls(){
count=0;
for(i=0;i<20;i++){
set_flg[i]=0;
}
}
//移動
function mov(q){
if(set_flg[q]>0){return;}
z_set(q);
if(qq==q){q=-1;}

qq=q;
qx=Math.floor((qq%5)*cel_w+cel_w/2);
qy=Math.floor((Math.floor(qq/5))*cel_h+cel_h/2);

jig.x_y();
}
//重ね順
function z_set(z){
j=0;
for(i=0;i<20;i++){
if(i!=z && set_flg[z]!=1){
j++;
obj=jig.document.getElementById("jg_"+i);
obj.style.zIndex=(j);
}
}
j++;
obj=jig.document.getElementById("jg_"+z);
obj.style.zIndex=(j);
}
//イベント座標
function xy(x,y){
//x=event.x;y=event.y;
if(qq>=0){
jig.document.getElementById("jg_"+qq).style.top = y-qy;
jig.document.getElementById("jg_"+qq).style.left =x-qx;
qqx=Math.round((x-qx)/4);qqy=Math.round((y-qy)/4);
if(qqx==0 && qqy==0){
kotei();
}
}
return false;
}
//固定
function kotei(){
if(qq==0){kotei_sub();}
if(qq==4){if( set_flg[qq+5]==1 || set_flg[qq-1]==1){kotei_sub();}}
if(qq==15){if( set_flg[qq-5]==1 || set_flg[qq+1]==1){kotei_sub();}}
if(qq==19){if( set_flg[qq-5]==1 || set_flg[qq-1]==1){kotei_sub();}}
c="1.2.3".indexOf(qq,0);if(c>=0){if( set_flg[qq+5]==1 || set_flg[qq-1]==1 || set_flg[qq+1]==1){kotei_sub();}}
c="5.10".indexOf(qq,0);if(c>=0 ){if( set_flg[qq+5]==1 || set_flg[qq-5]==1 || set_flg[qq+1]==1){kotei_sub();}}
c="9.14".indexOf(qq,0);if(c>=0 ){if( set_flg[qq+5]==1 || set_flg[qq-5]==1 || set_flg[qq-1]==1){kotei_sub();}}
c="16.17.18".indexOf(qq,0);if(c>=0 ){if( set_flg[qq-5]==1 || set_flg[qq-1]==1 || set_flg[qq+1]==1){kotei_sub();}}
c="6.7.8.11.12.13".indexOf(qq,0);if(c>=0 ){if(set_flg[qq+5]==1 || set_flg[qq-5]==1 || set_flg[qq-1]==1 || set_flg[qq+1]==1){kotei_sub();}}
}
//
function kotei_sub(){

set_flg[qq]=1;
jig.document.getElementById("jg_"+qq).style.top = 0;
jig.document.getElementById("jg_"+qq).style.left =0;
//jig.document.getElementById("jg_"+qq).style.zindex =0;
obj=jig.document.getElementById("jg_"+qq);
obj.style.zIndex=0;
qq=-1;
count++;
jig.document.f0.count.value=count;
//document.ff.count.value=count;
if(count>=20){
clearTimeout(tm);
oto.location.href=sys_url+"qponjig1.htm";
obj=jig.document.getElementById("jg_fin");
obj.style.zIndex=23;
jig.document.getElementById("jg_fin").style.visibility="visible";
}else{
oto.location.href=sys_url+"qponjig2.htm";;
}

}
//タイマー
function timer(){
	tm=setTimeout("timer()",1000);
	now=new Date();
	td=parseInt((now.getTime()-start.getTime())/1000);
mm=parseInt(td/60);if(mm<10){mm="0"+mm;}
ss=td%60;if(ss<10){ss="0"+ss;}
jig.document.f0.timbox.value=mm+":"+ss;
//document.ff.timbox.value=mm+":"+ss
}
function save(){
gg="";
///////
gg+='<html>\n';
gg+='<head>\n';
gg+='<title>ＱＰＯＮのジグソーパズル</title>\n';

gg+='</head>\n';
gg+='<body bgcolor="#55A9D6" onLoad="parent.flg_cls();parent.st();">\n';
gg+='<center>\n';

gg+='<script language="javascript">\n';


////単独で使う場合は直接指定する/////
//fil=document.ff.data.value;//写真ファイル名

//img_w=document.ff.ww.value;//写真の横幅
//img_h=document.ff.hh.value;//写真の高さ
///
gg+='//イベント座標\n';
gg+='function x_y(){\n';
gg+='x=event.x;y=event.y;\n';
gg+='parent.xy(x,y);\n';
gg+='return false;\n';
gg+='}\n';

gg+='//割込み\n';
gg+='window.document.onmousemove=x_y;\n';

gg+='</script>\n';

sys_url="http://www.ne.jp/asahi/qpon/b/game/Jigsaw/";
set_flg=new Array();
img_top=0;
img_l=0;
cel_w=img_w/5;
cel_h=img_h/4;
p=0;q=-1;qq=q;qx=0;qy=0;
cunt=0;

gg+='<div id="daisi"  style="position:absolute;top:'+img_top+';left:'+img_l+';width:'+img_w+';height:'+img_h+';background-color:#FFB6C1;">\n';
gg+='<center><br><br><br><br><br><font color=#ffffff><b>この台紙にチップを<br><br>左上から並べる</b><br><br>マウスボタンを押したまま動かして、<br>チップを連結すると貼りつきます。</font><br><br>\n';
gg+='<a href="http://www2a.biglobe.ne.jp/~qpon/" target="_top"><font color=#ffffff>製作：ＱＰＯＮ</font></a></center>\n';

gg+='</div>\n';

for(i=0;i<20;i++){
cx=(i%5)*cel_w;cy=(Math.floor(i/5))*cel_h;cc=cel_w/4;
cx0=cx-cc;cx1=cx+cel_w+cc;cy0=cy-cc;cy1=cy+cel_h+cc;
if(cx0<1){cx0=0;}
if(cx1>=img_w){cx1=img_w;}
if(cy0<1){cy0=0;}
if(cy1>=img_h){cy1=img_h;}
mk=(i%2)+((Math.floor(i/5))%2)*2;
cp0='rect('+cy0+','+cx1+','+cy1+','+cx0+')';
//チップ表示
gg+='<div id="jg_'+i+'" valign=middle style="position:absolute;top:'+img_top+';left:'+img_l+';width:'+img_w+';height:'+img_h+';clip:'+cp0+';filter:chroma(color=#ffff00);z-index:2">\n';
if(document.layers){dm='<a href="javascript:void(0)"';}else{dm='<span';}
gg+=dm+' onmouseDown="parent.mov('+i+')" onmouseUp="parent.mov('+i+')"><table  height='+img_h+' width='+img_w+' background="'+fil+'" border=0 cellpadding=0 cellspacing=0><tr><td align=center valign=middle>\n';
gg+='<img src="'+sys_url+'mask1'+mk+'.gif" galleryimg="no" name="cip_'+i+'" width='+img_w+' height='+img_h+' border=0>\n';
gg+='</td></tr></table>\n';
if(document.layers){dm='</a>';}else{dm='</span>';}
gg+=dm+'</div>\n';
}
gg+='<div id="jg_fin" valign=middle style="position:absolute;top:'+img_top+';left:'+img_l+';width:'+img_w+';height:'+img_h+';z-index:0;visibility:hidden">\n';
gg+='<table  height='+img_h+' width='+img_w+' background="'+fil+'" border=0 cellpadding=0 cellspacing=0><tr><td align=center valign=middle>\n';
gg+='</td></tr></table></a></div>\n';


fd=(img_top+img_h)*1+30;
gg+='<form name="f0"><div id="comm"  style="position:absolute;top:'+fd+';left:'+img_l+';width:'+img_w+'">\n';
gg+='<input type="text" name="timbox" size=5 style="text-align:center"><input type=button value="ばらまく" onClick="parent.st()">\n';
gg+='<input type=button value="ならべる" onClick="parent.narabu()"><input type="text" name="count" size=5  value="0" style="text-align:center">\n';
gg+='</div></form>\n';
gg+='</center>\n';
gg+='</body>\n';
gg+='</html>\n';
jig.document.open();
jig.document.write(gg);
jig.document.close();
}
function save2(){
gg="";
///////
gg+='<html>\n';
gg+='<head>\n';
gg+='<title>ＱＰＯＮのジグソーパズル</title>\n';

gg+='</head>\n';
gg+='<body bgcolor="#55A9D6">\n';
gg+='<center>\n';
gg+='<br><br><font size=5>お使いのブラウザには機能がありません。<br><br>インターネットエクスプローラでご覧ください。</font>\n';
gg+='</center>\n';
gg+='</body>\n';
gg+='</html>\n';
jig.document.open();
jig.document.write(gg);
jig.document.close();
}
p=Math.floor(Math.random()*(n+1))
chg(p);