//-===========================effect FADE GAMBAR ==================


var jmlGbr = arrGambar.length;

var gbrNo = Array();
gbrNo[1] = 0;
gbrNo[2] = 3;
gbrNo[3] = 7;

var timer = Array();
timer[1] = 0;
timer[2] = 0;
timer[3] = 0;
var chAvail = true;



function changeOpac(opacity, id) {
	if (chAvail){
		chAvail = false;
		var object = document.getElementById(id).style;
		object.opacity = (opacity / 100);
		object.MozOpacity = (opacity / 100);
		object.KhtmlOpacity = (opacity / 100);
		object.filter = "alpha(opacity=" + opacity + ")";
		chAvail = true;
	}
} 


function gantiGambar(id, opacMin, opacMax, millisec, idgbr){
	timer[idgbr] = 0;
	gbrNo[idgbr]++;
	for(i=1; i<=3; i++){
		if (i!=idgbr){
			if (gbrNo[i]==gbrNo[idgbr]) gbrNo[idgbr]++;
		} 
	}
	if (gbrNo[idgbr] > (jmlGbr - 1)) gbrNo[idgbr] = 0;
	gbrBaru = arrGambar[gbrNo[idgbr]];
	for(i=opacMax; i>=opacMin; i--){
		setTimeout("changeOpac(" + i + ",'" + id + "')",(timer[idgbr] * (Math.round(millisec / 100))));
		timer[idgbr]++;
	}
	timer[idgbr] +=2;
	setTimeout("document.getElementById('" + id + "').src='" + gbrBaru + "'",(timer[idgbr] * (Math.round(millisec / 100))));
	timer[idgbr] +=5;
	for(i=opacMin; i<=opacMax; i++){
		setTimeout("changeOpac(" + i + ",'" + id + "')",(timer[idgbr] * (Math.round(millisec / 100))));
		timer[idgbr]++;
	}
}

function initFade(){
	milisekon = 800;
	setInterval("gantiGambar('gbrFade1', 1, 100, " + milisekon + ", 1);",(1531 * (Math.round(milisekon / 100))));
	setInterval("gantiGambar('gbrFade2', 1, 100, " + milisekon + ", 2);",(1627 * (Math.round(milisekon / 100))));
	setInterval("gantiGambar('gbrFade3', 1, 100, " + milisekon + ", 3);",(1839 * (Math.round(milisekon / 100))));
}