// Fear Rollover script
window.addEvent('domready', function() {
	
	//SHOW TOP FEAR INFO
	
	var sloganTop = $('logo');
	var info = $('fearInfo');
	
	$('showFearMsg').addEvent('mouseover', function(e) {
		e.stop();
		sloganTop.morph({height: 460, width: 630, 'background-color': '#000000'});
		info.fade(1);
	});
	
	$('logo').addEvent('mouseout', function(e) {
		e.stop();
		sloganTop.morph({height: 232, width: 190, 'background': 'none'});
		info.fade(0);
		sloganTop.setStyle('background', 'none');
	});
	
	//SHOW MID FEAR INFO
	
	var sloganMid = $('fearWrapperMid');
	var infoMid = $('fearInfoMid');
	
	$('showMidFearMsg').addEvent('mouseover', function(e) {
		e.stop();
		sloganMid.morph({height: 250, 'background-color': '#000000'});
		infoMid.fade(1);
	});
	
	$('showMidFearMsg').addEvent('mouseout', function(e) {
		e.stop();
		sloganMid.morph({height: 1, 'background': 'none'});
		infoMid.fade(0);
		sloganMid.setStyle('background', 'none');
	});
	
	//SHOW BOTTOM FEAR INFO
	
	var sloganBottom = $('fearWrapperFoot');
	var infoBottom = $('fearInfoFoot');
	
	$('showBottomFearMsg').addEvent('mouseover', function(e) {
		e.stop();
		sloganBottom.morph({height: 460, width: 630, 'background-color': '#000000'});
		infoBottom.fade(1);
	});
	
	$('fearWrapperFoot').addEvent('mouseout', function(e) {
		e.stop();
		sloganBottom.morph({height: 68, width: 258, 'background': 'none'});
		infoBottom.fade(0);
		sloganBottom.setStyle('background', 'none');
	});
	
	
});