// JavaScript Document

var arrImgSrc = new Array("0-4.jpg", "0-2.jpg", "000.jpg", "001.jpg", "002.jpg", "003.jpg", "004.jpg", "005.jpg", "006.jpg", "008.jpg", "009.jpg", "010.jpg", "011.jpg", "012.jpg", "013.jpg", "014.jpg", "015.jpg", "016.jpg");
var arrImgSrc_Idx = 0;

function initBendImage()
{
	blendimage('blenddiv','blendimage', "banner/" + arrImgSrc[arrImgSrc_Idx], 9000);
	
	document.getElementById("tbl_banner_cache").rows[0].cells[0].innerHTML = "";
	for (i=0; i<=arrImgSrc.length-1; i++)
		document.getElementById("tbl_banner_cache").rows[0].cells[0].innerHTML += "<img src='banner/" + arrImgSrc[i] + "' border=0>";
}

function blendimage(divid, imageid, imagefile, 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 + ")";
    
    //make image transparent
    changeOpac(0, imageid);
    
    //make new image
    document.getElementById(imageid).src = imagefile;

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

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 + ")";
	
	if (opacity == 100)
	{
		arrImgSrc_Idx++;
		if (arrImgSrc_Idx == arrImgSrc.length)
			arrImgSrc_Idx = 0;
		sr = 'banner/' + arrImgSrc[arrImgSrc_Idx];
		setTimeout("blendimage('blenddiv','blendimage', sr, 2000)", 9000);
	}
}