var menu_tabs;
var menu_items;

Event.observe(window, 'load', function(){
	
	menu_tabs = $$('#header .tabs .menu_tab');
	menu_items = $$('#menu .sub_menu_item');
	
	for(var i=0; i < menu_tabs.length; i++){
		
		menu_tabs[i].onmouseover = showItem.bind(menu_tabs[i]);
		menu_tabs[i].onfocus = showItem.bind(menu_tabs[i]);
	}
});

function showItem(){
	
	var id = this.id.substring( this.id.lastIndexOf('_') + 1 );
	
	for(var i=0; i < menu_tabs.length; i++){
		
		if(this.id != menu_tabs[i].id)
			
			menu_tabs[i].down('a').className = '';
		
		else{
			
			menu_tabs[i].down('a').className = 'active';
		}
	}
	
	
	var item_id = 'sub_menu_item_' + id;
	
	for(var i=0; i < menu_items.length; i++){
		
		if(item_id != menu_items[i].id)
			
			menu_items[i].style.display = 'none';
		
		else{
			alert
			menu_items[i].style.display = 'inline';
		}
	}
}