/**
 * Barra Integradora v2
**/

var barraIntegradoraOi = {
	html : '<div id="bint">\
		<h2 class="bint-logo" title="Mundo Oi"><a href="http://mundooi.com.br">Mundo Oi</a></h2>\
		<ul class="bint-menu">\
			<li class="bint-op1"><a href="http://oiacontece.com.br">OI ACONTECE</a><div class="bint-seta"></div></li>\
			<li class="bint-op3"><span>|</span><a href="http://oifm.com.br">OI FM</a><div class="bint-seta"></div></li>\
			<li class="bint-op4"><span>|</span><a href="http://oinovosom.com.br">OI NOVO SOM</a><div class="bint-seta"></div></li>\
			<li class="bint-op5"><span>|</span><a href="http://oimusica.oi.com.br">OI MÚSICA</a><div class="bint-seta"></div></li>\
			<li class="bint-op6"><span>|</span><a href="http://apps.oi.com.br">OI APPLICATIVOS</a><div class="bint-seta"></div></li>\
		</ul>\
		<a class="bint-portal-oi" title="Portal Oi" href="http://oi.com.br" target="_blank">PORTAL OI</a>\
	</div>',

    /**
     * Gera a Barra Integrado Oi, baseando-se nos parâmetros recebidos.
     * @param {Object} conteiner O conteiner a ser injetado o HTML da barra.
     * @param {Number} itemMenu Item a ser ativado.
     */
	iniciar : function(conteiner, itemMenu) {

		// Se o parâmetro não for um número, nenhuma opção será ativada no menu.
		(!isNaN(itemMenu)) || (itemMenu = "");

		// Adicionando a classe "sel" para o item de menu, caso ele exista.
		var html = this.html.replace("bint-op" + itemMenu, "bint-op" + itemMenu + " sel");

		// Injetando o HTML no conteiner desejado, caso ele exista.
		conteiner && (conteiner.innerHTML = html);
	}
};