var flyouts = [	
	['Flyout1','left',-238,0],
	['Flyout2','right',-238,0],
	['Flyout3','left',-238,0],
	['Flyout4','top',-190,0]
];

var flyout = {
	start: function() {
		flyouts.each(function(item, index){
			if($(item[0])){
				var flyout_action = new Fx.Style( $(item[0]), item[1], {wait:false, duration:750, transition: Fx.Transitions.Sine.easeOut, fps: 40}).set(item[2]);
				$(item[0]).addEvent( 'mouseenter', function(event) {
					var evt = new Event(event);
					var current_item = evt.relatedTarget;
					if( current_item ) { 
						while($(current_item) != this && current_item.nodeName != 'HTML') current_item = current_item.parentNode; 
						if( $(current_item) == this ) return;
						flyout_action.custom( item[2], item[3]);
					}
				});
				$(item[0]).addEvent('mouseleave', function(event){
					var evt = new Event(event);
					var current_item = evt.relatedTarget;
					if( current_item ) {
						while ($(current_item) != this && current_item.nodeName != 'HTML') current_item = current_item.parentNode;
						if ($(current_item) == this) return;
						flyout_action.custom(item[3], item[2]);
					};
				});
			$(item[0]).setStyle('display', 'block');
			};
		});
	}
};

window.addEvent('domready', function() {
	flyout.start();
});