// JavaScript Document

window.onload=gazousentaku;

var gazous=new Array(5);
gazous[0]=new Image();
gazous[1]=new Image();
gazous[2]=new Image();
gazous[3]=new Image();
gazous[4]=new Image();

gazous[0].src="x101.jpg";//画像１～５の設定
gazous[1].src="ns101.jpg";
gazous[2].src="z101.jpg";
gazous[3].src="f101.jpg";
gazous[4].src="va101.jpg";

var kotoba=new Array(5);

kotoba[0]="<a href='http://tadasuke.jp/product/tourspec/x_tour.php'><h2 align='center'>X-TOUR</h2></a>";
kotoba[1]="<a href='http://tadasuke.jp/product/next/nextstage.php'><h2 align='center'>NEXT STAGE</h2></a>";
kotoba[2]="<a href='http://tadasuke.jp/product/tourspec/z_tour.php'><h2 align='center'>Z-TOUR</h2></a>";
kotoba[3]="<a href='http://tadasuke.jp/product/tourspec/f.php'><h2 align='center'>TOURSPEC F</h2></a>";
kotoba[4]="<a href='http://tadasuke.jp/product/tourspec/v.php'><h2 align='center'>TOURSPEC V Athlete</h2></a>";

function gazousentaku(){
var dgim=document.getElementById("kokom");
var dgi0=document.getElementById("koko0");
var dgi1=document.getElementById("koko1");
var dgi2=document.getElementById("koko2");
var dgi3=document.getElementById("koko3");
var dgi4=document.getElementById("koko4");

var dgi5=document.getElementById("koko5");
var dgik=document.getElementById("komento");

dgi0.src=gazous[0].src;
dgi1.src=gazous[1].src;
dgi2.src=gazous[2].src;
dgi3.src=gazous[3].src;
dgi4.src=gazous[4].src;
dgi5.src=gazous[0].src;

dgim.style.width="470px";
dgim.style.height="400px";
dgim.style.backgroundColor="black";
dgim.style.border="1px solid black";
dgim.style.position="relative";
dgim.style.top="0px";
dgim.style.left="0px";

dgi0.style.width="80px";
dgi0.style.height="60px";
dgi0.style.border="1px solid blue";
dgi0.style.position="absolute";
dgi0.style.top="10px";
dgi0.style.left="10px";

dgi1.style.width="80px";
dgi1.style.height="60px";
dgi1.style.border="1px solid silver";
dgi1.style.position="absolute";
dgi1.style.top="10px";
dgi1.style.left="102px";

dgi2.style.width="80px";
dgi2.style.height="60px";
dgi2.style.border="1px solid silver";
dgi2.style.position="absolute";
dgi2.style.top="10px";
dgi2.style.left="194px";

dgi3.style.width="80px";
dgi3.style.height="60px";
dgi3.style.border="1px solid silver";
dgi3.style.position="absolute";
dgi3.style.top="10px";
dgi3.style.left="286px";

dgi4.style.width="80px";
dgi4.style.height="60px";
dgi4.style.border="1px solid silver";
dgi4.style.position="absolute";
dgi4.style.top="10px";
dgi4.style.left="378px";

dgi5.style.width="320px";
dgi5.style.height="240px";
dgi5.style.border="1px solid silver";
dgi5.style.position="absolute";
dgi5.style.top="82px";
dgi5.style.left="74px";

dgik.style.width="442px";
dgik.style.height="50px";
dgik.style.color="blue";
dgik.style.backgroundColor="black";
dgik.style.fontSize="small";
dgik.style.border="1px solid white";
dgik.style.position="absolute";
dgik.style.top="334px";
dgik.style.left="10px";
dgik.style.padding="3px";

document.getElementById("komento").innerHTML=kotoba[0];

}

function koremiru0(){

document.getElementById("koko0").style.borderColor="blue"
document.getElementById("koko1").style.borderColor="silver"
document.getElementById("koko2").style.borderColor="silver"
document.getElementById("koko3").style.borderColor="silver"
document.getElementById("koko4").style.borderColor="silver"

document.getElementById("koko5").src=gazous[0].src;

document.getElementById("komento").innerHTML=kotoba[0];}

function koremiru1(){

document.getElementById("koko0").style.borderColor="silver"
document.getElementById("koko1").style.borderColor="blue"
document.getElementById("koko2").style.borderColor="silver"
document.getElementById("koko3").style.borderColor="silver"
document.getElementById("koko4").style.borderColor="silver"

document.getElementById("koko5").src=gazous[1].src;

document.getElementById("komento").innerHTML=kotoba[1];}

function koremiru2(){

document.getElementById("koko0").style.borderColor="silver"
document.getElementById("koko1").style.borderColor="silver"
document.getElementById("koko2").style.borderColor="blue"
document.getElementById("koko3").style.borderColor="silver"
document.getElementById("koko4").style.borderColor="silver"

document.getElementById("koko5").src=gazous[2].src;

document.getElementById("komento").innerHTML=kotoba[2];}

function koremiru3(){

document.getElementById("koko0").style.borderColor="silver"
document.getElementById("koko1").style.borderColor="silver"
document.getElementById("koko2").style.borderColor="silver"
document.getElementById("koko3").style.borderColor="blue"
document.getElementById("koko4").style.borderColor="silver"

document.getElementById("koko5").src=gazous[3].src;

document.getElementById("komento").innerHTML=kotoba[3];}

function koremiru4(){

document.getElementById("koko0").style.borderColor="silver"
document.getElementById("koko1").style.borderColor="silver"
document.getElementById("koko2").style.borderColor="silver"
document.getElementById("koko3").style.borderColor="silver"
document.getElementById("koko4").style.borderColor="blue"

document.getElementById("koko5").src=gazous[4].src;

document.getElementById("komento").innerHTML=kotoba[4];}