<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	>

<channel>
	<title>Guias e Dicas</title>
	<atom:link href="http://www.guiasedicas.com.br/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.guiasedicas.com.br</link>
	<description>Aqui aprender é divertido</description>
	<pubDate>Wed, 10 Sep 2008 21:44:21 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6</generator>
	<language>en</language>
			<item>
		<title>Aprendendo Java</title>
		<link>http://www.guiasedicas.com.br/2008/09/aprendendo-java/</link>
		<comments>http://www.guiasedicas.com.br/2008/09/aprendendo-java/#comments</comments>
		<pubDate>Wed, 10 Sep 2008 21:44:21 +0000</pubDate>
		<dc:creator>Kíssila</dc:creator>
		
		<category><![CDATA[Java]]></category>

		<category><![CDATA[linguagem]]></category>

		<guid isPermaLink="false">http://www.guiasedicas.com.br/?p=261</guid>
		<description><![CDATA[Java

É uma linguagem de programação;
Um ambiente de desenvolvimento;
Uma biblioteca de classes pré-compiladas;
Um ambiente para execução dos aplicativos.

Com a tecnologia Java você pode criar qualquer tipo de aplicação que você criaria em outra linguagem.
Ferramentas usadas no ambiente de desenvolvimento:

Compilador;
Interpretador;
Um gerador de documentação.

As aplicações contruídas com Java roda em qualquer máquina que tenha instalado o ambiente de [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Java</strong></p>
<ul>
<li style="text-align: justify;">É uma linguagem de programação;</li>
<li style="text-align: justify;">Um ambiente de desenvolvimento;</li>
<li style="text-align: justify;">Uma biblioteca de classes pré-compiladas;</li>
<li style="text-align: justify;">Um ambiente para execução dos aplicativos.</li>
</ul>
<p style="text-align: justify;">Com a tecnologia Java você pode criar qualquer tipo de aplicação que você criaria em outra linguagem.</p>
<p style="text-align: justify;"><strong>Ferramentas usadas no ambiente de desenvolvimento:</strong></p>
<ul>
<li style="text-align: justify;">Compilador;</li>
<li style="text-align: justify;">Interpretador;</li>
<li style="text-align: justify;">Um gerador de documentação.</li>
</ul>
<p style="text-align: justify;">As aplicações contruídas com Java roda em qualquer máquina que tenha instalado o ambiente de execução JRE.</p>
<p style="text-align: justify;"><strong>Dois ambientes principais de execução:</strong></p>
<p style="text-align: justify;">JRE e um browser web.</p>
<p style="text-align: justify;"><strong>Máquina virtual Java</strong></p>
<p style="text-align: justify;">É uma máquina imaginária emulada por sotware em uma máquina real.<br />
Existem várias versões da JVM para cada tipo de computador ou sistema operacional.</p>
<p style="text-align: justify;">A JVM permite que seus aplicativos sejam independentes de plataforma uma vez que a complicaçãoé feita para uma máquina genérica.</p>
<p style="text-align: justify;"><strong>Bytecodes</strong></p>
<p style="text-align: justify;">É uma linguagem de máquina que pode ser entendida pela JVM.</p>
<p style="text-align: justify;">Os bytecodes independem do tipo de computador e hardware.</p>
<p style="text-align: justify;"><strong>Fases de um programa Java</strong></p>
<p style="text-align: justify;">Editor -&gt; Prog. Java -&gt; Compilador -&gt; Prog. class -&gt; Interpretador</p>
]]></content:encoded>
			<wfw:commentRss>http://www.guiasedicas.com.br/2008/09/aprendendo-java/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Algumas funções em PHP</title>
		<link>http://www.guiasedicas.com.br/2008/08/algumas-funcoes-em-php/</link>
		<comments>http://www.guiasedicas.com.br/2008/08/algumas-funcoes-em-php/#comments</comments>
		<pubDate>Wed, 27 Aug 2008 20:03:33 +0000</pubDate>
		<dc:creator>Kíssila</dc:creator>
		
		<category><![CDATA[PHP]]></category>

		<category><![CDATA[funções]]></category>

		<guid isPermaLink="false">http://www.guiasedicas.com.br/?p=249</guid>
		<description><![CDATA[Array
Retorna um array de parâmetros. Índices podem ser atribuídos aos parâmetros através do operador.
Exemplo:

$arr = array&#40;“palavras” =&#62; array&#40;“1” =&#62; “index”,”2” =&#62; “main“,”3” =&#62;
“default”&#41;,”tradução” =&#62; array&#40;“índice”,”principal”,”padrão”&#41; &#41;;

array_keys [PHP4]
Retorna os índices de um array.

Array array_keys&#40;array matriz&#41;;

array_merge [PHP4]

Retorna um array resultante da concatenação de dois ou mais arrays.

Array array_merge&#40;array matriz1, array matriz2, &#91;...&#93;&#41;;

array_pop [PHP4]
Retorna e remove o ultimo [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Array</strong></p>
<p>Retorna um array de parâmetros. Índices podem ser atribuídos aos parâmetros através do operador.</p>
<p><strong>Exemplo:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="php"><span style="color: #000033;">$arr</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>“palavras” <span style="color: #339933;">=&gt;</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>“<span style="color: #cc66cc;">1</span>” <span style="color: #339933;">=&gt;</span> “index”<span style="color: #339933;">,</span>”<span style="color: #cc66cc;">2</span>” <span style="color: #339933;">=&gt;</span> “main“<span style="color: #339933;">,</span>”<span style="color: #cc66cc;">3</span>” <span style="color: #339933;">=&gt;</span>
“<span style="color: #000000; font-weight: bold;">default</span>”<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>”tradução” <span style="color: #339933;">=&gt;</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>“índice”<span style="color: #339933;">,</span>”principal”<span style="color: #339933;">,</span>”padrão”<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p><strong>array_keys [PHP4]</strong></p>
<p>Retorna os índices de um array.</p>

<div class="wp_syntax"><div class="code"><pre class="php"><span style="color: #990000;">Array</span> <span style="color: #990000;">array_keys</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">array</span> matriz<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p><strong>array_merge [PHP4]</strong></p>
<p></span></span></p>
<p>Retorna um array resultante da concatenação de dois ou mais arrays.</p>

<div class="wp_syntax"><div class="code"><pre class="php"><span style="color: #990000;">Array</span> <span style="color: #990000;">array_merge</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">array</span> matriz1<span style="color: #339933;">,</span> <span style="color: #990000;">array</span> matriz2<span style="color: #339933;">,</span> <span style="color: #009900;">&#91;</span><span style="color: #339933;">...</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p><strong>array_pop [PHP4]</strong></p>
<p>Retorna e remove o ultimo elemento de um array.</p>

<div class="wp_syntax"><div class="code"><pre class="php">Mixed <span style="color: #990000;">array_pop</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">array</span> matriz1<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p><strong>array_push [PHP4]</strong></p>
<p>Acrescente elementos no final de um array. Retorna o numero de elementos de uma array.</p>

<div class="wp_syntax"><div class="code"><pre class="php">Int <span style="color: #990000;">array_push</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">array</span> matriz1<span style="color: #339933;">,</span> mixed elem1<span style="color: #339933;">,</span><span style="color: #009900;">&#91;</span><span style="color: #339933;">...</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p><strong>array_shift [PHP4]</strong></p>
<p>Retorna e remove o primeiro elemento de um array.</p>

<div class="wp_syntax"><div class="code"><pre class="php">Mixed <span style="color: #990000;">array_shift</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">array</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p><strong>array_slice [PHP4]</strong></p>
<p>Retorna uma seqüência de elementos de um array.</p>

<div class="wp_syntax"><div class="code"><pre class="php"><span style="color: #990000;">Array</span> <span style="color: #990000;">array_slice</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">array</span> matriz<span style="color: #339933;">,</span> int inicio<span style="color: #339933;">,</span> int <span style="color: #009900;">&#91;</span>tamanho<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">;</span></pre></div></div>

<p>Argumento              Descrição</p>
<p>Matriz                    O array de onde serão copiados os elementos</p>
<p>Início                       Posição inicial no array</p>
<p>Tamanho              Número de elementos a serem retornados</p>
<p><strong>array_splice [PHP4]</strong></p>
<p>Remove elementos de um array e, opcionalmente, substitui os elementos removidos por outros.</p>

<div class="wp_syntax"><div class="code"><pre class="php"><span style="color: #990000;">Array</span> <span style="color: #990000;">array_splice</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">array</span> matriz<span style="color: #339933;">,</span> int início<span style="color: #339933;">,</span> int <span style="color: #009900;">&#91;</span>tamanho<span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> <span style="color: #990000;">array</span> <span style="color: #009900;">&#91;</span>substituição<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>Argumento                          Descrição</p>
<p>Matriz                                O array de onde serão copiados os elementos</p>
<p>Início                                   Posição inicial no array entrada</p>
<p>Tamanho                          Número de elementos a serem removidos</p>
<p>Substituição                     Arrays dos elementos que substituirão os elementos removidos</p>
<p><strong>array_unshift [PHP4]</strong></p>
<p>Acrescenta elementos no início de um array. Retorna o número de elementos de uma array.</p>

<div class="wp_syntax"><div class="code"><pre class="php">Int <span style="color: #990000;">array_unshift</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">array</span> matriz<span style="color: #339933;">,</span> mixed <span style="color: #000000; font-weight: bold;">var</span><span style="color: #339933;">,</span> <span style="color: #009900;">&#91;</span><span style="color: #339933;">...</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p><strong>array_values [PHP4]</strong></p>
<p>Retorna os valores de um array.</p>

<div class="wp_syntax"><div class="code"><pre class="php"><span style="color: #990000;">Array</span> <span style="color: #990000;">array_values</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">array</span> matriz<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p><strong>array_walk [PHP4]</strong></p>
<p>Aplica uma função para cada elemento de um array.</p>

<div class="wp_syntax"><div class="code"><pre class="php">Int <span style="color: #990000;">array_walk</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">array</span> matriz<span style="color: #339933;">,</span> string nomefunc<span style="color: #339933;">,</span> mixed dadosextras<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">Function</span> nomefunc<span style="color: #009900;">&#40;</span><span style="color: #000033;">$item</span><span style="color: #339933;">,</span> $índice<span style="color: #339933;">,</span> <span style="color: #000033;">$dadosextras</span><span style="color: #009900;">&#41;</span></pre></div></div>

<p><strong>Exemplo:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="php"><span style="color: #000033;">$matriz</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>“<span style="color: #cc66cc;">1</span>”<span style="color: #339933;">=&gt;</span>”monitor”<span style="color: #339933;">,</span>”<span style="color: #cc66cc;">2</span>”<span style="color: #339933;">=&gt;</span>”Placa de vídeo”<span style="color: #339933;">,</span> “<span style="color: #cc66cc;">3</span>”<span style="color: #339933;">=&gt;</span> “mouse”<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #666666; font-style: italic;">//esta é uma das funções chamadas pelo array_walk</span>
<span style="color: #000000; font-weight: bold;">function</span> imprime_item<span style="color: #009900;">&#40;</span><span style="color: #000033;">$item</span><span style="color: #339933;">,</span> $índice<span style="color: #339933;">,</span><span style="color: #000033;">$dados</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
<span style="color: #990000;">echo</span> “$índice <span style="color: #339933;">=</span> <span style="color: #000033;">$item</span><span style="color: #009900;">&#40;</span><span style="color: #000033;">$dados</span><span style="color: #009900;">&#41;</span>”<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #666666; font-style: italic;">//esta é uma das funções chamadas pelo array_walk</span>
<span style="color: #000000; font-weight: bold;">function</span> atualizar_item<span style="color: #009900;">&#40;</span><span style="color: #339933;">&amp;</span><span style="color: #000033;">$item</span><span style="color: #339933;">,</span> $índice<span style="color: #339933;">,</span> <span style="color: #000033;">$dados</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
<span style="color: #000033;">$item</span> <span style="color: #339933;">=</span> “<span style="color: #000033;">$item</span> <span style="color: #009900;">&#40;</span><span style="color: #000033;">$dados</span><span style="color: #009900;">&#41;</span>“<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #990000;">array_walk</span><span style="color: #009900;">&#40;</span><span style="color: #000033;">$matriz</span><span style="color: #339933;">,</span>’imprime_item’<span style="color: #339933;">,</span>’impresso’<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #990000;">array_walk</span><span style="color: #009900;">&#40;</span><span style="color: #000033;">$matriz</span><span style="color: #339933;">,</span>’atualizar_item’<span style="color: #339933;">,</span>’atualizado’<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #990000;">array_walk</span><span style="color: #009900;">&#40;</span><span style="color: #000033;">$matriz</span><span style="color: #339933;">,</span>’imprime_item’<span style="color: #339933;">,</span>’atualizado’<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.guiasedicas.com.br/2008/08/algumas-funcoes-em-php/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Classes e objetos em PHP</title>
		<link>http://www.guiasedicas.com.br/2008/08/classes-e-objetos-em-php/</link>
		<comments>http://www.guiasedicas.com.br/2008/08/classes-e-objetos-em-php/#comments</comments>
		<pubDate>Wed, 27 Aug 2008 19:23:07 +0000</pubDate>
		<dc:creator>Kíssila</dc:creator>
		
		<category><![CDATA[PHP]]></category>

		<category><![CDATA[classes]]></category>

		<category><![CDATA[objetos]]></category>

		<guid isPermaLink="false">http://www.guiasedicas.com.br/?p=247</guid>
		<description><![CDATA[Classe
Uma classe é um conjunto de variáveis e funções relacionadas a essas variáveis. Uma vantagem da utilização é poder usufruir o recurso de encapsulamento de informação. Com o encapsulamento o usuário de uma classe não precisa saber como ela é implementada, bastando para a utilização conhecer a interface, ou seja, as funções disponíveis. Uma classe [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><strong>Classe</strong></p>
<p style="text-align: justify;">Uma classe é um conjunto de variáveis e funções relacionadas a essas variáveis. Uma vantagem da utilização é poder usufruir o recurso de encapsulamento de informação. Com o encapsulamento o usuário de uma classe não precisa saber como ela é implementada, bastando para a utilização conhecer a interface, ou seja, as funções disponíveis. Uma classe é um tipo e, portanto não pode ser atribuída a uma variável. Para definir uma classe, deve-se utilizar a seguinte sintaxe:</p>

<div class="wp_syntax"><div class="code"><pre class="php"><span style="color: #000000; font-weight: bold;">class</span> Nome_da_classe <span style="color: #009900;">&#123;</span>
<span style="color: #000000; font-weight: bold;">var</span> <span style="color: #000033;">$variavel1</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">var</span> <span style="color: #000033;">$variavel2</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">function</span> funcao1 <span style="color: #009900;">&#40;</span><span style="color: #000033;">$par</span>âmetro<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
<span style="color: #666666; font-style: italic;">/* === corpo da função === */</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p style="text-align: justify;"><strong>Objeto</strong></p>
<p style="text-align: justify;">Como foi dito anteriormente, classes são tipos, e não podem ser atribuídas a variáveis. Variáveis do tipo de uma classe são chamadas de objetos, e devem ser criadas utilizando o operador new, seguindo o exemplo abaixo:</p>

<div class="wp_syntax"><div class="code"><pre class="php"><span style="color: #000033;">$vari</span>ável <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #000033;">$nome_da_classe</span><span style="color: #339933;">;</span></pre></div></div>

<p style="text-align: justify;">Para utilizar as funções definidas na classe, deve ser utilizado o operador &#8220;-&gt;&#8221;, como no exemplo:</p>

<div class="wp_syntax"><div class="code"><pre class="php"><span style="color: #000033;">$vari</span>ável<span style="color: #339933;">-&gt;</span><span style="color: #004000;">funcao1</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.guiasedicas.com.br/2008/08/classes-e-objetos-em-php/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Arrays e listas em PHP</title>
		<link>http://www.guiasedicas.com.br/2008/08/arrays-e-listas-em-php/</link>
		<comments>http://www.guiasedicas.com.br/2008/08/arrays-e-listas-em-php/#comments</comments>
		<pubDate>Wed, 27 Aug 2008 19:00:25 +0000</pubDate>
		<dc:creator>Kíssila</dc:creator>
		
		<category><![CDATA[PHP]]></category>

		<category><![CDATA[arrays]]></category>

		<category><![CDATA[listas]]></category>

		<guid isPermaLink="false">http://www.guiasedicas.com.br/?p=239</guid>
		<description><![CDATA[Arrays
Arrays em PHP podem ser observados como mapeamentos ou como vetores indexados. Mais precisamente, um valor do tipo array é um dicionário onde os índices são as chaves de acesso. Vale ressaltar que os índices podem ser valores de qualquer tipo e não somente inteiros. Inclusive, se os índices forem todo inteiros, estes não precisam [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><strong>Arrays</strong></p>
<p style="text-align: justify;">Arrays em PHP podem ser observados como mapeamentos ou como vetores indexados. Mais precisamente, um valor do tipo array é um dicionário onde os índices são as chaves de acesso. Vale ressaltar que os índices podem ser valores de qualquer tipo e não somente inteiros. Inclusive, se os índices forem todo inteiros, estes não precisam formar um intervalo contínuo.</p>
<p style="text-align: justify;">Como a checagem de tipos em PHP é dinâmica, valores de tipos diferentes podem ser usados como índices de array, assim como os valores mapeados também podem ser de diversos tipos.</p>
<p style="text-align: justify;"><strong>Exemplo: </strong></p>

<div class="wp_syntax"><div class="code"><pre class="php"><span style="color: #000000; font-weight: bold;">&lt;?</span>
<span style="color: #000033;">$cor</span><span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">1</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> “vermelho”<span style="color: #339933;">;</span>
<span style="color: #000033;">$cor</span><span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">2</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> “verde”<span style="color: #339933;">;</span>
<span style="color: #000033;">$cor</span><span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">3</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> “azul”<span style="color: #339933;">;</span>
<span style="color: #000033;">$cor</span><span style="color: #009900;">&#91;</span>“teste”<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">1</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p style="text-align: justify;">Equivalentemente, pode-se escrever:</p>

<div class="wp_syntax"><div class="code"><pre class="php"><span style="color: #000000; font-weight: bold;">&lt;?</span>
<span style="color: #000033;">$cor</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">1</span> <span style="color: #339933;">=&gt;</span> “vermelho<span style="color: #339933;">,</span> <span style="color: #cc66cc;">2</span> <span style="color: #339933;">=&gt;</span> “verde<span style="color: #339933;">,</span> <span style="color: #cc66cc;">3</span> <span style="color: #339933;">=&gt;</span> “azul”<span style="color: #339933;">,</span>
“teste <span style="color: #339933;">=&gt;</span> <span style="color: #cc66cc;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p style="text-align: justify;"><strong>Listas</strong></p>
<p style="text-align: justify;">As listas são utilizadas em PHP para realizar atribuições múltiplas. Através de listas é possível atribuir valores que estão num array para variáveis. <strong>Vejamos o exemplo:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="php"><span style="color: #990000;">list</span><span style="color: #009900;">&#40;</span><span style="color: #000033;">$a</span><span style="color: #339933;">,</span> <span style="color: #000033;">$b</span><span style="color: #339933;">,</span> <span style="color: #000033;">$c</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>“a”<span style="color: #339933;">,</span> “b”<span style="color: #339933;">,</span> “c”<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p style="text-align: justify;">O comando acima atribui valores às três variáveis simultaneamente. É bom notar que só são atribuídos às variáveis da lista os elementos do array que possuem índices inteiros e não negativos. No exemplo acima as três atribuições foram bem sucedidas porque ao inicializar um array sem especificar os índices eles passam a ser inteiros, a partir do zero. Um fator importante é que cada variável da lista possui um índice inteiro e ordinal, iniciando com zero, que serve para determinar qual valor será atribuído. No exemplo anterior temos $a com índice 0, $b com índice 1 e $c com índice 2. <strong>Vejamos um outro exemplo:</strong></p>

<div class="wp_syntax"><div class="code"><pre class="php"><span style="color: #000033;">$arr</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">=&gt;</span>”um”<span style="color: #339933;">,</span><span style="color: #cc66cc;">3</span><span style="color: #339933;">=&gt;</span>”tres”<span style="color: #339933;">,</span>”a”<span style="color: #339933;">=&gt;</span>”letraA”<span style="color: #339933;">,</span><span style="color: #cc66cc;">2</span><span style="color: #339933;">=&gt;</span>”dois<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #990000;">list</span><span style="color: #009900;">&#40;</span><span style="color: #000033;">$a</span><span style="color: #339933;">,</span><span style="color: #000033;">$b</span><span style="color: #339933;">,</span><span style="color: #000033;">$c</span><span style="color: #339933;">,</span><span style="color: #000033;">$d</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">=</span> <span style="color: #000033;">$arr</span><span style="color: #339933;">;</span></pre></div></div>

<p>Após a execução do código acima temos os seguintes valores:</p>

<div class="wp_syntax"><div class="code"><pre class="php"><span style="color: #000033;">$a</span> <span style="color: #339933;">==</span> <span style="color: #000000; font-weight: bold;">null</span>
<span style="color: #000033;">$b</span> <span style="color: #339933;">==</span> “um”
<span style="color: #000033;">$c</span> <span style="color: #339933;">==</span> “dois”
<span style="color: #000033;">$d</span> <span style="color: #339933;">==</span> “tres”</pre></div></div>

<p style="text-align: justify;">Devemos observar que à variável $a não foi atribuído valor, pois no array não existe elemento com índice 0 (zero). Outro detalhe importante é que o valor “tres” foi atribuído à variável $d, e não a $b, pois seu índice é 3, o mesmo que $d na lista. Por fim, vemos que o valor “letraA” não foi atribuído a elemento algum da lista, pois seu índice não é inteiro.</p>
<p style="text-align: justify;">Os índices da lista servem apenas como referência ao interpretador PHP para realizar as atribuições, não podendo ser acessados de maneira alguma pelo programador. De maneira diferente do array, uma lista não pode ser atribuída a uma variável, servindo apenas para fazer múltiplas atribuições através de um array.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.guiasedicas.com.br/2008/08/arrays-e-listas-em-php/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Ambiente de trabalho do Visual Basic</title>
		<link>http://www.guiasedicas.com.br/2008/08/ambiente-de-trabalho-do-visual-basic/</link>
		<comments>http://www.guiasedicas.com.br/2008/08/ambiente-de-trabalho-do-visual-basic/#comments</comments>
		<pubDate>Wed, 20 Aug 2008 18:58:56 +0000</pubDate>
		<dc:creator>Kíssila</dc:creator>
		
		<category><![CDATA[Visual Basic]]></category>

		<category><![CDATA[ambiente]]></category>

		<guid isPermaLink="false">http://www.guiasedicas.com.br/?p=236</guid>
		<description><![CDATA[Exibimos abaixo o ambiente de trabalho do Visual Basic:

Elementos do ambiente de trabalho do Visual Basic:
Toolbox (caixa de ferramentas) - Contém todos os objetos e controles que você pode utilizar na criação de sua aplicação. Você pode adicionar objetos a sua Toolbox utilizando a opção &#8220;Custom Controls&#8221; no menu &#8220;Tolls&#8221;.
Form (formulário) - Serve como uma [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Exibimos abaixo o ambiente de trabalho do <strong>Visual Basic</strong>:</p>
<p style="text-align: justify;"><a href="http://www.guiasedicas.com.br/wp-content/uploads/2008/08/comecando4.jpg"><img class="alignnone size-full wp-image-237" title="comecando4" src="http://www.guiasedicas.com.br/wp-content/uploads/2008/08/comecando4.jpg" alt="" width="400" height="259" /></a></p>
<p style="text-align: justify;">Elementos do ambiente de trabalho do <strong>Visual Basic</strong>:</p>
<p style="text-align: justify;"><strong>Toolbox (caixa de ferramentas)</strong> - Contém todos os objetos e controles que você pode utilizar na criação de sua aplicação. Você pode adicionar objetos a sua Toolbox utilizando a opção &#8220;Custom Controls&#8221; no menu &#8220;Tolls&#8221;.</p>
<p style="text-align: justify;"><strong>Form (formulário)</strong> - Serve como uma janela que você pode configurar a interface para a sua aplicação.</p>
<p style="text-align: justify;"><strong>Project Window (janela de projeto)</strong> - Contém uma lista com todos os iténs que compõem a sua aplicação, formulários,módulos de código e resource files.</p>
<p style="text-align: justify;"><strong>Properties window (janela de propriedades)</strong> - Lista as propriedades de um ou mais objetos selecionados (controles ou formulários), estas propriedades  podem ser alteradas quando o formulário o controle é criado.</p>
<p style="text-align: justify;"><strong>Code window (janela de código)</strong> - É aonde o código do seu projeto pode ser exibido ou editado.</p>
<p style="text-align: justify;"><strong>Toolbar (barra de ferramentas)</strong> - Facilita o trabalho, contendo botões que servem de atalhos para os comandos mais comuns no desenvolvimento de projetos.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.guiasedicas.com.br/2008/08/ambiente-de-trabalho-do-visual-basic/feed/</wfw:commentRss>
		</item>
		<item>
		<title>O que é Visual Basic?</title>
		<link>http://www.guiasedicas.com.br/2008/08/o-que-e-visual-basic/</link>
		<comments>http://www.guiasedicas.com.br/2008/08/o-que-e-visual-basic/#comments</comments>
		<pubDate>Wed, 20 Aug 2008 18:37:38 +0000</pubDate>
		<dc:creator>Kíssila</dc:creator>
		
		<category><![CDATA[Visual Basic]]></category>

		<category><![CDATA[ferramentas]]></category>

		<guid isPermaLink="false">http://www.guiasedicas.com.br/?p=233</guid>
		<description><![CDATA[O Visual Basic é uma linguagem de programação, que permite a criação de aplicativos para o ambiente windows. Através de ferramentas gráficas você desenha seu aplicativo, atribui suas características e gera seu código de maneira rápida e eficiente. Trata-se de uma das mais utilizadas ferramentas de programação utilizadas atualmente.
Vantagens do Visual Basic
Podemos destacar algumas vantagens [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">O Visual Basic é uma linguagem de programação, que permite a criação de aplicativos para o ambiente windows. Através de ferramentas gráficas você desenha seu aplicativo, atribui suas características e gera seu código de maneira rápida e eficiente. Trata-se de uma das mais utilizadas ferramentas de programação utilizadas atualmente.</p>
<p style="text-align: justify;"><strong>Vantagens do Visual Basic</strong></p>
<p style="text-align: justify;">Podemos destacar algumas vantagens oferecidas pelo VB:</p>
<ul>
<li>
<div style="text-align: justify;">Ambiente de desenvolvimento que possibilita a criação de aplicativos de maneira rápida, oferecendo diversas ferramentas de depuração.</div>
</li>
<li>
<div style="text-align: justify;">Capacidade de programação para múltiplas plataformas.</div>
</li>
<li>
<div style="text-align: justify;">Extensibilidade da linguagem, permitindo o acréscimo de controles personalizados para ampliar seus recursos.</div>
</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.guiasedicas.com.br/2008/08/o-que-e-visual-basic/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Desenhando e transformando no Corel Draw</title>
		<link>http://www.guiasedicas.com.br/2008/08/desenhando-e-transformando-no-corel-draw/</link>
		<comments>http://www.guiasedicas.com.br/2008/08/desenhando-e-transformando-no-corel-draw/#comments</comments>
		<pubDate>Wed, 20 Aug 2008 18:22:01 +0000</pubDate>
		<dc:creator>Kíssila</dc:creator>
		
		<category><![CDATA[Corel Draw]]></category>

		<category><![CDATA[coreldraw]]></category>

		<category><![CDATA[desenhando]]></category>

		<category><![CDATA[transformando]]></category>

		<guid isPermaLink="false">http://www.guiasedicas.com.br/?p=228</guid>
		<description><![CDATA[Usando a ferramenta forma
Com a Ferramenta Forma, podemos modificar a aparência das figuras, bastando para isto, arrastar o ponteiro quando estiver sobre um dos nós exibidos no contorno da figura.

Desenhe um retângulo utilizando a Ferramenta Retângulo, em seguida selecione a Ferramenta Forma e arraste um dos nós do retângulo em direção ao centro da figura, [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><strong>Usando a ferramenta forma</strong></p>
<p style="text-align: justify;">Com a Ferramenta Forma, podemos modificar a aparência das figuras, bastando para isto, arrastar o ponteiro quando estiver sobre um dos nós exibidos no contorno da figura.</p>
<p style="text-align: justify;"><a href="http://www.guiasedicas.com.br/wp-content/uploads/2008/08/comecando.jpg"><img class="alignnone size-full wp-image-229" title="comecando" src="http://www.guiasedicas.com.br/wp-content/uploads/2008/08/comecando.jpg" alt="" width="300" height="192" /></a></p>
<p style="text-align: justify;">Desenhe um retângulo utilizando a Ferramenta Retângulo, em seguida selecione a Ferramenta Forma e arraste um dos nós do retângulo em direção ao centro da figura, note que os cantos da figura vão sendo arredondados na mesma proporção.</p>
<p style="text-align: justify;">Com a Ferramenta Elipse, poderemos obter várias fatias arrastando o ponteiro para o interior do círculo, após selecionar o nó. Para criar arcos, arraste o ponteiro na parte exterior do círculo, após selecionar o nó.<br />
Aplicando os recursos da Ferramenta Forma sobre um polígono, obteremos uma impressionante quantidade de formas. Arraste um dos nós para o interior, exterior e ao redor da figura para ver o resultado.</p>
<p style="text-align: justify;"><a href="http://www.guiasedicas.com.br/wp-content/uploads/2008/08/comecando2.jpg"><img class="alignnone size-full wp-image-230" title="comecando2" src="http://www.guiasedicas.com.br/wp-content/uploads/2008/08/comecando2.jpg" alt="" width="360" height="246" /></a></p>
<p style="text-align: justify;">No menu junto da Ferramenta Forma, encontraremos mais três ferramentas, a faca,  a borracha e transformação livre.</p>
<p style="text-align: justify;">Finalidade das três ferramentas:</p>
<p style="text-align: justify;"><strong>Faca</strong> - Para cortar um objeto dando um clique em seus nós ou contorno.</p>
<p style="text-align: justify;"><strong>Borracha</strong> - Para apagar parte de objetos, dando um clique ou arrastando sobre o contorno do objeto.</p>
<p style="text-align: justify;"><strong>Transformação livre</strong> - Permite girar a figura, basta dar um clique num ponto situado em qualquer lugar, e arrastar o ponteiro de forma a obter o efeito desejado.</p>
<p style="text-align: justify;"><a href="http://www.guiasedicas.com.br/wp-content/uploads/2008/08/comecando3.jpg"><img class="alignnone size-full wp-image-231" title="comecando3" src="http://www.guiasedicas.com.br/wp-content/uploads/2008/08/comecando3.jpg" alt="" width="147" height="203" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.guiasedicas.com.br/2008/08/desenhando-e-transformando-no-corel-draw/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Dicas de códigos para blog</title>
		<link>http://www.guiasedicas.com.br/2008/08/dicas-de-codigos-para-blog/</link>
		<comments>http://www.guiasedicas.com.br/2008/08/dicas-de-codigos-para-blog/#comments</comments>
		<pubDate>Wed, 13 Aug 2008 19:48:59 +0000</pubDate>
		<dc:creator>Kíssila</dc:creator>
		
		<category><![CDATA[Blog]]></category>

		<category><![CDATA[codigo]]></category>

		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.guiasedicas.com.br/?p=226</guid>
		<description><![CDATA[Saudações (A mensagem vai mudando conforme o horário)
Copie e cole todo o código em java script entre as tags &#60;head&#62; &#60;/head&#62;

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
&#60;SCRIPT language=&#34;JavaScript&#34;&#62;&#60;!-- 
document.write&#40;&#34;&#60;dl&#62;&#60;dd&#62;&#34;&#41; 
day = new Date&#40;&#41; 
hr = day.getHours&#40;&#41; 
if &#40;hr ==1&#41; 
document.write&#40;&#34;Nossa, 1 da manh&#38;atilde;! Voc&#38;ecirc; n&#38;atilde;o dorme n&#38;atilde;o?&#34;&#41; 
if &#40;hr ==2&#41; 
document.write&#40;&#34;J&#38;aacute; s&#38;atilde;o 2 da manh&#38;atilde;! Vai dormir!!!&#34;&#41; 
if &#40;hr ==3&#41; 
document.write&#40;&#34;Credo, [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><strong>Saudações</strong> (A mensagem vai mudando conforme o horário)</p>
<p style="text-align: justify;">Copie e cole todo o código em java script entre as tags &lt;head&gt; &lt;/head&gt;</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
</pre></td><td class="code"><pre class="javascript"><span style="color: #339933;">&lt;</span>SCRIPT language<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;JavaScript&quot;</span><span style="color: #339933;">&gt;&lt;!--</span> 
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;&lt;dl&gt;&lt;dd&gt;&quot;</span><span style="color: #009900;">&#41;</span> 
day <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Date<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> 
hr <span style="color: #339933;">=</span> day.<span style="color: #006600;">getHours</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> 
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>hr <span style="color: #339933;">==</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span> 
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Nossa, 1 da manh&amp;atilde;! Voc&amp;ecirc; n&amp;atilde;o dorme n&amp;atilde;o?&quot;</span><span style="color: #009900;">&#41;</span> 
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>hr <span style="color: #339933;">==</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span> 
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;J&amp;aacute; s&amp;atilde;o 2 da manh&amp;atilde;! Vai dormir!!!&quot;</span><span style="color: #009900;">&#41;</span> 
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>hr <span style="color: #339933;">==</span><span style="color: #CC0000;">3</span><span style="color: #009900;">&#41;</span> 
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Credo, 3 da manh&amp;atilde;! Voc&amp;ecirc; &amp;eacute; um vampiro ou o que?!?!&quot;</span><span style="color: #009900;">&#41;</span> 
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>hr <span style="color: #339933;">==</span><span style="color: #CC0000;">4</span><span style="color: #009900;">&#41;</span> 
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;S&amp;atilde;o 4 da manh&amp;atilde;! Voc&amp;ecirc; n&amp;atilde;o devia estar na cama agora?!?!&quot;</span><span style="color: #009900;">&#41;</span> 
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>hr <span style="color: #339933;">==</span><span style="color: #CC0000;">5</span><span style="color: #009900;">&#41;</span> 
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Meu, 5 da manh&amp;atilde;, j&amp;aacute; est&amp;aacute; clareando e voc&amp;ecirc; ainda ta a&amp;iacute;!&quot;</span><span style="color: #009900;">&#41;</span> 
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>hr <span style="color: #339933;">==</span><span style="color: #CC0000;">6</span><span style="color: #009900;">&#41;</span> 
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;6 da manh&amp;atilde;: Deus ajuda quem cedo madruga!&quot;</span><span style="color: #009900;">&#41;</span> 
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>hr <span style="color: #339933;">==</span><span style="color: #CC0000;">7</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">||</span> <span style="color: #009900;">&#40;</span>hr <span style="color: #339933;">==</span><span style="color: #CC0000;">8</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">||</span> <span style="color: #009900;">&#40;</span>hr <span style="color: #339933;">==</span> <span style="color: #CC0000;">9</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">||</span> <span style="color: #009900;">&#40;</span>hr <span style="color: #339933;">==</span><span style="color: #CC0000;">10</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> 
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Bom dia!&quot;</span><span style="color: #009900;">&#41;</span> 
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>hr <span style="color: #339933;">==</span><span style="color: #CC0000;">11</span><span style="color: #009900;">&#41;</span> 
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;11 da manh&amp;atilde;,  est&amp;aacute; quase na hora do almo&amp;ccedil;o!&quot;</span><span style="color: #009900;">&#41;</span> 
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>hr <span style="color: #339933;">==</span><span style="color: #CC0000;">12</span><span style="color: #009900;">&#41;</span> 
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Meio-dia! Que tal ir almo&amp;ccedil;ar?&quot;</span><span style="color: #009900;">&#41;</span> 
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>hr <span style="color: #339933;">==</span><span style="color: #CC0000;">13</span><span style="color: #009900;">&#41;</span> 
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;1 hora da tarde! J&amp;aacute; almo&amp;ccedil;ou hoje?&quot;</span><span style="color: #009900;">&#41;</span> 
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>hr<span style="color: #339933;">==</span><span style="color: #CC0000;">14</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">||</span> <span style="color: #009900;">&#40;</span>hr<span style="color: #339933;">==</span><span style="color: #CC0000;">15</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> 
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Boa tarde!&quot;</span><span style="color: #009900;">&#41;</span> 
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>hr <span style="color: #339933;">==</span><span style="color: #CC0000;">16</span><span style="color: #009900;">&#41;</span> 
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;J&amp;aacute; deu um tempo pra ver o c&amp;eacute;u l&amp;aacute; fora, hoje?&quot;</span><span style="color: #009900;">&#41;</span> 
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>hr<span style="color: #339933;">==</span><span style="color: #CC0000;">17</span><span style="color: #009900;">&#41;</span> 
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Hora do cafezinho (ou do ch&amp;aacute; das 5 ;)!&quot;</span><span style="color: #009900;">&#41;</span> 
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>hr<span style="color: #339933;">==</span><span style="color: #CC0000;">18</span><span style="color: #009900;">&#41;</span> 
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Bom final de tarde!&quot;</span><span style="color: #009900;">&#41;</span> 
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>hr<span style="color: #339933;">==</span><span style="color: #CC0000;">19</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">||</span> <span style="color: #009900;">&#40;</span>hr<span style="color: #339933;">==</span><span style="color: #CC0000;">20</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">||</span> <span style="color: #009900;">&#40;</span>hr<span style="color: #339933;">==</span><span style="color: #CC0000;">21</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">||</span> <span style="color: #009900;">&#40;</span>hr<span style="color: #339933;">==</span><span style="color: #CC0000;">22</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> 
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Boa noite!&quot;</span><span style="color: #009900;">&#41;</span> 
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>hr<span style="color: #339933;">==</span><span style="color: #CC0000;">23</span><span style="color: #009900;">&#41;</span> 
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;J&amp;aacute; &amp;eacute; quase meia-noite!&quot;</span><span style="color: #009900;">&#41;</span> 
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>hr<span style="color: #339933;">==</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span> 
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Meia-noite! J&amp;aacute; &amp;eacute; um novo dia!&quot;</span><span style="color: #009900;">&#41;</span> 
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;&lt;/dl&gt;&quot;</span><span style="color: #009900;">&#41;</span> 
<span style="color: #006600; font-style: italic;">//---&gt;&lt;/SCRIPT&gt;</span></pre></td></tr></table></div>

<p style="text-align: justify;"><strong>Efeito de imagem </strong></p>
<p style="text-align: justify;">Copie e cole o código em java script entre as tags &lt;head&gt; &lt;/head&gt;<br />
O efeito imagem reflexo de água pode ser feito com qualquer imagem de sua preferência.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
</pre></td><td class="code"><pre class="javascript"><span style="color: #339933;">&lt;</span>STYLE<span style="color: #339933;">&gt;&lt;/</span>STYLE<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>HEAD<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>BODY bgColor<span style="color: #339933;">=</span>#ffffff<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>DIV align<span style="color: #339933;">=</span>center<span style="color: #339933;">&gt;&lt;</span>IMG id<span style="color: #339933;">=</span>reflect src<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;nome da imagem.gif&quot;</span> width<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;159&quot;</span> height<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;83&quot;</span><span style="color: #339933;">&gt;&lt;/</span>DIV<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>DIV align<span style="color: #339933;">=</span>center<span style="color: #339933;">&gt;</span> <span style="color: #339933;">&lt;/</span>DIV<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>DIV align<span style="color: #339933;">=</span>center<span style="color: #339933;">&gt;</span> <span style="color: #339933;">&lt;/</span>DIV<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>DIV align<span style="color: #339933;">=</span>center<span style="color: #339933;">&gt;</span> <span style="color: #339933;">&lt;</span>BR<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>SCRIPT language<span style="color: #339933;">=</span>JavaScript1<span style="color: #CC0000;">.2</span><span style="color: #339933;">&gt;</span>
&nbsp;
<span style="color: #009966; font-style: italic;">/*
&nbsp;
*/</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> f1<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
setInterval<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;mdiv.filters.wave.phase+=10&quot;</span><span style="color: #339933;">,</span><span style="color: #CC0000;">100</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>document.<span style="color: #006600;">all</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'&lt;img id=mdiv src=&quot;'</span><span style="color: #339933;">+</span>document.<span style="color: #006600;">all</span>.<span style="color: #006600;">reflect</span>.<span style="color: #006600;">src</span><span style="color: #339933;">+</span><span style="color: #3366CC;">'&quot; style=&quot;filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()&quot;&gt;'</span><span style="color: #009900;">&#41;</span>
window.<span style="color: #000066;">onload</span><span style="color: #339933;">=</span>f1
<span style="color: #009900;">&#125;</span>
&nbsp;
  <span style="color: #339933;">&lt;/</span>SCRIPT<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<p style="text-align: justify;"><strong>Data e horário</strong></p>
<p style="text-align: justify;">Copie e cole o código em java script entre as tags &lt;head&gt; &lt;/head&gt;</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
</pre></td><td class="code"><pre class="javascript"><span style="color: #339933;">&lt;</span>SCRIPT LANGUAGE<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;JavaScript&quot;</span><span style="color: #339933;">&gt;</span> 
<span style="color: #003366; font-weight: bold;">var</span> now <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Date<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
<span style="color: #003366; font-weight: bold;">var</span> hours <span style="color: #339933;">=</span> now.<span style="color: #006600;">getHours</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
<span style="color: #003366; font-weight: bold;">var</span> minutes <span style="color: #339933;">=</span> now.<span style="color: #006600;">getMinutes</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
<span style="color: #003366; font-weight: bold;">var</span> timeValue <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;&quot;</span> <span style="color: #339933;">+</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>hours <span style="color: #339933;">&gt;</span><span style="color: #CC0000;">12</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">?</span> hours <span style="color: #CC0000;">-12</span> <span style="color: #339933;">:</span>hours<span style="color: #009900;">&#41;</span> 
timeValue <span style="color: #339933;">+=</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>minutes <span style="color: #339933;">&lt;</span> <span style="color: #CC0000;">10</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">?</span> <span style="color: #3366CC;">&quot;:0&quot;</span> <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;:&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> minutes
timeValue <span style="color: #339933;">+=</span> <span style="color: #009900;">&#40;</span>hours <span style="color: #339933;">&gt;=</span> <span style="color: #CC0000;">12</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">?</span> <span style="color: #3366CC;">&quot; P.M.&quot;</span> <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot; A.M.&quot;</span> 
timerRunning <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span> 
&nbsp;
mydate <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Date<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
myday <span style="color: #339933;">=</span> mydate.<span style="color: #006600;">getDay</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
mymonth <span style="color: #339933;">=</span> mydate.<span style="color: #006600;">getMonth</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
myweekday<span style="color: #339933;">=</span> mydate.<span style="color: #006600;">getDate</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
weekday<span style="color: #339933;">=</span> myweekday<span style="color: #339933;">;</span> 
myyear<span style="color: #339933;">=</span> mydate.<span style="color: #006600;">getYear</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
year <span style="color: #339933;">=</span> myyear
&nbsp;
<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>myday <span style="color: #339933;">==</span> <span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span> 
day <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot; Domingo, &quot;</span> 
&nbsp;
<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>myday <span style="color: #339933;">==</span> <span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span> 
day <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot; Segunda, &quot;</span> 
&nbsp;
<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>myday <span style="color: #339933;">==</span> <span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span> 
day <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot; Terça, &quot;</span> 
&nbsp;
<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>myday <span style="color: #339933;">==</span> <span style="color: #CC0000;">3</span><span style="color: #009900;">&#41;</span> 
day <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot; Quarta, &quot;</span> 
&nbsp;
<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>myday <span style="color: #339933;">==</span> <span style="color: #CC0000;">4</span><span style="color: #009900;">&#41;</span> 
day <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot; Quinta, &quot;</span> 
&nbsp;
<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>myday <span style="color: #339933;">==</span> <span style="color: #CC0000;">5</span><span style="color: #009900;">&#41;</span> 
day <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot; Sexta, &quot;</span> 
&nbsp;
<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>myday <span style="color: #339933;">==</span> <span style="color: #CC0000;">6</span><span style="color: #009900;">&#41;</span> 
day <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot; Sábado, &quot;</span> 
&nbsp;
<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>mymonth <span style="color: #339933;">==</span> <span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span> 
month <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot; de Janeiro de &quot;</span> 
&nbsp;
<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>mymonth <span style="color: #339933;">==</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span> 
month <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot; de Fevereiro de &quot;</span> 
&nbsp;
<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>mymonth <span style="color: #339933;">==</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span> 
month <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot; de Março de &quot;</span> 
&nbsp;
<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>mymonth <span style="color: #339933;">==</span><span style="color: #CC0000;">3</span><span style="color: #009900;">&#41;</span> 
month <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot; de April de &quot;</span> 
&nbsp;
<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>mymonth <span style="color: #339933;">==</span><span style="color: #CC0000;">4</span><span style="color: #009900;">&#41;</span> 
month <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot; de Maio de &quot;</span>
&nbsp;
&nbsp;
<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>mymonth <span style="color: #339933;">==</span><span style="color: #CC0000;">5</span><span style="color: #009900;">&#41;</span> 
month <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot; de Junho de &quot;</span> 
&nbsp;
<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>mymonth <span style="color: #339933;">==</span><span style="color: #CC0000;">6</span><span style="color: #009900;">&#41;</span> 
month <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot; de Julho de &quot;</span> 
&nbsp;
<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>mymonth <span style="color: #339933;">==</span><span style="color: #CC0000;">7</span><span style="color: #009900;">&#41;</span> 
month <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot; de Agosto de &quot;</span> 
&nbsp;
<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>mymonth <span style="color: #339933;">==</span><span style="color: #CC0000;">8</span><span style="color: #009900;">&#41;</span> 
month <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot; de Setembro de &quot;</span> 
&nbsp;
<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>mymonth <span style="color: #339933;">==</span><span style="color: #CC0000;">9</span><span style="color: #009900;">&#41;</span> 
month <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot; de Outubro de &quot;</span> 
&nbsp;
<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>mymonth <span style="color: #339933;">==</span><span style="color: #CC0000;">10</span><span style="color: #009900;">&#41;</span> 
month <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot; de Novembro de &quot;</span> 
&nbsp;
<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>mymonth <span style="color: #339933;">==</span><span style="color: #CC0000;">11</span><span style="color: #009900;">&#41;</span> 
month <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot; de Dezembro de &quot;</span> 
&nbsp;
document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;&lt;font size=2 face=verdana color=ff0000&gt;&lt;center&gt;&lt;b&gt;&quot;</span> <span style="color: #339933;">+</span> timeValue <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot; | &quot;</span> <span style="color: #339933;">+</span> day <span style="color: #339933;">+</span> myweekday <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span> month <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">+</span> year <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;&lt;/font&gt;&lt;/center&gt;&lt;/b&gt;&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
&nbsp;
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<p style="text-align: justify;"><strong>Script menu imagens</strong></p>
<p style="text-align: justify;">Copie e cole o código em java script e escolha o lugar que você prefere colocar o menu.<br />
Lembre-se que você deve preencher os lugares &#8220;endereço da imagem aqui&#8221;, &#8220;endereço do link aqui&#8221;, &#8220;nome do link&#8221;.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
</pre></td><td class="code"><pre class="javascript"><span style="color: #339933;">&lt;!--</span> <span style="color: #000066; font-weight: bold;">IN</span>ÍCIO <span style="color: #000066; font-weight: bold;">DO</span> MENU IMAGENS  <span style="color: #339933;">--&gt;</span>
<span style="color: #339933;">&lt;</span>SCRIPT language<span style="color: #339933;">=</span>javascript type<span style="color: #339933;">=</span>text<span style="color: #339933;">/</span>javascript<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;!--</span>
<span style="color: #006600; font-style: italic;">/* IMPORTANT: Put script after tooltip div or 
	 put tooltip div just before &lt;/BODY&gt;. */</span>
<span style="color: #003366; font-weight: bold;">var</span> dom <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>document.<span style="color: #006600;">getElementById</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">?</span> <span style="color: #003366; font-weight: bold;">true</span> <span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> ns5 <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>navigator.<span style="color: #006600;">userAgent</span>.<span style="color: #006600;">indexOf</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Gecko&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">&gt;</span><span style="color: #CC0000;">-1</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">&amp;&amp;</span> dom<span style="color: #009900;">&#41;</span> <span style="color: #339933;">?</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> ie5 <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>navigator.<span style="color: #006600;">userAgent</span>.<span style="color: #006600;">indexOf</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;MSIE&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">&gt;</span><span style="color: #CC0000;">-1</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">&amp;&amp;</span> dom<span style="color: #009900;">&#41;</span> <span style="color: #339933;">?</span> <span style="color: #003366; font-weight: bold;">true</span> <span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> ns4 <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>document.<span style="color: #006600;">layers</span> <span style="color: #339933;">&amp;&amp;</span> <span style="color: #339933;">!</span>dom<span style="color: #009900;">&#41;</span> <span style="color: #339933;">?</span> <span style="color: #003366; font-weight: bold;">true</span> <span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> ie4 <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>document.<span style="color: #006600;">all</span> <span style="color: #339933;">&amp;&amp;</span> <span style="color: #339933;">!</span>dom<span style="color: #009900;">&#41;</span> <span style="color: #339933;">?</span> <span style="color: #003366; font-weight: bold;">true</span> <span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> nodyn <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>ns5 <span style="color: #339933;">&amp;&amp;</span> <span style="color: #339933;">!</span>ns4 <span style="color: #339933;">&amp;&amp;</span> <span style="color: #339933;">!</span>ie4 <span style="color: #339933;">&amp;&amp;</span> <span style="color: #339933;">!</span>ie5<span style="color: #009900;">&#41;</span> <span style="color: #339933;">?</span> <span style="color: #003366; font-weight: bold;">true</span> <span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
<span style="color: #006600; font-style: italic;">// resize fix for ns4</span>
<span style="color: #003366; font-weight: bold;">var</span> origWidth<span style="color: #339933;">,</span> origHeight<span style="color: #339933;">;</span>
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>ns4<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	origWidth <span style="color: #339933;">=</span> window.<span style="color: #006600;">innerWidth</span><span style="color: #339933;">;</span> origHeight <span style="color: #339933;">=</span> window.<span style="color: #006600;">innerHeight</span><span style="color: #339933;">;</span>
	window.<span style="color: #000066;">onresize</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>window.<span style="color: #006600;">innerWidth</span> <span style="color: #339933;">!=</span> origWidth <span style="color: #339933;">||</span> window.<span style="color: #006600;">innerHeight</span> <span style="color: #339933;">!=</span> origHeight<span style="color: #009900;">&#41;</span> history.<span style="color: #006600;">go</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #006600; font-style: italic;">// avoid error of passing event object in older browsers</span>
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>nodyn<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> event <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;nope&quot;</span> <span style="color: #009900;">&#125;</span>
<span style="color: #006600; font-style: italic;">///////////////////////  CUSTOMIZE HERE   ////////////////////</span>
<span style="color: #006600; font-style: italic;">// settings for tooltip </span>
<span style="color: #006600; font-style: italic;">// Do you want tip to move when mouse moves over link?</span>
<span style="color: #003366; font-weight: bold;">var</span> tipFollowMouse<span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span>	
<span style="color: #006600; font-style: italic;">// Be sure to set tipWidth wide enough for widest image</span>
<span style="color: #003366; font-weight: bold;">var</span> tipWidth<span style="color: #339933;">=</span> <span style="color: #CC0000;">100</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> offX<span style="color: #339933;">=</span> <span style="color: #CC0000;">30</span><span style="color: #339933;">;</span>	<span style="color: #006600; font-style: italic;">// how far from mouse to show tip</span>
<span style="color: #003366; font-weight: bold;">var</span> offY<span style="color: #339933;">=</span> <span style="color: #CC0000;">12</span><span style="color: #339933;">;</span> 
<span style="color: #003366; font-weight: bold;">var</span> tipFontFamily<span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;Verdana, arial, helvetica, sans-serif&quot;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> tipFontSize<span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;2pt&quot;</span><span style="color: #339933;">;</span>
<span style="color: #006600; font-style: italic;">// set default text color and background color for tooltip here</span>
<span style="color: #006600; font-style: italic;">// individual tooltips can have their own (set in messages arrays)</span>
<span style="color: #006600; font-style: italic;">// but don't have to</span>
<span style="color: #003366; font-weight: bold;">var</span> tipFontColor<span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;#FFFFFF&quot;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> tipBgColor<span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;#FFFFFF&quot;</span><span style="color: #339933;">;</span> 
<span style="color: #003366; font-weight: bold;">var</span> tipBorderColor<span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;#000000&quot;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> tipBorderWidth<span style="color: #339933;">=</span> <span style="color: #CC0000;">1</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> tipBorderStyle<span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;ridge&quot;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> tipPadding<span style="color: #339933;">=</span> <span style="color: #CC0000;">10</span><span style="color: #339933;">;</span>
<span style="color: #006600; font-style: italic;">// tooltip content goes here (image, description, optional bgColor, optional textcolor)</span>
<span style="color: #003366; font-weight: bold;">var</span> messages <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Array<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #006600; font-style: italic;">// multi-dimensional arrays containing: </span>
<span style="color: #006600; font-style: italic;">// image and text for tooltip</span>
<span style="color: #006600; font-style: italic;">// optional: bgColor and color to be sent to tooltip</span>
messages<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'ENDERECO DA IMAGEM AQUI'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'&lt;div style=&quot;text-align:center; font-weight:bolder; font-color:arial&quot;&gt;&lt;/div&gt;'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
messages<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'ENDERECO DA IMAGEM AQUI'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'&lt;div style=&quot;text-align:center; font-weight:bolder; font-style:arial&quot;&gt;&lt;/div&gt;'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
messages<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'ENDERECO DA IMAGEM AQUI'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'&lt;div style=&quot;text-align:center; font-weight:bolder; font-style:arial&quot;&gt;&lt;/div&gt;'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
messages<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">3</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'ENDERECO DA IMAGEM AQUI'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'&lt;div style=&quot;text-align:center; font-weight:bolder; font-style:arial&quot;&gt;&lt;/div&gt;'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
messages<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">4</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'ENDERECO DA IMAGEM AQUI'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'&lt;div style=&quot;text-align:center; font-weight:bolder; font-color:arial&quot;&gt;&lt;/div&gt;'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
messages<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">5</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'ENDERECO DA IMAGEM AQUI'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'&lt;div style=&quot;text-align:center; font-weight:bolder; font-style:arial&quot;&gt;&lt;/div&gt;'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
messages<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">6</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'ENDERECO DA IMAGEM AQUI'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'&lt;div style=&quot;text-align:center; font-weight:bolder; font-style:arial&quot;&gt;&lt;/div&gt;'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
messages<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">7</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'ENDERECO DA IMAGEM AQUI'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'&lt;div style=&quot;text-align:center; font-weight:bolder; font-style:arial&quot;&gt;&lt;/div&gt;'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
messages<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">8</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'ENDERECO DA IMAGEM AQUI'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'&lt;div style=&quot;text-align:center; font-weight:bolder; font-style:arial&quot;&gt;&lt;/div&gt;'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
messages<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">9</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'ENDERECO DA IMAGEM AQUI'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'&lt;div style=&quot;text-align:center; font-weight:bolder; font-style:arial&quot;&gt;&lt;/div&gt;'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
messages<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">10</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'ENDERECO DA IMAGEM AQUI'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'&lt;div style=&quot;text-align:center; font-weight:bolder; font-style:arial&quot;&gt;&lt;/div&gt;'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
messages<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">11</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'ENDERECO DA IMAGEM AQUI'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'&lt;div style=&quot;text-align:center; font-weight:bolder; font-style:arial&quot;&gt;&lt;/div&gt;'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
messages<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">12</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'ENDERECO DA IMAGEM AQUI'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'&lt;div style=&quot;text-align:center; font-weight:bolder; font-style:arial&quot;&gt;&lt;/div&gt;'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
&nbsp;
&nbsp;
&nbsp;
<span style="color: #006600; font-style: italic;">////////////////////  END OF CUSTOMIZATION AREA  ///////////////////</span>
&nbsp;
<span style="color: #006600; font-style: italic;">// preload images that are to appear in tooltip</span>
<span style="color: #006600; font-style: italic;">// from arrays above</span>
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>document.<span style="color: #006600;">images</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #003366; font-weight: bold;">var</span> theImgs <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Array<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">var</span> i<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i<span style="color: #339933;">&lt;</span>messages.<span style="color: #006600;">length</span><span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  	theImgs<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Image<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		theImgs<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #006600;">src</span> <span style="color: #339933;">=</span> messages<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">// to layout image and text, 2-row table, image centered in top cell</span>
<span style="color: #006600; font-style: italic;">// these go in var tip in doTooltip function</span>
<span style="color: #006600; font-style: italic;">// startStr goes before image, midStr goes between image and text</span>
<span style="color: #003366; font-weight: bold;">var</span> startStr <span style="color: #339933;">=</span> <span style="color: #3366CC;">'&lt;table width=&quot;'</span> <span style="color: #339933;">+</span> tipWidth <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&quot;&gt;&lt;tr&gt;&lt;td align=&quot;center&quot; width=&quot;100%&quot;&gt;&lt;img src=&quot;'</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> midStr <span style="color: #339933;">=</span> <span style="color: #3366CC;">'&quot; border=&quot;0&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td valign=&quot;top&quot;&gt;'</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> endStr <span style="color: #339933;">=</span> <span style="color: #3366CC;">'&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;'</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">////////////////////////////////////////////////////////////</span>
<span style="color: #006600; font-style: italic;">//  initTip	- initialization for tooltip.</span>
<span style="color: #006600; font-style: italic;">//		Global variables for tooltip. </span>
<span style="color: #006600; font-style: italic;">//		Set styles for all but ns4. </span>
<span style="color: #006600; font-style: italic;">//		Set up mousemove capture if tipFollowMouse set true.</span>
<span style="color: #006600; font-style: italic;">////////////////////////////////////////////////////////////</span>
<span style="color: #003366; font-weight: bold;">var</span> tooltip<span style="color: #339933;">,</span> tipcss<span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">function</span> initTip<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>nodyn<span style="color: #009900;">&#41;</span> <span style="color: #000066; font-weight: bold;">return</span><span style="color: #339933;">;</span>
	tooltip <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>ns4<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span> document.<span style="color: #006600;">tipDiv</span>.<span style="color: #006600;">document</span><span style="color: #339933;">:</span> <span style="color: #009900;">&#40;</span>ie4<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span> document.<span style="color: #006600;">all</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'tipDiv'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">:</span> <span style="color: #009900;">&#40;</span>ie5<span style="color: #339933;">||</span>ns5<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span> document.<span style="color: #006600;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'tipDiv'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">null</span><span style="color: #339933;">;</span>
	tipcss <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>ns4<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span> document.<span style="color: #006600;">tipDiv</span><span style="color: #339933;">:</span> tooltip.<span style="color: #006600;">style</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>ie4<span style="color: #339933;">||</span>ie5<span style="color: #339933;">||</span>ns5<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>	<span style="color: #006600; font-style: italic;">// ns4 would lose all this on rewrites</span>
		tipcss.<span style="color: #006600;">width</span> <span style="color: #339933;">=</span> tipWidth<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;px&quot;</span><span style="color: #339933;">;</span>
		tipcss.<span style="color: #006600;">fontFamily</span> <span style="color: #339933;">=</span> tipFontFamily<span style="color: #339933;">;</span>
		tipcss.<span style="color: #006600;">fontSize</span> <span style="color: #339933;">=</span> tipFontSize<span style="color: #339933;">;</span>
		tipcss.<span style="color: #006600;">color</span> <span style="color: #339933;">=</span> tipFontColor<span style="color: #339933;">;</span>
		tipcss.<span style="color: #006600;">backgroundColor</span> <span style="color: #339933;">=</span> tipBgColor<span style="color: #339933;">;</span>
		tipcss.<span style="color: #006600;">borderColor</span> <span style="color: #339933;">=</span> tipBorderColor<span style="color: #339933;">;</span>
		tipcss.<span style="color: #006600;">borderWidth</span> <span style="color: #339933;">=</span> tipBorderWidth<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;px&quot;</span><span style="color: #339933;">;</span>
		tipcss.<span style="color: #006600;">padding</span> <span style="color: #339933;">=</span> tipPadding<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;px&quot;</span><span style="color: #339933;">;</span>
		tipcss.<span style="color: #006600;">borderStyle</span> <span style="color: #339933;">=</span> tipBorderStyle<span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>tooltip<span style="color: #339933;">&amp;&amp;</span>tipFollowMouse<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>ns4<span style="color: #009900;">&#41;</span> document.<span style="color: #006600;">captureEvents</span><span style="color: #009900;">&#40;</span>Event.<span style="color: #006600;">MOUSEMOVE</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		document.<span style="color: #006600;">onmousemove</span> <span style="color: #339933;">=</span> trackMouse<span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
window.<span style="color: #000066;">onload</span> <span style="color: #339933;">=</span> initTip<span style="color: #339933;">;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">/////////////////////////////////////////////////</span>
<span style="color: #006600; font-style: italic;">//  doTooltip function</span>
<span style="color: #006600; font-style: italic;">//			Assembles content for tooltip and writes </span>
<span style="color: #006600; font-style: italic;">//			it to tipDiv</span>
<span style="color: #006600; font-style: italic;">/////////////////////////////////////////////////</span>
<span style="color: #003366; font-weight: bold;">var</span> t1<span style="color: #339933;">,</span>t2<span style="color: #339933;">;</span>	<span style="color: #006600; font-style: italic;">// for setTimeouts</span>
<span style="color: #003366; font-weight: bold;">var</span> tipOn <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>	<span style="color: #006600; font-style: italic;">// check if over tooltip link</span>
<span style="color: #003366; font-weight: bold;">function</span> doTooltip<span style="color: #009900;">&#40;</span>evt<span style="color: #339933;">,</span>num<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>tooltip<span style="color: #009900;">&#41;</span> <span style="color: #000066; font-weight: bold;">return</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>t1<span style="color: #009900;">&#41;</span> clearTimeout<span style="color: #009900;">&#40;</span>t1<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>t2<span style="color: #009900;">&#41;</span> clearTimeout<span style="color: #009900;">&#40;</span>t2<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	tipOn <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span>
	<span style="color: #006600; font-style: italic;">// set colors if included in messages array</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>messages<span style="color: #009900;">&#91;</span>num<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span>	<span style="color: #003366; font-weight: bold;">var</span> curBgColor <span style="color: #339933;">=</span> messages<span style="color: #009900;">&#91;</span>num<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">else</span> curBgColor <span style="color: #339933;">=</span> tipBgColor<span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>messages<span style="color: #009900;">&#91;</span>num<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #CC0000;">3</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span>	<span style="color: #003366; font-weight: bold;">var</span> curFontColor <span style="color: #339933;">=</span> messages<span style="color: #009900;">&#91;</span>num<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #CC0000;">3</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">else</span> curFontColor <span style="color: #339933;">=</span> tipFontColor<span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>ns4<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> tip <span style="color: #339933;">=</span> <span style="color: #3366CC;">'&lt;table bgcolor=&quot;'</span> <span style="color: #339933;">+</span> tipBorderColor <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&quot; width=&quot;'</span> <span style="color: #339933;">+</span> tipWidth <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&quot; cellspacing=&quot;0&quot; cellpadding=&quot;'</span> <span style="color: #339933;">+</span> tipBorderWidth <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&quot; border=&quot;0&quot;&gt;&lt;tr&gt;&lt;td&gt;&lt;table bgcolor=&quot;'</span> <span style="color: #339933;">+</span> curBgColor <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&quot; width=&quot;100%&quot; cellspacing=&quot;0&quot; cellpadding=&quot;'</span> <span style="color: #339933;">+</span> tipPadding <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&quot; border=&quot;0&quot;&gt;&lt;tr&gt;&lt;td&gt;'</span><span style="color: #339933;">+</span> startStr <span style="color: #339933;">+</span> messages<span style="color: #009900;">&#91;</span>num<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> midStr <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;span style=&quot;font-family:'</span> <span style="color: #339933;">+</span> tipFontFamily <span style="color: #339933;">+</span> <span style="color: #3366CC;">'; font-size:'</span> <span style="color: #339933;">+</span> tipFontSize <span style="color: #339933;">+</span> <span style="color: #3366CC;">'; color:'</span> <span style="color: #339933;">+</span> curFontColor <span style="color: #339933;">+</span> <span style="color: #3366CC;">';&quot;&gt;'</span> <span style="color: #339933;">+</span> messages<span style="color: #009900;">&#91;</span>num<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;/span&gt;'</span> <span style="color: #339933;">+</span> endStr <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;'</span><span style="color: #339933;">;</span>
		tooltip.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span>tip<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		tooltip.<span style="color: #000066;">close</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>ie4<span style="color: #339933;">||</span>ie5<span style="color: #339933;">||</span>ns5<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> tip <span style="color: #339933;">=</span> startStr <span style="color: #339933;">+</span> messages<span style="color: #009900;">&#91;</span>num<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> midStr <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;span style=&quot;font-family:'</span> <span style="color: #339933;">+</span> tipFontFamily <span style="color: #339933;">+</span> <span style="color: #3366CC;">'; font-size:'</span> <span style="color: #339933;">+</span> tipFontSize <span style="color: #339933;">+</span> <span style="color: #3366CC;">'; color:'</span> <span style="color: #339933;">+</span> curFontColor <span style="color: #339933;">+</span> <span style="color: #3366CC;">';&quot;&gt;'</span> <span style="color: #339933;">+</span> messages<span style="color: #009900;">&#91;</span>num<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;/span&gt;'</span> <span style="color: #339933;">+</span> endStr<span style="color: #339933;">;</span>
		tipcss.<span style="color: #006600;">backgroundColor</span> <span style="color: #339933;">=</span> curBgColor<span style="color: #339933;">;</span>
	 	tooltip.<span style="color: #006600;">innerHTML</span> <span style="color: #339933;">=</span> tip<span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>tipFollowMouse<span style="color: #009900;">&#41;</span> positionTip<span style="color: #009900;">&#40;</span>evt<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">else</span> t1<span style="color: #339933;">=</span>setTimeout<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;tipcss.visibility='visible'&quot;</span><span style="color: #339933;">,</span><span style="color: #CC0000;">100</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">var</span> mouseX<span style="color: #339933;">,</span> mouseY<span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">function</span> trackMouse<span style="color: #009900;">&#40;</span>evt<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	mouseX <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>ns4<span style="color: #339933;">||</span>ns5<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span> evt.<span style="color: #006600;">pageX</span><span style="color: #339933;">:</span> window.<span style="color: #006600;">event</span>.<span style="color: #006600;">clientX</span> <span style="color: #339933;">+</span> document.<span style="color: #006600;">body</span>.<span style="color: #006600;">scrollLeft</span><span style="color: #339933;">;</span>
	mouseY <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>ns4<span style="color: #339933;">||</span>ns5<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span> evt.<span style="color: #006600;">pageY</span><span style="color: #339933;">:</span> window.<span style="color: #006600;">event</span>.<span style="color: #006600;">clientY</span> <span style="color: #339933;">+</span> document.<span style="color: #006600;">body</span>.<span style="color: #006600;">scrollTop</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>tipOn<span style="color: #009900;">&#41;</span> positionTip<span style="color: #009900;">&#40;</span>evt<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">/////////////////////////////////////////////////////////////</span>
<span style="color: #006600; font-style: italic;">//  positionTip function</span>
<span style="color: #006600; font-style: italic;">//		If tipFollowMouse set false, so trackMouse function</span>
<span style="color: #006600; font-style: italic;">//		not being used, get position of mouseover event.</span>
<span style="color: #006600; font-style: italic;">//		Calculations use mouseover event position, </span>
<span style="color: #006600; font-style: italic;">//		offset amounts and tooltip width to position</span>
<span style="color: #006600; font-style: italic;">//		tooltip within window.</span>
<span style="color: #006600; font-style: italic;">/////////////////////////////////////////////////////////////</span>
<span style="color: #003366; font-weight: bold;">function</span> positionTip<span style="color: #009900;">&#40;</span>evt<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>tipFollowMouse<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		mouseX <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>ns4<span style="color: #339933;">||</span>ns5<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span> evt.<span style="color: #006600;">pageX</span><span style="color: #339933;">:</span> window.<span style="color: #006600;">event</span>.<span style="color: #006600;">clientX</span> <span style="color: #339933;">+</span> document.<span style="color: #006600;">body</span>.<span style="color: #006600;">scrollLeft</span><span style="color: #339933;">;</span>
		mouseY <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>ns4<span style="color: #339933;">||</span>ns5<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span> evt.<span style="color: #006600;">pageY</span><span style="color: #339933;">:</span> window.<span style="color: #006600;">event</span>.<span style="color: #006600;">clientY</span> <span style="color: #339933;">+</span> document.<span style="color: #006600;">body</span>.<span style="color: #006600;">scrollTop</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #006600; font-style: italic;">// tooltip width and height</span>
	<span style="color: #003366; font-weight: bold;">var</span> tpWd <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>ns4<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span> tooltip.<span style="color: #006600;">width</span><span style="color: #339933;">:</span> <span style="color: #009900;">&#40;</span>ie4<span style="color: #339933;">||</span>ie5<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span> tooltip.<span style="color: #006600;">clientWidth</span><span style="color: #339933;">:</span> tooltip.<span style="color: #006600;">offsetWidth</span><span style="color: #339933;">;</span>
	<span style="color: #003366; font-weight: bold;">var</span> tpHt <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>ns4<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span> tooltip.<span style="color: #006600;">height</span><span style="color: #339933;">:</span> <span style="color: #009900;">&#40;</span>ie4<span style="color: #339933;">||</span>ie5<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span> tooltip.<span style="color: #006600;">clientHeight</span><span style="color: #339933;">:</span> tooltip.<span style="color: #006600;">offsetHeight</span><span style="color: #339933;">;</span>
	<span style="color: #006600; font-style: italic;">// document area in view (subtract scrollbar width for ns)</span>
	<span style="color: #003366; font-weight: bold;">var</span> winWd <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>ns4<span style="color: #339933;">||</span>ns5<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span> window.<span style="color: #006600;">innerWidth</span><span style="color: #CC0000;">-20</span><span style="color: #339933;">+</span>window.<span style="color: #006600;">pageXOffset</span><span style="color: #339933;">:</span> document.<span style="color: #006600;">body</span>.<span style="color: #006600;">clientWidth</span><span style="color: #339933;">+</span>document.<span style="color: #006600;">body</span>.<span style="color: #006600;">scrollLeft</span><span style="color: #339933;">;</span>
	<span style="color: #003366; font-weight: bold;">var</span> winHt <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>ns4<span style="color: #339933;">||</span>ns5<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span> window.<span style="color: #006600;">innerHeight</span><span style="color: #CC0000;">-20</span><span style="color: #339933;">+</span>window.<span style="color: #006600;">pageYOffset</span><span style="color: #339933;">:</span> document.<span style="color: #006600;">body</span>.<span style="color: #006600;">clientHeight</span><span style="color: #339933;">+</span>document.<span style="color: #006600;">body</span>.<span style="color: #006600;">scrollTop</span><span style="color: #339933;">;</span>
	<span style="color: #006600; font-style: italic;">// check mouse position against tip and window dimensions</span>
	<span style="color: #006600; font-style: italic;">// and position the tooltip </span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>mouseX<span style="color: #339933;">+</span>offX<span style="color: #339933;">+</span>tpWd<span style="color: #009900;">&#41;</span><span style="color: #339933;">&gt;</span>winWd<span style="color: #009900;">&#41;</span> 
		tipcss.<span style="color: #006600;">left</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>ns4<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span> mouseX<span style="color: #339933;">-</span><span style="color: #009900;">&#40;</span>tpWd<span style="color: #339933;">+</span>offX<span style="color: #009900;">&#41;</span><span style="color: #339933;">:</span> mouseX<span style="color: #339933;">-</span><span style="color: #009900;">&#40;</span>tpWd<span style="color: #339933;">+</span>offX<span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;px&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">else</span> tipcss.<span style="color: #006600;">left</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>ns4<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span> mouseX<span style="color: #339933;">+</span>offX<span style="color: #339933;">:</span> mouseX<span style="color: #339933;">+</span>offX<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;px&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>mouseY<span style="color: #339933;">+</span>offY<span style="color: #339933;">+</span>tpHt<span style="color: #009900;">&#41;</span><span style="color: #339933;">&gt;</span>winHt<span style="color: #009900;">&#41;</span> 
		tipcss.<span style="color: #006600;">top</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>ns4<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span> winHt<span style="color: #339933;">-</span><span style="color: #009900;">&#40;</span>tpHt<span style="color: #339933;">+</span>offY<span style="color: #009900;">&#41;</span><span style="color: #339933;">:</span> winHt<span style="color: #339933;">-</span><span style="color: #009900;">&#40;</span>tpHt<span style="color: #339933;">+</span>offY<span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;px&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">else</span> tipcss.<span style="color: #006600;">top</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>ns4<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span> mouseY<span style="color: #339933;">+</span>offY<span style="color: #339933;">:</span> mouseY<span style="color: #339933;">+</span>offY<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;px&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>tipFollowMouse<span style="color: #009900;">&#41;</span> t1<span style="color: #339933;">=</span>setTimeout<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;tipcss.visibility='visible'&quot;</span><span style="color: #339933;">,</span><span style="color: #CC0000;">100</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> hideTip<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>tooltip<span style="color: #009900;">&#41;</span> <span style="color: #000066; font-weight: bold;">return</span><span style="color: #339933;">;</span>
	t2<span style="color: #339933;">=</span>setTimeout<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;tipcss.visibility='hidden'&quot;</span><span style="color: #339933;">,</span><span style="color: #CC0000;">100</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	tipOn <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">//--&gt;</span>
<span style="color: #339933;">&lt;/</span>SCRIPT<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>BR<span style="color: #339933;">&lt;/</span>font<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span>a onmouseover<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;doTooltip(event,0)&quot;</span> onmouseout<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;hideTip(10)&quot;</span> href<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;ENDEREÇO DO LINK AQUI&quot;</span><span style="color: #339933;">&gt;&lt;</span>font color<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;#000000&quot;</span><span style="color: #339933;">&gt;</span> NOME <span style="color: #000066; font-weight: bold;">DO</span> LINK
<span style="color: #339933;">&lt;/</span>font<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span>font size<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;3&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>BR<span style="color: #339933;">&gt;&lt;/</span>font<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span>a onmouseover<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;doTooltip(event,1)&quot;</span> onmouseout<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;hideTip(10)&quot;</span> href<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;ENDEREÇO DO LINK AQUI&quot;</span><span style="color: #339933;">&gt;&lt;</span>font color<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;#000000&quot;</span><span style="color: #339933;">&gt;</span> NOME <span style="color: #000066; font-weight: bold;">DO</span> LINK
<span style="color: #339933;">&lt;/</span>font<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span>font size<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;3&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>BR<span style="color: #339933;">&gt;&lt;/</span>font<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span>a onmouseover<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;doTooltip(event,2)&quot;</span> onmouseout<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;hideTip(10)&quot;</span> href<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;ENDEREÇO DO LINK AQUI&quot;</span><span style="color: #339933;">&gt;&lt;</span>font color<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;#000000&quot;</span><span style="color: #339933;">&gt;</span> NOME <span style="color: #000066; font-weight: bold;">DO</span> LINK
<span style="color: #339933;">&lt;/</span>font<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span>font size<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;3&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>BR<span style="color: #339933;">&gt;&lt;/</span>font<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span>a onmouseover<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;doTooltip(event,3)&quot;</span> onmouseout<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;hideTip(10)&quot;</span> href<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;ENDEREÇO DO LINK AQUI&quot;</span><span style="color: #339933;">&gt;&lt;</span>font color<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;#000000&quot;</span><span style="color: #339933;">&gt;</span> NOME <span style="color: #000066; font-weight: bold;">DO</span> LINK
<span style="color: #339933;">&lt;/</span>font<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span>font size<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;3&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>BR<span style="color: #339933;">&gt;&lt;/</span>font<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span>a onmouseover<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;doTooltip(event,4)&quot;</span> onmouseout<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;hideTip(10)&quot;</span> href<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;ENDEREÇO DO LINK AQUI&quot;</span><span style="color: #339933;">&gt;&lt;</span>font color<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;#000000&quot;</span><span style="color: #339933;">&gt;</span> NOME <span style="color: #000066; font-weight: bold;">DO</span> LINK
<span style="color: #339933;">&lt;/</span>font<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span>font size<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;3&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>BR<span style="color: #339933;">&gt;&lt;/</span>font<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span>a onmouseover<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;doTooltip(event,5)&quot;</span> onmouseout<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;hideTip(10)&quot;</span> href<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;ENDEREÇO DO LINK AQUI&quot;</span><span style="color: #339933;">&gt;&lt;</span>font color<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;#000000&quot;</span><span style="color: #339933;">&gt;</span> NOME <span style="color: #000066; font-weight: bold;">DO</span> LINK
<span style="color: #339933;">&lt;/</span>font<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span>font size<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;3&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>BR<span style="color: #339933;">&gt;&lt;/</span>font<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span>a onmouseover<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;doTooltip(event,6)&quot;</span> onmouseout<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;hideTip(10)&quot;</span> href<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;ENDEREÇO DO LINK AQUI&quot;</span><span style="color: #339933;">&gt;&lt;</span>font color<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;#000000&quot;</span><span style="color: #339933;">&gt;</span> NOME <span style="color: #000066; font-weight: bold;">DO</span> LINK
<span style="color: #339933;">&lt;/</span>font<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span>font size<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;3&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>BR<span style="color: #339933;">&gt;&lt;/</span>font<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span>a onmouseover<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;doTooltip(event,7)&quot;</span> onmouseout<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;hideTip(10)&quot;</span> href<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;ENDEREÇO DO LINK AQUI&quot;</span><span style="color: #339933;">&gt;&lt;</span>font color<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;#000000&quot;</span><span style="color: #339933;">&gt;</span> NOME <span style="color: #000066; font-weight: bold;">DO</span> LINK
<span style="color: #339933;">&lt;/</span>font<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span>font size<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;3&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>BR<span style="color: #339933;">&gt;&lt;/</span>font<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span>a onmouseover<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;doTooltip(event,8)&quot;</span> onmouseout<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;hideTip(10)&quot;</span> href<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;ENDEREÇO DO LINK AQUI&quot;</span><span style="color: #339933;">&gt;&lt;</span>font color<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;#000000&quot;</span><span style="color: #339933;">&gt;</span> NOME <span style="color: #000066; font-weight: bold;">DO</span> LINK
<span style="color: #339933;">&lt;/</span>font<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span>font size<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;3&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>BR<span style="color: #339933;">&gt;&lt;/</span>font<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span>a onmouseover<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;doTooltip(event,9)&quot;</span> onmouseout<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;hideTip(10)&quot;</span> href<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;ENDEREÇO DO LINK AQUI&quot;</span><span style="color: #339933;">&gt;&lt;</span>font color<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;#000000&quot;</span><span style="color: #339933;">&gt;</span> NOME <span style="color: #000066; font-weight: bold;">DO</span> LINK
<span style="color: #339933;">&lt;/</span>font<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span>font size<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;3&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>BR<span style="color: #339933;">&gt;&lt;/</span>font<span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;</span>a onmouseover<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;doTooltip(event,10)&quot;</span> onmouseout<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;hideTip(10)&quot;</span> href<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;ENDEREÇO DO LINK AQUI&quot;</span><span style="color: #339933;">&gt;&lt;</span>font color<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;#000000&quot;</span><span style="color: #339933;">&gt;</span> NOME <span style="color: #000066; font-weight: bold;">DO</span> LINK
<span style="color: #339933;">&lt;/</span>font<span style=