// JavaScript Document
var imagenum=1;
var curDiv=0;
var clearFade;
var degree=0;

function fade() {
	var imageObj= document.getElementById("banner"+curDiv);
	resetImage();
	imageObj.style.zIndex++;
	clearFade = setInterval("changeOpac()",4);
	curDiv = (curDiv==0) ? 1 : 0;
}

function changeOpac() {
	otherDiv = (curDiv==0) ? 1 : 0;	
	var imageObj= document.getElementById("banner"+otherDiv);
	if (degree<100){
		degree+=1
		if (imageObj.filters&&imageObj.filters[0]){
			if (typeof imageObj.filters[0].opacity=="number")
				imageObj.filters[0].opacity=degree;
			else 
				imageObj.style.filter="alpha(opacity="+degree+")"
		}
		else if (imageObj.style.MozOpacity)
			imageObj.style.MozOpacity=degree/101
		else if (imageObj.style.KhtmlOpacity)
			imageObj.style.KhtmlOpacity=degree/100
		else if (imageObj.style.opacity&&!imageObj.filters)
			imageObj.style.opacity=degree/101
	}
	else{
		var imageObj= document.getElementById("banner"+curDiv);
		clearInterval(clearFade)
		imageObj.innerHTML='<img src="'+bannerImages[imagenum].src+'">';
		imagenum = (imagenum < bannerImages.length - 1) ? imagenum+1 : 0;
		setTimeout("fade()", 2500)
	}
}

function resetImage(){
	degree=1;
	var imageObj= document.getElementById("banner"+curDiv);
	if (imageObj.filters&&imageObj.filters[0]){
		if (typeof imageObj.filters[0].opacity=="number")
			imageObj.filters[0].opacity=degree;
		else 
			imageObj.style.filter="alpha(opacity="+degree+")"
	}
	else if (imageObj.style.MozOpacity)
		imageObj.style.MozOpacity=degree/101
	else if (imageObj.style.KhtmlOpacity)
		imageObj.style.KhtmlOpacity=degree/100
	else if (imageObj.style.opacity&&!imageObj.filters)
		imageObj.style.opacity=degree/101
}

function startFade(){
	var imageObj= document.getElementById("banner"+curDiv);
	imageObj.innerHTML='<img src="'+bannerImages[0].src+'">';
	fade();
}