var PRIORITIES = ['research', 'care', 'education', 'transformation'];
var MAX_OPACITY = 0.75;

function init()
{
	$('header').addEvent('click', function() { location.href = 'http://campaign.pharmacy.umaryland.edu/' });
	$('header').setStyle('cursor', 'pointer');
	
	for (var i = 0; i < PRIORITIES.length; i++)
	{
		var div = $(PRIORITIES[i]);
		var header = $E('h2', div);
		var detail = $E('p', div);
		div.href = $E('a', div).getAttribute('href');
		
		header.setStyle('opacity', MAX_OPACITY);
		detail.setStyle('opacity', 0);
		div.addEvent('mouseover', appear.bind(div));
		div.addEvent('mouseout', disappear.bind(div));
		div.addEvent('click', (function() { location.href = this.href }).bind(div));
	};
	
	
	function appear (event)
	{
		$E('p', this).setStyle('opacity', MAX_OPACITY);
	};
	
	function disappear (event)
	{
		$E('p', this).setStyle('opacity', 0);
	};
};


window.addEvent('domready', init);