addLoadEvent(features);

function features() {
	featureImages = getElementsByClass('feature', 'img');
	
	for (i in featureImages) {
		setFeatureMouseoverFunctions(featureImages[i].id);
	}
}

function setFeatureMouseoverFunctions (featureId) {
	featureImg = document.getElementById(featureId);
	
	featureImg.onmouseover = function() {
		featureDefaultDetails = document.getElementById('featuredetails');
		featureDefaultDetails.style.display = 'none';
		
		featureDetails = document.getElementById(featureId + '-details');
		featureDetails.style.display = 'block';
	};
	
	featureImg.onmouseout = function() {
		featureDetails = document.getElementById(featureId + '-details');
		featureDetails.style.display = 'none';
		
		featureDefaultDetails = document.getElementById('featuredetails');
		featureDefaultDetails.style.display = 'block';
	};
}