
window.onload=dezain;

var m=0;
var gazou=new Array(new Image(),new Image(),new Image(),new Image(),new Image());

gazou[0].src="http://www.kyfarmhouse.org/wp-content/uploads/2011/10/35.jpg";//画像１～５の設定
gazou[1].src="http://www.kyfarmhouse.org/wp-content/uploads/2011/10/25.jpg";
gazou[2].src="http://www.kyfarmhouse.org/wp-content/uploads/2011/10/15.jpg";

function maehe(){

if
(m==0){m=4;
document.getElementById("sono1").src=gazou[m].src;
document.getElementById("sc1").value=m+1;}

else{m--;
document.getElementById("sono1").src=gazou[m].src;
document.getElementById("sc1").value=m+1;}

}

function tugihe(){

if
(m<4){m++;
document.getElementById("sono1").src=gazou[m].src;
document.getElementById("sc1").value=m+1;}

else{m=0;
document.getElementById("sono1").src=gazou[m].src;
document.getElementById("sc1").value=m+1;}

}


function dezain(){

document.getElementById("sono1").src=gazou[m].src;

var dgiz=document.getElementById("zentai").style;
var dgig=document.getElementById("sono1").style;
var dgimae=document.getElementById("mae").style;
var dgitugi=document.getElementById("tugi").style;
var dgigen=document.getElementById("genpe").style;

dgiz.width="500px";dgiz.height="290px";
dgiz.border="1px solid silver";
dgiz.position="relative";dgiz.top="0px";dgiz.left="0px";

dgig.width="320px";
dgig.height="240px";
dgig.border="1px solid silver";
dgig.position="absolute";
dgig.top="10px";
dgig.left="89px";

dgimae.width="50px";
dgimae.position="absolute";
dgimae.top="120px";
dgimae.left="20px";

dgitugi.width="50px";
dgitugi.position="absolute";
dgitugi.top="120px";
dgitugi.left="432px";

dgigen.width="492px";
dgigen.height="20px";
dgigen.fontSize="small";
dgigen.color="white";
dgigen.backgroundColor="blue";
dgigen.border="1px solid silver";
dgigen.position="absolute";
dgigen.top="262px";
dgigen.left="0px";
dgigen.textAlign="center";
dgigen.padding="3px";

document.getElementById("sc1").value=m+1;
document.getElementById("sc2").value="5";
document.getElementById("sc1").style.textAlign="right";
document.getElementById("sc2").style.textAlign="right";

}

