//define o objeto de imagem do Menu
var objImagemMenu = null;
//define o array das imagens do Menu
var ar_imagensMenu = new Array();

//alimenta o array das imagens
function defineValorArrayImagens(){
	/*
		Para adicionar uma nova referência de imagem, crie um novo indice para o array conforme exemplo:
			ar_imagensMenu[indice] = 'nome_da_imagem';
	
		* indice -> [INT], indica o número do índice da imagem
		* nome_da_imagem -> [STRING], indica o nome da imagem
	*/
	
	ar_imagensMenu[0] = 'FundoMenu01.jpg';
	ar_imagensMenu[1] = 'FundoMenu02.jpg';
	ar_imagensMenu[2] = 'FundoMenu03.jpg';
	ar_imagensMenu[3] = 'FundoMenu04.jpg';
	ar_imagensMenu[4] = 'FundoMenu05.jpg';
	ar_imagensMenu[5] = 'FundoMenu06.jpg';
	ar_imagensMenu[6] = 'FundoMenu07.jpg';
}


//troca as imagens aleatóriamente
function trocaImagemMenu(){
	//instancia o array das imagens
	defineValorArrayImagens();

	//instancia o DIV da imagem do Menu
	objImagemMenu = document.getElementById('menu');
	
	//calcula o INDICE aleatório da imagem que será colocado no Menu
	indice = Math.round(Math.random()*(ar_imagensMenu.length-1));
	
	//instancia a imagem que será o background via estilo (CSS)
	objImagemMenu.style.background = "url('objetos/imagens/"+ar_imagensMenu[indice]+"')";
}