function initMenuBar()
{
	// menu principal
	var menu = new MenuBar('main-menu', {
		activeItemHandler : animateOver,
		inactiveItemHandler : animateOut
	});
	menu.init();
}

/*========================================================*/

function animateOver(item, e)
{
	switch (item.id)
	{
		case 'item-1':
			get('btn_1').src = 'bot/aa_inv.png';
			break;
		case 'item-2':
			get('btn_2').src = 'bot/to_inv.png';
			break;
		case 'item-3':
			get('btn_3').src = 'bot/se_inv.png';
			break;
		case 'item-4':
			get('btn_4').src = 'bot/ac_inv.png';
			break;
		case 'item-5':
			get('btn_5').src = 'bot/no_inv.png';
			break;
		case 'item-6':
			get('btn_6').src = 'bot/as_inv.png';
			break;
		case 'item-7':
			get('btn_7').src = 'bot/co_inv.png';
			break;
		case 'item-8':
			get('btn_8').src = 'bot/so_inv.png';
			break;
	}
}

function animateOut(item, e)
{
	switch (item.id)
	{
		case 'item-1':
			get('btn_1').src = 'bot/aa.png';
			break;
		case 'item-2':
			get('btn_2').src = 'bot/to.png';
			break;
		case 'item-3':
			get('btn_3').src = 'bot/se.png';
			break;
		case 'item-4':
			get('btn_4').src = 'bot/ac.png';
			break;
		case 'item-5':
			get('btn_5').src = 'bot/no.png';
			break;
		case 'item-6':
			get('btn_6').src = 'bot/as.png';
			break;
		case 'item-7':
			get('btn_7').src = 'bot/co.png';
			break;
		case 'item-8':
			get('btn_8').src = 'bot/so.png';
			break;
	}
}