Ext.BLANK_IMAGE_URL = "Images/Empty.gif";
Ext.namespace('LRFIndex');

LRFIndex.Menu = {
			
	init : function() 
	{
		// Menus !
		var lMenu = Ext.get('MENU_TAB_HOME');
		var lBlog = Ext.get('MENU_TAB_BLOG');
		var lContact = Ext.get('MENU_TAB_CONTACT');
		var lOptions = {duration:0.1, easing: 'easeNone'};

		var lTest = Ext.select('div[id*=MENU_TAB]');
   
		lMenu.on({
	    'mouseover' : function() {lTest.stopFx(); lBlog.setWidth(95,lOptions); lContact.setWidth(110,lOptions); lMenu.setWidth( 170, lOptions );},
	    'mouseout' : function() {lTest.setWidth( 125, lOptions );}
		});
		lBlog.on({
	    'mouseover' : function() {lTest.stopFx(); lBlog.setWidth(170,lOptions); lContact.setWidth(110,lOptions); lMenu.setWidth( 95, lOptions );},
	    'mouseout' : function() {lTest.setWidth( 125, lOptions );}
		});		
		lContact.on({
	    'mouseover' : function() {lTest.stopFx(); lBlog.setWidth(95,lOptions); lContact.setWidth(170,lOptions); lMenu.setWidth( 110, lOptions );},
	    'mouseout' : function() {lTest.setWidth( 125, lOptions );}
		});		
		
	}
}

Ext.onReady(LRFIndex.Menu.init, LRFIndex.Menu, true);