var theImage = new Array()
theImage[0] = 'one_on'
theImage[1] = 'two_on'
theImage[2] = 'three_on'
theImage[3] = 'four_on'
theImage[4] = 'five_on'

var arrayLength = theImage.length;

function orimage()
{
document.getElementById("myImage1").className="one_off"
document.getElementById("myImage2").className="two_off"
document.getElementById("myImage3").className="three_off"
document.getElementById("myImage4").className="four_off"
document.getElementById("myImage5").className="five_off"

}

active = Math.floor(Math.random()* arrayLength );

k = 1;
var fadeinTimer,fadeoutTimer,hideTimer;
var fadeinTimer0,fadeoutTimer0,hideTimer0;
var fadeTitleID = 'feature_title_';
function animate(i,interaction)
{
	clearTimeout(fadeinTimer);
	clearTimeout(fadeoutTimer);
	clearTimeout(hideTimer);
	clearTimeout(fadeinTimer0);
	clearTimeout(fadeoutTimer0);
	clearTimeout(hideTimer0);
	if(interaction=="first")
	{
		fadeIn(i);
		active = i;
		k = active;
	    timerID = setInterval("autorotator()",5000);
	}
	if(interaction==true)
	{	
		timerID=clearInterval(timerID);
	}
	orimage();
	if(active!=i)
	{
		fadeOut(active);
		fadeIn(i);
		active = i;
	}
	document.getElementById("myImage" + (i+1)).className=theImage[i];
	if(interaction==true)
	{
		k = active;
		timerID = setInterval("autorotator()",5000);
	}
}

function autorotator()
{
	animate(k,false);
	if(k!= (arrayLength  - 1))
	{
		k=k+1;
	}
	else
	{
		k =0;
	}
}

function getElm(eID) {
	return document.getElementById(eID);
}
function show(eID) {
	getElm(eID).style.display='block';
}
function hide(eID) {
	getElm(eID).style.display='none';
}
function setOpacity(eID, opacityLevel) {
	var eStyle = getElm(eID).style;
	eStyle.opacity = opacityLevel / 100;
	eStyle.filter = 'alpha(opacity='+opacityLevel+')';
}
function fadeIn(eID) {
	
	setOpacity(eID, 0); show(eID); var timer = 0;
	setOpacity(fadeTitleID + eID, 0); show(fadeTitleID + eID); var timer = 0;
	for (var i=1; i<=100; i++) {
		fadeinTimer = setTimeout("setOpacity('"+eID+"',"+i+")", timer * 5);
		fadeinTimer0 = setTimeout("setOpacity('"+fadeTitleID+eID+"',"+i+")", timer * 5);
		timer++;
	}
}
function fadeOut(eID) {
	var timer = 0;
	for (var i=100; i>=1; i--) {
		fadeoutTimer = setTimeout("setOpacity('"+eID+"',"+i+")", timer * 3);
		fadeoutTimer0 = setTimeout("setOpacity('"+fadeTitleID+eID+"',"+i+")", timer * 3);
		timer++;
	}
	hideTimer = setTimeout("hide('"+eID+"')", 500);
	//hideTimer0 = setTimeout("hide('"+ fadeTitleID + eID +"')", 500);
	getElm(fadeTitleID + eID).style.display='none';
}