var t;
var effectSpeed = 300;
var loopSpeed = 5000;
var features = [];
var currentFeature = null;
var isMouseOverFeature = false;

function onFeature(feature) {
	currentFeature = $(feature).prevAll().length;
	
	var openFeatures = $('#mainFeatures .feature.open');
	if (openFeatures.length) {
		for (i=0; i<openFeatures.length; i++) {
			if ($(openFeatures[i]).attr('id') != $(feature).attr('id')) offFeature(openFeatures[i]);
		}
	}
	
	var info = $(feature).find('div.info');
	var photo = $(feature).find('div.photo');
	var support = $(feature).find('div.support');
	
	if (!$(feature).hasClass('open')) {
		$(feature).addClass('open');
		
		$(photo).css({opacity:0});
		
		$(info).animate({
			height: '100px'
		},effectSpeed);
		$(photo).animate({
			top: '0',
			opacity: '1'
		},effectSpeed);
		/*$(info).find('h3, h3 a').animate({
			opacity: '1'
		},effectSpeed);*/
		$(support).fadeIn(effectSpeed);
	}
}

function offFeature(feature) {
	var info = $(feature).find('div.info');
	var photo = $(feature).find('div.photo');
	var support = $(feature).find('div.support');
	
	$(feature).removeClass('open');
	
	$(info).animate({
		height: '45px'
	},effectSpeed);
	$(photo).animate({
		top: '260px',
		opacity: '0'
	},effectSpeed);
	/*$(info).find('h3').animate({
		opacity: '.5'
	},effectSpeed);*/
	$(support).fadeOut(effectSpeed);
}

function nextFeature() {
	var nextFeature = currentFeature + 1;
	if (nextFeature >= 3) nextFeature = 0;
	onFeature(features[nextFeature]);
	
	clearTimeout(t);
	t = setTimeout("nextFeature()",loopSpeed);
}

$(document).ready(function(){
	var featureHolder = $('#mainFeatures');
	features = $(featureHolder).find('.feature');
	var bg = $(featureHolder).find('#featureBg');
	
	$(featureHolder).hover(function(){
		clearTimeout(t);
	},function(){
		clearTimeout(t);
		t = setTimeout("nextFeature()",loopSpeed);	
	});
	
	if (features.length) {
		$(features).each(function(){		
			$(this).hover(function(){
				onFeature(this);
			});
		});
		
		/*$('#mainFeatures .feature .info h3').each(function(){
			$(this).animate({
				opacity: '.5'
			},600);
		});*/
		
		setTimeout(function(){
			if (currentFeature === null) {
				onFeature(features[1]);
				
				clearTimeout(t);
				t = setTimeout("nextFeature()",loopSpeed);
			}
			$(bg).animate({opacity:'.5'},600);
		},1000);
	}
});