/*=====
	Versão com comentários: http://stcblog.uol.intranet/vantagens/vantagens.js.docs
=====*/

var novidades = new Array(14);

// Padrão: novidades[X] = ['ID', 'Título', 'Descrição', 'Imagem'];
// O link será: vantagemX.extensão - Onde X é o indíce da matriz.

novidades[1] = [1, 'Categorias', 'Agora as mensagens podem ser classificadas por temas que facilitam a navegação', 'ilus_tpl.gif'];
novidades[2] = [2, 'Mensagens por celular', 'Publique mensagens no blog usando a função SMS (Torpedo) do seu celular', 'ilus_sms.gif'];
novidades[3] = [3, 'RSS no blog', 'Deixe os leitores do seu blog avisados quando novas mensagens forem publicadas', 'ilus_rss.gif'];
novidades[4] = [4, 'Blog no celular', 'Os blogs do UOL estão no formato WAP e já podem ser lidos diretamente no celular', 'ilus_blog_p.gif'];
novidades[5] = [5, 'Links preferidos', 'Divulgue seus endereços preferidos na Internet usando a área de links do blog', 'ilus_links_p.gif'];
novidades[6] = [6, 'Endereço do blog', 'Escolha o endereço para o blog: usando o email UOL ou qualquer nome ZIP.NET', 'ilus_url_p.gif'];
novidades[7] = [7, 'Importe mensagens', 'Traga todas suas mensagens que estão no Blogger, b2 e Movabletype para o UOL Blog', 'ilus_import_p.gif'];
novidades[8] = [8, 'Meu perfil', 'Crie sua identidade no UOL Blog. É a forma fácil dos visitantes encontrarem você', 'ilus_perfil_p.gif'];
novidades[9] = [9, 'Humor do dia', 'Mostre como anda seu estado de espírito ao publicar mensagens no blog', 'ilus_humor_p.gif'];
novidades[10] = [10, 'Votação', 'Saiba como anda a popularidade do seu blog. Deixe os visitantes votar', 'ilus_votacao_p.gif'];
novidades[11] = [11, 'Templates exclusivos', 'O UOL oferece mais de 50 opções de desenho e permite você criar seu próprio modelo', 'ilus_modelos.gif'];
novidades[12] = [12, 'Editor de mensagens', 'A tela de edição de mensagens permite formatar o texto (negrito, itálico etc.)', 'ilus_editor_p.gif'];
novidades[13] = [13, 'Comentários', 'Deixe os leitores opinarem sobre suas mensagens. Você também pode moderá-las', 'ilus_comentarios_p.gif'];
novidades[14] = [14, 'Indicação de blog', 'Permita que seus leitores divulguem o endereço do seu blog ou mensagens publicadas', 'ilus_indicacao_p.gif'];
novidades[15] = [15, 'UOL Afiliados no blog', 'Fature com a veiculação de anúncios publicitários relacionados ao conteúdo de seu blog', 'ico_vantagens_48x48.gif'];

var er = /.+vantagem(\d+)\.jhtm/;
var pagina = er.exec (window.location.href);

var usadas = "-" + pagina[1] + "-";
// não exibir indice 2 temporariamente
usadas += "-2-";

var destaque = new Array(4);

for (var i = 0; i < 4; i++) {
	var r = Math.floor (Math.random() * (novidades.length - 1) + 1);

	if (usadas.indexOf ("-" + r + "-") == -1) {
		destaque[i] = novidades[r];
		usadas += "-" + r + "-";
	}
	else {
		i--;
		continue;
	}
}

if (document.createElement && document.createTextNode) {
	var v = document.getElementById("vantagens");
	var hr = document.createElement ("hr");
	v.appendChild (hr);
	var h4 = document.createElement ("h4");
	var t = document.createTextNode ("Outras Vantagens");
	h4.appendChild (t);
	v.appendChild (h4);
	var div = document.createElement ("div");
	div.setAttribute ("id", "chamada");
	var ul = document.createElement ("ul");
	for (var i = 0; i < 4; i++) {
		var li = document.createElement ("li");
		var a = document.createElement ("a");
		a.setAttribute ("style", "background-image: url(http://blog.i.uol.com.br/2005/" + destaque[i][3] + ")");
		a.setAttribute ("href", "vantagem" + destaque[i][0] + ".jhtm");
		var strong = document.createElement ("strong");
		var t = document.createTextNode (destaque[i][1]);
		strong.appendChild (t);
		a.appendChild (strong);
		var t = document.createTextNode (" " + destaque[i][2]);
		a.appendChild (t);
		li.appendChild (a);
		ul.appendChild (li);
	}
	div.appendChild (ul);
	v.appendChild (div);
	for (var i = 0; i < 4; i++) {
		// O IE não suporta corretamente setAttribute ("style", "...")
		document.getElementById("chamada").getElementsByTagName("li").item(i).style.backgroundImage = "url(http://blog.i.uol.com.br/2005/" + destaque[i][3] + ")";
		document.getElementById("chamada").getElementsByTagName("li").item(i).style.backgroundRepeat = "no-repeat";
	}
}
else {
	// innerHTML para browsers sem suporte aos métodos JS-DOM
	var xhtml = '<hr /><h4>Outras Vantagens</h4><div id="chamada"><ul>';
	for (var i = 0; i < 4; i++) {
		xhtml += '<li><a style="background-image: url(http://blog.i.uol.com.br/2005/' + destaque[i][3] + ');" href="vantagem' + destaque[i][0] + '.jhtm"><strong>' + destaque[i][1] + '</strong> ' + destaque[i][2] + '</a></li>';
	}
	xhtml += '</ul></div>';
	document.write (xhtml);
}

var xhtml = '<div id="select-vantagens"><form id="mais-vantagens"><p class="rotulo"><label for="mv">Mais vantagens: </label></p><p><select id="mv"><option value="null">Selecione uma vantagem</option>';

// não exibir indice 2 temporariamente: alterar a regexp
// var er = /.(\d+).*?(\d+).*?(\d+).*?(\d+).*?(\d+)./
var er = /.(\d+).*?(\d+).*?(\d+).*?(\d+).*?(\d+).*?(\d+)./
var indices = er.exec (usadas);

for (var i = 1; i <= novidades.length - 1; i++) {
	sair = false;
	// não exibir indice 2 temporariamente: k <= 5 antes
	for (var k = 1; k <= 6; k++) {
		if (novidades[i][0] == indices[k]) {
			sair = true;
		}
	}
	if (!sair) {
		xhtml += '<option value="vantagem' + i + '.jhtm">' + novidades[i][1] + '</option>';
	}
}

xhtml += '</select> <input type="submit" class="bt btOk" value="ok" /></p></form></div>';

document.getElementById("vantagens").innerHTML += xhtml;

document.getElementById("mais-vantagens").onsubmit = function() {
	var s = document.getElementById("mv");
	if (s.value != "null") {
		window.location.href = s.value;
	}
	return false;
}

function exibeCategoria (qual) {
	
	var lista = document.getElementById("vantagem").getElementsByTagName("ul").item(0);
	var itens = lista.getElementsByTagName("li").length;
	
	for (var k = 0; k < itens; k++) {
		lista.getElementsByTagName("li").item(k).style.display = "none";
	}
	
	document.getElementById(qual).style.display = "block";
	
}