var Index=0;
var pic= new Array();
var picnext=new Image();
picnext.src="../img/gallery_img/gallery_next_button.jpg";
var picback=new Image();
picback.src="../img/gallery_img/gallery_back_button.jpg";
var picbg=new Image();
picbg.src="../img/gallery_img/gallery_bg_top.jpg";
var pictitle=new Image();
pictitle.src="../img/gallery_img/gallery_photo_titlebar.png";


var photos= new Array(); 
	pic[0]=new Image(); 
	pic[0].src="./gallery_upload/photo1.jpg"; 
	photos[0]=["./gallery_upload/photo1.jpg","ガーデン"];
	pic[1]=new Image(); 
	pic[1].src="./gallery_upload/photo2.jpg"; 
	photos[1]=["./gallery_upload/photo2.jpg","がくえん橋"];
	pic[2]=new Image(); 
	pic[2].src="./gallery_upload/photo3.jpg"; 
	photos[2]=["./gallery_upload/photo3.jpg","かたらい橋"];
	pic[3]=new Image(); 
	pic[3].src="./gallery_upload/photo4.jpg"; 
	photos[3]=["./gallery_upload/photo4.jpg","キャンパス"];
	pic[4]=new Image(); 
	pic[4].src="./gallery_upload/photo5.jpg"; 
	photos[4]=["./gallery_upload/photo5.jpg","コスモスと町並み"];
	pic[5]=new Image(); 
	pic[5].src="./gallery_upload/photo6.jpg"; 
	photos[5]=["./gallery_upload/photo6.jpg","そらいろ保育園"];
	pic[6]=new Image(); 
	pic[6].src="./gallery_upload/photo7.jpg"; 
	photos[6]=["./gallery_upload/photo7.jpg","ともだち"];
	pic[7]=new Image(); 
	pic[7].src="./gallery_upload/photo9.jpg"; 
	photos[7]=["./gallery_upload/photo9.jpg","ようこそ！板倉へ"];
	pic[8]=new Image(); 
	pic[8].src="./gallery_upload/photo10.jpg"; 
	photos[8]=["./gallery_upload/photo10.jpg","花と駅"];
	pic[9]=new Image(); 
	pic[9].src="./gallery_upload/photo11.jpg"; 
	photos[9]=["./gallery_upload/photo11.jpg","街並み"];
	pic[10]=new Image(); 
	pic[10].src="./gallery_upload/photo12.jpg"; 
	photos[10]=["./gallery_upload/photo12.jpg","街並み2"];
	pic[11]=new Image(); 
	pic[11].src="./gallery_upload/photo13.jpg"; 
	photos[11]=["./gallery_upload/photo13.jpg","街路樹"];
	pic[12]=new Image(); 
	pic[12].src="./gallery_upload/photo14.jpg"; 
	photos[12]=["./gallery_upload/photo14.jpg","希望の橋"];
	pic[13]=new Image(); 
	pic[13].src="./gallery_upload/photo15.jpg"; 
	photos[13]=["./gallery_upload/photo15.jpg","気球"];
	pic[14]=new Image(); 
	pic[14].src="./gallery_upload/photo16.jpg"; 
	photos[14]=["./gallery_upload/photo16.jpg","空からの街並み"];
	pic[15]=new Image(); 
	pic[15].src="./gallery_upload/photo17.jpg"; 
	photos[15]=["./gallery_upload/photo17.jpg","光のツリー"];
	pic[16]=new Image(); 
	pic[16].src="./gallery_upload/photo18.jpg"; 
	photos[16]=["./gallery_upload/photo18.jpg","初夏のふれあい通り"];
	pic[17]=new Image(); 
	pic[17].src="./gallery_upload/photo19.jpg"; 
	photos[17]=["./gallery_upload/photo19.jpg","初夏の小径"];
	pic[18]=new Image(); 
	pic[18].src="./gallery_upload/photo20.jpg"; 
	photos[18]=["./gallery_upload/photo20.jpg","初秋"];
	pic[19]=new Image(); 
	pic[19].src="./gallery_upload/photo21.jpg"; 
	photos[19]=["./gallery_upload/photo21.jpg","雪"];
	pic[20]=new Image(); 
	pic[20].src="./gallery_upload/photo22.jpg"; 
	photos[20]=["./gallery_upload/photo22.jpg","公園と花"];
	pic[21]=new Image(); 
	pic[21].src="./gallery_upload/photo23.jpg"; 
	photos[21]=["./gallery_upload/photo23.jpg","紅葉葉楓"];
	pic[22]=new Image(); 
	pic[22].src="./gallery_upload/photo24.jpg"; 
	photos[22]=["./gallery_upload/photo24.jpg","彫刻「夢」"];
	pic[23]=new Image(); 
	pic[23].src="./gallery_upload/photo25.jpg"; 
	photos[23]=["./gallery_upload/photo25.jpg","調整池"];
	pic[24]=new Image(); 
	pic[24].src="./gallery_upload/photo26.jpg"; 
	photos[24]=["./gallery_upload/photo26.jpg","東洋大学１"];
	pic[25]=new Image(); 
	pic[25].src="./gallery_upload/photo27.jpg"; 
	photos[25]=["./gallery_upload/photo27.jpg","東洋大学2"];
	pic[26]=new Image(); 
	pic[26].src="./gallery_upload/photo28.jpg"; 
	photos[26]=["./gallery_upload/photo28.jpg","道標"];
	pic[27]=new Image(); 
	pic[27].src="./gallery_upload/photo29.jpg"; 
	photos[27]=["./gallery_upload/photo29.jpg","虹"];
	pic[28]=new Image(); 
	pic[28].src="./gallery_upload/photo30.jpg"; 
	photos[28]=["./gallery_upload/photo30.jpg","富士山"];
	pic[29]=new Image(); 
	pic[29].src="./gallery_upload/photo31.jpg"; 
	photos[29]=["./gallery_upload/photo31.jpg","北調節池排水機場"];
	pic[30]=new Image(); 
	pic[30].src="./gallery_upload/photo32.jpg"; 
	photos[30]=["./gallery_upload/photo32.jpg","満天星躑躅"];
	pic[31]=new Image(); 
	pic[31].src="./gallery_upload/photo33.jpg"; 
	photos[31]=["./gallery_upload/photo33.jpg","夜景1"];
	pic[32]=new Image(); 
	pic[32].src="./gallery_upload/photo34.jpg"; 
	photos[32]=["./gallery_upload/photo34.jpg","夜景2"];
	pic[33]=new Image(); 
	pic[33].src="./gallery_upload/photo35.jpg"; 
	photos[33]=["./gallery_upload/photo35.jpg","遊歩道"];
	pic[34]=new Image(); 
	pic[34].src="./gallery_upload/photo36.jpg"; 
	photos[34]=["./gallery_upload/photo36.jpg","夕景"];
	pic[35]=new Image(); 
	pic[35].src="./gallery_upload/photo8.jpg"; 
	photos[35]=["./gallery_upload/photo8.jpg","バス停"];

function forward(){
	Index++;
	if(Index>=photos.length){
		Index=0;
	}
	ChangePhoto(Index);
	
}
function backward(){
	Index--;
	if(Index<0){
		Index=photos.length-1;
	}
	ChangePhoto(Index);
	
}
function ChangePhoto(Ind){
	if(Index!=Ind){
		Index=Ind;
	}
	document.getElementById('title-pic').innerHTML=photos[Ind][1];
	blendimage("photo_hyouzi","placeholder",photos[Ind][0],photos[Ind][1],250);
}

function blendimage(divid, imageid, imagefile, imagetitle, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
    
    //set the current image as background
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
    document.getElementById(divid).style.backgroundRepeat= "no-repeat";
    
    //make image transparent
    changeOpac(0, imageid);
    
    //make new image
    document.getElementById(imageid).src = pic[Index].src;
    document.getElementById(imageid).alt = imagetitle;
    document.getElementById(imageid).title = imagetitle;

    //fade in image
    for(i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
        timer++;
    }
} 

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}