stp=Math.floor(img_w/10);img_w=stp*10;//移動ピッチ
if(wh==1){
stp=Math.floor(img_h/10);img_h=stp*10;
}
if(wh==1){stp=img_h/10;}
w=0;
nn=0;mm=0;
mv_flg=0;
flg=0;
fil=new Array();
doc=new Array();

//ファイルの先読み
for(i=0;i<=n;i++){
dd=dt[i].split(",");
fil[i]=new Image();fil[i].src=url+dd[0];
doc[i]=dd[1];
}
//位置移動
function iti(){

//中央揃え
if(document.layers){
ww=innerWidth;hh=innerHeight;
}else{
ww=document.body.clientWidth;
hh=document.body.clientHeight;
}
scr_center=ww/2;//写真の表示中央位置
img_l=scr_center-img_w/2;

document.getElementById("ll_02").style.left =img_l;
document.getElementById("rr_02").style.left =img_l;
document.getElementById("ll_01").style.left =img_l;
document.getElementById("rr_01").style.left =img_l;
document.getElementById("l_5").style.left =img_l;

}
window.onresize=iti;
//方向
function chg(){
if(document.layers){
nn++;
if(nn>n){nn=0;}
document.nc.src=fil[nn].src;
}else{
px=event.x;py=event.y;
if(wh==0){
if(px>scr_center){muki=1;}else{muki=-1;}
}else{
if(py<img_top+img_h/2){muki=1;}else{muki=-1;}
}
set();
}
}
///イメージセット///
function set(){

if(flg==1){
return;
}else{
set_sub();
}
}

//
function set_sub(){
if(muki==1){ll="ll_";rr="rr_";}else{ll="rr_";rr="ll_";}
w=0;

mm=nn+muki;
if(mm>n){mm=0;}
if(mm<0){mm=n;}
if(wh==0){
document[ll+"1"].width=0;
}else{
document[ll+"1"].height=0;
}
document[rr+"1"].src=fil[nn].src;

if(wh==0){
document[rr+"1"].width=img_w;
}else{
document[rr+"1"].height=img_h;
}
document[rr+"2"].src=fil[mm].src;
document[ll+"1"].src=fil[mm].src;
document[ll+"2"].src=fil[nn].src;
//document.book_f.com.value=doc[mm];
mv();
nn=nn+muki;
if(nn>n){nn=0;}
if(nn<0){nn=n;}
}
//自動
function at(){
if(document.layers){return;}
if(flg==1){
flg=0;
clearTimeout(at_tm);
document.book_f.book_e.value="オートスライド";
return;
}
at_sub();
flg=1;
document.book_f.book_e.value="手動に戻す";
}
//
function at_sub(){
if(mv_flg==0){
set_sub();
}
at_tm=setTimeout("at_sub()",tim);
}

//めくる
function mv(){

if(w>20){
clearTimeout(tm);
mv_flg=0;
return;
}
if(wh==1){
if(w<10){
document[rr+"1"].height=img_h-w*stp;

}
if(w==10){
document[rr+"1"].height=0;
document.book_f.com.value=doc[mm];
}
if(w>10){
document[ll+"1"].height=(w-10)*stp;

}
}else{
if(w<10){
document[rr+"1"].width=img_w-w*stp;
}
if(w==10){
document[rr+"1"].width=0;
document.book_f.com.value=doc[mm];
}
if(w>10){
document[ll+"1"].width=(w-10)*stp;
}
}
w=w+1;
mv_flg=1;

tm=setTimeout("mv()",50); 

}

//中央揃え

ww=document.body.clientWidth;
hh=document.body.clientHeight;
scr_center=ww/2;//写真の表示中央位置

if(wh==1){
cp2='rect(0,'+img_w +','+img_h/2+',0)';cp1='rect('+img_h/2+','+img_w+','+img_h+',0)';
}else{
cp1='rect(0,'+img_w/2+','+img_h+',0)';cp2='rect(0,'+img_w+','+img_h+','+img_w/2+')';
}
img_l=scr_center-img_w/2;
document.write('<div id="ll_02" valign=middle style="position:absolute;top:',img_top,';left:',img_l,';width:',img_w,';height:',img_h,';clip:',cp1,'">');
document.write('<a href="javascript:void(0)" onClick="chg()">');
document.write('<table height=',img_h,' width=',img_w,' border=0 cellspacing=0 cellpadding=0><tr><td align=center valign=middle>');
document.write('<img src="',fil[0].src,'" name="ll_2" width=',img_w,' height=',img_h,' border=0 galleryimg="no" alt="">');
document.write('</td></tr></table></a></div>\n');

document.write('<div id="rr_02" valign=middle  style="position:absolute;top:',img_top,';left:',img_l,';width:',img_w,';height:',img_h,';clip:',cp2,'">');
document.write('<a href="javascript:void(0)" onClick="chg()">');
document.write('<table height=',img_h,' width=',img_w,' border=0 cellspacing=0 cellpadding=0><tr><td align=center valign=middle>');
document.write('<img src="',fil[0].src,'" name="rr_2" width=',img_w,' height=',img_h,' border=0 galleryimg="no" alt="">');
document.write('</td></tr></table></a></div>\n');

document.write('<div id="ll_01"  style="position:absolute;top:',img_top,';left:',img_l,';width:',img_w,';height:',img_h,';clip:',cp1,'">');
document.write('<a href="javascript:void(0)" onClick="chg()">');
document.write('<table height=',img_h,' width=',img_w,' border=0 cellspacing=0 cellpadding=0><tr><td align=center valign=middle>');
document.write('<img src="',fil[0].src,'" name="ll_1" width=',img_w,' height=',img_h,' border=0 galleryimg="no" alt="">');
document.write('</td></tr></table></a></div>\n');

document.write('<div id="rr_01" style="position:absolute;top:',img_top,';left:',img_l,';width:',img_w,';height:',img_h,';clip:',cp2,'">');
document.write('<a href="javascript:void(0)" onClick="chg()">');
document.write('<table height=',img_h,' width=',img_w,' border=0 cellspacing=0 cellpadding=0><tr><td align=center valign=middle>');
document.write('<img src="',fil[0].src,'" name="rr_1" width=',img_w,' height=',img_h,' border=0 galleryimg="no" alt="">');
document.write('</td></tr></table></a></div>\n');

document.write('<div id="l_5" style="position:absolute;top:',img_top+img_h+5,';left:',img_l,';width:',img_w,'">');
document.write('<center><form name="book_f">');
fc=document.fgColor;
document.write('<input type=text name="com" value="',doc[0],'" style="width:',img_w,';border-width:0;font-size:14;background-color:transparent;text-align:center;color:',fc,'"><br><br>');
document.write('<input type="button"  name="book_e" value="めくり切替" onClick="at()"><br>');
document.write('</form></center></div>\n');
document.write('<table border=0><tr height=',(img_h+120),'><td><br></td></tr></table><br>');