//フェードイン、フェードアウトで使用する
var opa = 0;      //透明度を設定する
var opacnt = 2.5; //増加させる透過率(%)
var gazouid="ImgCard";
var sin = 0;

//時間設定
var outtime = 0;//フェードアウトする時間の設定に使用
var timer = 200;//透過率を増加させる時間(ms)
var sleeptime = 5000;//表示画像のフェードイン、フェードアウトを止める時間(ms)

//画像変更時に使用する
var picNum=5;
var Images=new Array(picNum);
var cnt=1;

//表示させる画像
Images[0]="./img/toppage/test/IMG_3512.jpg";
Images[1]="./img/toppage/test/IMG_1.jpg";
Images[2]="./img/toppage/test/IMG_2.jpg";
Images[3]="./img/toppage/test/IMG_3.jpg";
Images[4]="./img/toppage/test/IMG_4.jpg";

function imgload() {
	outtime=0;
	flag = false;
	stopflag = true;
	if( navigator.appName == "Microsoft Internet Explorer" ) flag = true;
	imgTag = document.getElementById(gazouid);
	imgTag.style.visibility = "visible";
	FadeIn(0);
}

function FadeIn(opa) {//フェードイン
  if(opa == 100){
  if(flag){//ブラウザの確認をおこなう
  	//IE
  	imgTag.style.filter = "alpha(opacity = "+opa+")";
  }else{
  	//Firefox
   	imgTag.style.opacity = opa / 100;
	imgTag.style.Mozopacity = opa / 100;
  }
  FadeOut(opa);
  }else{
  	if(flag){//ブラウザの確認
		//IE
		imgTag.style.filter = "alpha(opacity = "+opa+")";
	}else{
		//Firefox
		imgTag.style.opacity = opa / 100;
		imgTag.style.Mozopacity = opa / 100;
	}
  pi = Math.PI;
  sin = Math.sin(opa*pi/180);
  opa += opacnt;
  setTimeout("FadeIn("+opa+")",timer*(1-sin));
  }
}
function FadeOut(opa){//フェードアウト
  if(opa == 0){
  	if(flag){//ブラウザの確認
		//IE
		imgTag.style.filter = "alpha(opacity = "+opa+")";
	}else{
		//Firefox
		imgTag.style.opacity = opa / 100;
		imgTag.style.Mozopacity = opa / 100;
	}
  imgTag.setAttribute("src", Images[cnt++]);
  if(cnt==picNum) cnt=0;
  }else{
  	if(stopflag){
		stopflag=false;
		setTimeout("FadeOut("+opa+")",sleeptime);
	}else{
	  	if(flag){
			imgTag.style.filter = "alpha(opacity = "+opa+")";
		}else{
			imgTag.style.opacity = opa / 100;
		}
		opa -= opacnt;
		outtime += opacnt;
		pi = Math.PI;
		sin = Math.sin(outtime*pi/180);
		setTimeout("FadeOut("+opa+")",timer*(1-sin));
	}
  }
}