$(function(){
    	// BUTTONS
    	$('.fg-button').hover( 
    		function(){ $(this).removeClass('ui-state-default').addClass('ui-state-focus'); },
    		function(){ $(this).removeClass('ui-state-focus').addClass('ui-state-default'); }
    	);
			$('#flyout').menu({ content: $('#flayout1').html(), flyOut: true });
			$('#flayout2').menu({ content: $('#flayoutc2').html(), flyOut: true });
			$('#flayout3').menu({ content: $('#flayoutc3').html(), flyOut: true });
			$('#flayout4').menu({ content: $('#flayoutc4').html(), flyOut: true });
			$('#flayout5').menu({ content: $('#flayoutc5').html(), flyOut: true });
 			$('#flayout7').menu({ content: $('#flayoutc7').html(), flyOut: true });	
			$('#flayout8').menu({ content: $('#flayoutc8').html(), flyOut: true });	
			$('#flayout9').menu({ content: $('#flayoutc9').html(), flyOut: true });	
			$('#flayout10').menu({ content: $('#flayoutc10').html(), flyOut: true });	
		
			$('#flayout12').menu({ content: $('#flayoutc12').html(), flyOut: true ,positionOpts: {  
			posX: 'left', 
			posY: 'top',
			offsetX: 50,
			offsetY: 15,
			directionH: 'left',
			directionV: 'up', 
			detectH: true, // do horizontal collision detection  
			detectV: true, // do vertical collision detection
			linkToFront: false

				}});	
			$('#flayout13').menu({ content: $('#flayoutc13').html(), flyOut: true,positionOpts: {  
			posX: 'left', 
			posY: 'top',
			offsetX: 130,
			offsetY: 10,
			directionH: 'left',
			directionV: 'up', 
			detectH: true, // do horizontal collision detection  
			detectV: true, // do vertical collision detection
			linkToFront: false

				} });	
			$('#flayout14').menu({ content: $('#flayoutc14').html(), flyOut: true ,positionOpts: {  
			posX: 'left', 
			posY: 'top',
			offsetX: 230,
			offsetY: 20,
			directionH: 'left',
			directionV: 'up', 
			detectH: true, // do horizontal collision detection  
			detectV: true, // do vertical collision detection
			linkToFront: false

				}});	
			$('#flayout15').menu({ content: $('#flayoutc15').html(), flyOut: true ,positionOpts: {  
			posX: 'left', 
			posY: 'top',
			offsetX: 80,
			offsetY: 10,
			directionH: 'left',
			directionV: 'down', 
			detectH: true, // do horizontal collision detection  
			detectV: true, // do vertical collision detection
			linkToFront: false

				}});	
			$('#flayout16').menu({ content: $('#flayoutc16').html(), flyOut: true ,positionOpts: {  
			posX: 'left', 
			posY: 'top',
			offsetX: 150,
			offsetY: 10,
			directionH: 'left',
			directionV: 'down', 
			detectH: true, // do horizontal collision detection  
			detectV: true, // do vertical collision detection
			linkToFront: false

				}});	
			$('#flayout17').menu({ content: $('#flayoutc17').html(), flyOut: true ,positionOpts: {  
			posX: 'left', 
			posY: 'top',
			offsetX: 200,
			offsetY: 10,
			directionH: 'left',
			directionV: 'down', 
			detectH: true, // do horizontal collision detection  
			detectV: true, // do vertical collision detection
			linkToFront: false

				}});	
     });