// JavaScript Document

var effects; //i am global now
	window.onload = function(){
		var list = $$('#menu li a');
		list.each(function(element) {
		 
			var mfx = new Fx.Styles(element, {duration:300, wait:false});
		 
			element.addEvent('mouseenter', function(){
				mfx.start({
					'background-color': '#231f20',
					'padding-left': '30px',
					'width': '160px',
					'background-position': '0 0'					
				});
			});
		 
			element.addEvent('mouseleave', function(){
				mfx.start({
					'background-color': '#ed1c24',
					'padding-left': '10px',
					'width': '180px',
					'background-position': '-20px 0'
				});
			});
		 
		});
		
		var list = $$('#port li a');
		list.each(function(element) {
		 
			var mfx = new Fx.Styles(element, {duration:300, wait:false});
		 
			element.addEvent('mouseenter', function(){
				mfx.start({
					'height': '210px'
				});
			});
		 
			element.addEvent('mouseleave', function(){
				mfx.start({
					'height': '120px'
				});
			});
		 
		});
}