var IE = document.all;
var mContent = new Array();
mContent[0] = "<img src='/img/img1.jpg' width='223' height='109' />";
mContent[1] = "<img src='/img/img2.jpg' width='223' height='109' />";
mContent[2] = "<img src='/img/img3.jpg' width='223' height='109' />";
mContent[3] = "<img src='/img/img4.jpg' width='223' height='109' />";
mContent[4] = "<img src='/img/img5.jpg' width='223' height='109' />";
mContent[5] = "<img src='/img/img6.jpg' width='223' height='109' />";


var zTrack = 0;
var curOpacity = 30;
var direction =0;

//constants
var INTERVAL = 100;
var STEP = 2;

function fade() {
	mHTML = "";
	for(i=0;i<mContent.length;i++) {
		mHTML+= "<div id=\"xContent\" name=\"xContent\" class=\"zContent\">" + mContent[i] + "</div>";
	}
	document.getElementById("mContainer").innerHTML = mHTML;
	mInterval = setInterval("rotate()",INTERVAL);
}

function rotate() {
	direction?curOpacity-=STEP:curOpacity+=STEP;
	IE?document.getElementsByName("xContent")[zTrack].style.filter="alpha(opacity="+ curOpacity+")":document.getElementsByName("xContent")[zTrack].style.MozOpacity=curOpacity/100;
	if(curOpacity>=90) {
		curOpacity=90;
		direction=1;
	} else if(curOpacity<=0) {
		curOpacity=0;
		direction=0;
		zTrack++;
		if(zTrack>mContent.length-1)zTrack=0;
	}
}

addLoadEvent(fade);