<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"/>
<meta http-equiv="content-style-type" content="text/css"/>
<title>VP&nbsp;&nbsp;festival&nbsp;&nbsp;-&nbsp;本友会&nbsp;-</title>
<meta name="description" content="私(管理人)が所属している愛媛県西条市「本友会」屋台（だんじり）の写真集です。" />
<meta name="keywords" content="本友会,写真,祭り,photo,だんじり,屋台,四国,愛媛,西条市,趣味" />
<meta name="author" content="J.M" />
<meta name="copyright" content="Manabe" />
<meta name="country code" scheme="81" />
<link rel="start" href="http://yoshi.nomaki.jp/" />
<meta name="Targted Geographic Area" content="Japan" />
<meta name="classification" content="祭" />
<meta name="robots" content="INDEX,FOLLOW" />
<meta http-equiv="pragma" content="no-cache" /><link rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
a:link {
color: #ff0033;
font-weight: bold;
}
a:visited {
color: #ff0033; 
font-weight: bold;
}
a:active {
color: #ffff00; 
}
a:hover {
color: #ffff00;
font-weight: bold;
}
-->
</style>
</head>

<body style="background-color:#000;">
<center>
<table style="position:center;
margin-top:15px;
width: 640px;
border-collapse:collapse;"><tr>
<td style="padding-bottom:15px;">
<font color="#ff0033" size="+3">
本&nbsp;&nbsp;友&nbsp;&nbsp;会</font>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</td>
</tr>
</table>

<table style="position:center;
background-color:#000;
margin-top:0px;
width: 240px;
height:320px;
border-collapse:collapse;">
<tr>
<td>
<script language="JavaScript">
<!--
var hayasa=3500;
var yokohaba=240;
var tatehaba=320;
photo=new Array();var pn=0;
photo[pn++]="parts/maturi/tkmst001s.jpg";
photo[pn++]="parts/maturi/matus/m0001.jpg";
photo[pn++]="parts/maturi/matus/m0002.jpg";
photo[pn++]="parts/maturi/matus/m0003.jpg";
photo[pn++]="parts/maturi/matus/m0004.jpg";
photo[pn++]="parts/maturi/matus/m0005.jpg";
photo[pn++]="parts/maturi/matus/m0006.jpg";
photo[pn++]="parts/maturi/matus/m0007.jpg";
photo[pn++]="parts/maturi/matus/m0008.jpg";
photo[pn++]="parts/maturi/matus/m0009.jpg";
photo[pn++]="parts/maturi/matus/m0010.jpg";
photo[pn++]="parts/maturi/matus/m0011.jpg";
photo[pn++]="parts/maturi/matus/m0012.jpg";
photo[pn++]="parts/maturi/matus/m0013.jpg";
photo[pn++]="parts/maturi/matus/m0014.jpg";
photo[pn++]="parts/maturi/matus/m0015.jpg";
photo[pn++]="parts/maturi/matus/m0016.jpg";
photo[pn++]="parts/maturi/matus/m0017.jpg";
photo[pn++]="parts/maturi/matus/m0018.jpg";
photo[pn++]="parts/maturi/matus/m0019.jpg";
photo[pn++]="parts/maturi/matus/m0020.jpg";
photo[pn++]="parts/maturi/matus/m0021.jpg";
photo[pn++]="parts/maturi/matus/m0022.jpg";
photo[pn++]="parts/maturi/matus/m0023.jpg";
photo[pn++]="parts/maturi/matus/m0024.jpg";
photo[pn++]="parts/maturi/matus/m0025.jpg";
photo[pn++]="parts/maturi/matus/m0026.jpg";
photo[pn++]="parts/maturi/matus/m0027.jpg";
photo[pn++]="parts/maturi/matus/m0028.jpg";
photo[pn++]="parts/maturi/matus/m0029.jpg";
var n=photo.length;
var min=tatehaba/10;
var zi,z_tid;
p_obj=new Array();for(t=0;t<n;t++){p_obj[t]=new Image();p_obj[t].src=photo[t];}
document.write('<table style="width:'+(yokohaba+10)+';border-collapse:collapse;"><tr>');
document.write('<td style="background-color:#000;padding-bottom:10px;">');
document.write('<center>');
document.write('<input type="button" onclick="kaisi();" value="Start" style="width:55px;">');
document.write('<input type="button" onclick="mae();" value="Back" style="width:55px;">');
document.write('<input type="button" onclick="tugi();" value="Next" style="width:55px;">');
document.write('<input type="button" onclick="teisi();" value="Stop" style="width:55px;">');
document.write('</center>');
document.write('</td></tr><tr>');
document.write('</center>');
document.write('<td id="mytd" style="background:url('+p_obj[0].src+') center no-repeat ;width:240px;height:320px;">');
document.write('</center>');
document.write('<center>');
document.write('<img id="myimg" galleryimg=no>');
document.write('</center>');
document.write('</td></tr><tr>');
document.write('<td style="background-color:#000;padding-top:10px;">');
document.write('<center>');
document.write('<span id="text" style="font-size:15px;color:#ff00ff;">ダミー</span>');
document.write('</center>');
document.write('</td></tr></table>');
var tid,joutai="PHOTO",i=0;document.getElementById("myimg").src=p_obj[i].src;n_hyouji();
function kaisi(){clearInterval(tid);joutai="Slide Show";tugi();tid=setInterval("tugi();",hayasa);}
function mae(){if(i>0){i--;p_hyouji();n_hyouji();}else{i=n-1;p_hyouji();n_hyouji();}}
function tugi(){if(i<n-1){i++;p_hyouji();n_hyouji();}else{i=0;p_hyouji();n_hyouji();}}
function teisi(){clearInterval(tid);joutai="PHOTO";n_hyouji();}
function henkou(sel_no){i=sel_no;hyouji();}
function p_hyouji(){document.getElementById("myimg").style.height=min+"px";document.getElementById("myimg").src=p_obj[i].src;zoom_on();}
function n_hyouji(){var j=""+joutai+" ： "+n+" 枚中 "+(i+1)+" 枚目を表示";document.getElementById("text").firstChild.nodeValue=j;}
function zoom_on(){clearInterval(z_tid);zi=min;z_tid=setInterval("kakudai();",50);}
function kakudai(){
zi+=min;if(zi<tatehaba+min){document.getElementById("myimg").style.height=zi+"px";}else{clearInterval(z_tid);document.getElementById("mytd").style.backgroundImage="url('"+p_obj[i].src+"')";}
}
//-->
</script>
</td>
</tr>
</table>

<table style="position:center;
margin-top:35px;
width: 640px;
border-collapse:collapse;"><tr>
<td style="padding-bottom:55px;">
<font color="#ff0033" size="+1">
<a href="vpfes002.html" style="text-decoration:none;" target="_self">
大画面表示（&nbsp;６４０&nbsp;×&nbsp;４８０&nbsp;）に切替</a></font>
</td>
</tr>
</table>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</center>
</body>
</html>