// JavaScript Document
var dirName = "img_top/index/";
arrPicGroup = Array("pic1","pic2");
var arrPicName = Array();
arrPicName[0] = Array("31.jpg","26.jpg");
arrPicName[1] = Array("19.jpg","33.jpg");
arrPicName[2] = Array("42.jpg","43.jpg");
arrPicName[3] = Array("44.jpg","45.jpg");

var arrPic = Array();

var arrPicObj = Array();
var nCount = 0;
var nFlipTo = 0;
var nCountGroup = 0;
var arrFadeTime = Array(3000,6000);

function loadCount() {
	nCount++;
	if (nCount >= (arrPicName.length * 2)) {
		fadingIndex();
	}
}

function fadingIndex() {
	nFlipTo++;
	if (nFlipTo >= arrPicName.length) nFlipTo = 0;
	arrFadeTime = shuffle(arrFadeTime);
	for (ifhh = 0;ifhh < arrPicGroup.length;ifhh++) {
		arrPicObj[ifhh].picTo = arrPicName[nFlipTo][ifhh];
		arrPicObj[ifhh].nAlpha = 100;
		arrPicObj[ifhh].parentNode.style.backgroundImage = "url(" + dirName + arrPicName[nFlipTo][ifhh] + ")";
		setTimeout("fadingIndex2(" + ifhh + ")",arrFadeTime[ifhh]);
	}
	setTimeout(fadingIndex,15000);
}

function fadingIndex2(nifh) {
	arrPicObj[nifh].nAlpha -= 1;
	if (arrPicObj[nifh].nAlpha < 0) arrPicObj[nifh].nAlpha = 0;
	setAlpha(arrPicObj[nifh],arrPicObj[nifh].nAlpha);
	if (arrPicObj[nifh].nAlpha == 0) {
		arrPicObj[nifh].src = dirName + arrPicObj[nifh].picTo;
		setAlpha(arrPicObj[nifh],100);
		return;
	}
	setTimeout("fadingIndex2(" + nifh + ")",40);
}

function beginFadeAll() {
	for (ifh = 0;ifh < arrPicName.length;ifh++) {
		arrPic[ifh] = Array();
		for (ifhh = 0;ifhh < arrPicGroup.length;ifhh++) {
			arrPic[ifh][ifhh] = new Image();
			arrPic[ifh][ifhh].onload = loadCount;
			arrPic[ifh][ifhh].src = dirName + arrPicName[ifh][ifhh];
		}
	}
	for (ifhh = 0;ifhh < arrPicGroup.length;ifhh++) {
		arrPicObj[ifhh] = document.getElementById(arrPicGroup[ifhh]);
	}
}

beginFadeAll();