/* home.js */


var features = [];
var feature;
var feature_mask;
var feature_current = 0;
var feature_tween;


/* initial actions */
window.addEvent('load', function() {
	
	// features
	if (features && features.length > 1) { // if there's more than one image
		featuresStart();
	}
	
});


/* features */
function featuresStart() {
	feature = $('feature');
	feature_mask = $('feature-mask');
	feature_tween = new Fx.Tween(feature_mask, {
		property: 'opacity',
		duration: 3000,
		onComplete: function() {
			feature_mask.setStyle('background-image', 'url('+features[feature_current]+')');
			feature_tween.set(1);
			featuresNext.delay(7000);
		}
	});
	featuresNext.delay(7000);
}
function featuresNext() {
	feature_current = feature_current + 1 == features.length ? 0 : feature_current + 1;
	var image = new Asset.image(features[feature_current], {
		onload: function() {
			feature.setStyle('background-image', 'url('+features[feature_current]+')');
			feature_tween.start(0);
		}
	});
}