window.addEvent('domready', function(){

var myFunction= function() {
		this.removeClass('show');
	};
	
	var myTimer;


		$('trigger1').addEvents({
			'mouseenter': function(){
                $('flyout1').addClass('show');
			
			},
			'mouseleave': function(){			
				myTimer=myFunction.delay(50,$('flyout1'));
			}
		});
		
		$('trigger2').addEvents({
			'mouseenter': function(){				
				$('flyout2').addClass('show');
			
			},
			'mouseleave': function(){			
				myTimer=myFunction.delay(50,$('flyout2'));
			}
		});

		$('trigger3').addEvents({
			'mouseenter': function(){				
				$('flyout3').addClass('show');
			
			},
			'mouseleave': function(){			
				myTimer=myFunction.delay(50,$('flyout3'));
			}
		});

		$('trigger4').addEvents({
			'mouseenter': function(){				
				$('flyout4').addClass('show');
			
			},
			'mouseleave': function(){			
				myTimer=myFunction.delay(50,$('flyout4'));
			}
		});
		
		
		
		
		$('flyout1').addEvents({
			'mouseenter': function(){
				myTimer=$clear(myTimer);
				
				$('trigger1').removeClass('more');
				$('trigger1').addClass('onHover'); 
			},
			'mouseleave': function(){
				this.removeClass('show');
				
				$('trigger1').removeClass('onHover');
				$('trigger1').addClass('more');
			}
		});

		$('flyout2').addEvents({
			'mouseenter': function(){
				myTimer=$clear(myTimer);
				
				$('trigger2').removeClass('more');
				$('trigger2').addClass('onHover'); 
			},
			'mouseleave': function(){
				this.removeClass('show');
				
				$('trigger2').removeClass('onHover');
				$('trigger2').addClass('more');
			}
		});

		$('flyout3').addEvents({
			'mouseenter': function(){
				myTimer=$clear(myTimer);
				
				$('trigger3').removeClass('more');
				$('trigger3').addClass('onHover'); 
			},
			'mouseleave': function(){
				this.removeClass('show');
				
				$('trigger3').removeClass('onHover');
				$('trigger3').addClass('more');
			}
		});
		
		$('flyout4').addEvents({
			'mouseenter': function(){
				myTimer=$clear(myTimer);
				
				$('trigger4').removeClass('more');
				$('trigger4').addClass('onHover'); 
			},
			'mouseleave': function(){
				this.removeClass('show');
				
				$('trigger4').removeClass('onHover');
				$('trigger4').addClass('more');
			}
		});

		
/*

	for (i=1;i<=4;i++){
		$('flyout'+i).addEvents({
			'mouseenter': function(){
				myTimer=$clear(myTimer);
				
				$('trigger'+i).removeClass('more');
				$('trigger'+i).addClass('onHover'); 
			},
			'mouseleave': function(){
				this.removeClass('show');
				
				$('trigger'+i).removeClass('onHover');
				$('trigger'+i).addClass('more');
			}
		});
	}
	
	*/
	
	
		
});