var i = 1;
var done = true;

function FadeEffect(element) {
    new Effect.Fade(element, { duration:0.3});
}
function ShowEffect(element) {
    new Effect.Appear(element, {duration:0.3});
}

function timedRotate() {
	t=setTimeout("rotateFeature()",5000);
}

function resetRotation() {
	t=setTimeout("rotateFeature()",15000);
}

function rotateFeature() {
	if(i == 5) {
		i = 1;
	} else {
		i = i + 1;	
	}
	displayFeature(i);
	timedRotate();
}

function displayFeature(element) {
	if(done == true) {
		done = false;
		i = parseInt(element);
		clearTimeout(t);
		var featurelink = document.getElementById('feat' + element);
		document.getElementById('feat1').className = '';
		document.getElementById('feat2').className = '';
		document.getElementById('feat3').className = '';
		document.getElementById('feat4').className = '';
		document.getElementById('feat5').className = '';		
		featurelink.className = 'selected';
		if(ie == true) {
			document.getElementById('feature1').style.display = 'none';
			document.getElementById('feature2').style.display = 'none';
			document.getElementById('feature3').style.display = 'none';
			document.getElementById('feature4').style.display = 'none';
			document.getElementById('feature5').style.display = 'none';
			document.getElementById('feature'+element).style.display = 'block';
		} else {
			if(i != 1) { FadeEffect('feature1') };
			if(i != 2) { FadeEffect('feature2') };
			if(i != 3) { FadeEffect('feature3') };
			if(i != 4) { FadeEffect('feature4') };
			if(i != 5) { FadeEffect('feature5') };
			ShowEffect('feature'+element);
		}
		setTimeout("done=true", 310);
	}
}