/*
Autor: Thiago Prazeres
Data: 07-Nov-2007
*/
function $(e){
	return document.getElementById(e)
}
function visualizar(texto){
	//Cria um array
	var lista = texto.split("");
	//formatacao
	if($('neg').style.borderColor.split(" ")[0]=="#c2bcd6" || $('neg').style.borderColor.substring(0,18)=="rgb(194, 188, 214)"){
		var negrito1 = ""; var negrito2 = ""
	}
	else {var negrito1 = "[b]"; var negrito2 = "<b>"}
	if($('ita').style.borderColor.split(" ")[0]=="#c2bcd6" || $('ita').style.borderColor.substring(0,18)=="rgb(194, 188, 214)"){
		var italico1 = ""; var italico2 = ""
	}
	else {var italico1 = "[i]"; var italico2 = "<i>"}
	if($('sub').style.borderColor.split(" ")[0]=="#c2bcd6" || $('sub').style.borderColor.substring(0,18)=="rgb(194, 188, 214)"){
		var sublinhado1 = ""; var sublinhado2 = ""
	}
	else {var sublinhado1 = "[u]"; var sublinhado2 = "<u>"}
	var final_orkut = negrito1+italico1+sublinhado1;
	var final_html = negrito2+italico2+sublinhado2;
	var cores1 = new Array("["+$('caneta1').style.borderColor.split(" ")[0]+"]","["+$('caneta2').style.borderColor.split(" ")[0]+"]","["+$('caneta3').style.borderColor.split(" ")[0]+"]");
	var cores2 = new Array("<font color="+$('caneta1').style.borderColor.split(" ")[0]+">","<font color="+$('caneta2').style.borderColor.split(" ")[0]+">","<font color="+$('caneta3').style.borderColor.split(" ")[0]+">");
	for (var i = 0; i<lista.length; i++){
		if(lista[i]==" "){
			var cor1 = lista[i];
			var cor2 = lista[i];
		}
		else if(lista[i]=="\n"){
			var cor1 = lista[i];
			var cor2 = "<br>";
		}
		else if(lista[i]==""){
			var cor1 = "";
			var cor2 = "";
		}
		else{
			var cor1 = cores1[i%3];
			var cor2 = cores2[i%3];
		}

		final_html 	+= i%2==0?cor2+lista[i].toUpperCase():cor2+lista[i].toLowerCase();
		final_orkut += i%2==0?cor1+lista[i].toUpperCase():cor1+lista[i].toLowerCase();
	}
	$("visualizar").getElementsByTagName("span")[0].innerHTML = final_html;
	//$("html").value = final_html;
	$("codigo").value = $("html").value=="orkut"?final_orkut:final_html;
}
//aparece a tabela de cor ao clicar na caneta
function apreceTabela(id){
	if($("tabelacor1").style.visibility=="visible"){
		$("tabelacor1").style.visibility="hidden";
		canetaE = id
	}else{
		$("tabelacor1").style.visibility="visible";
		canetaE = id
	}
}
$("original").onkeyup=function(){visualizar(this.value);}
$("caneta1").onclick=function(){apreceTabela("caneta1");}
$("caneta2").onclick=function(){apreceTabela("caneta2");}
$("caneta3").onclick=function(){apreceTabela("caneta3");}
//Marca formatação escolhida
function format(e){
	if(e.style.borderColor.split(" ")[0]=="#c2bcd6" || e.style.borderColor.substring(0,18)=="rgb(194, 188, 214)"){
		e.style.borderColor = "#ffffff";visualizar($("original").value);
	}
	else{
		e.style.borderColor = "#c2bcd6";visualizar($("original").value);
	}
}

//Muda de código Orkut para HTML
function orkut_html(){
	$("html").value = $("html").value=="orkut"?"html":"orkut";
	$("opcorkut").innerHTML = $("html").value;
	$("opchtml").innerHTML = $("html").value=="orkut"?"html":"orkut";
	visualizar($("original").value);
}

$("neg").onclick=function(){format(this);}
$("ita").onclick=function(){format(this);}
$("sub").onclick=function(){format(this);}

//Selciona o texto
$("codigo").onclick=function(){this.select();}
//defini a cor escolhida
function caneta(id, cor){
	$(id).style.borderColor = cor
}
//gera função onmouseover para todas as células da tabela
var celulas = $("tabelacor1").getElementsByTagName("td");
for (var n=0;n<celulas.length;n++){
	celulas[n].onmouseover=function(){caneta(canetaE, this.style.backgroundColor)}
	celulas[n].onclick=function(){apreceTabela();visualizar($("original").value);}
}