// JavaScript Document
function mostra_ajuda(pg)
{
	if(document.getElementById("mostra_ajuda") != null)
	{
	
	document.getElementById("mostra_ajuda").style.color = "white";
	document.getElementById("mostra_ajuda").innerHTML = "<span onClick='return esconde_ajuda()' style='cursor:pointer; color:white'><b><u>Esconder</u></b></span>\
	<h2>Tópicos de ajuda:</h2>\
		<ul>\
			<li>\
				Editor de textos <span id='editor_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'editor')\">[+]</span></span>\
				<span id='editor'></span>\
			</li>\
			<li>\
				Menu lateral <span id='menu_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'menu')\">[+]</span></span>\
				<span id='menu'></span>\
			</li>";
			
			if(pg == "videos")
			{
				document.getElementById("mostra_ajuda").innerHTML += "<li>\
					Botões de alteração <span id='botao_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'botao')\">[+]</span></span>\
					<span id='botao'></span>\
				</li>\
				<li>\
					Adicionar vídeo <span id='adicionar_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'adicionar')\">[+]</span></span>\
					<span id='adicionar'></span>\
				</li>\
				<li>\
					Alterando vídeos <span id='alterar_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'alterar')\">[+]</span></span>\
					<span id='alterar'></span>\
				</li>";
			}
			else if(pg == "download")
			{
				document.getElementById("mostra_ajuda").innerHTML += "<li>\
					Botões de alteração <span id='botao_down_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'botao_down')\">[+]</span></span>\
					<span id='botao_down'></span>\
				</li>\
				<li>\
					Adicionar download <span id='adicionar_down_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'adicionar_down')\">[+]</span></span>\
					<span id='adicionar_down'></span>\
				</li>\
				<li>\
					Alterando downloads <span id='alterar_down_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'alterar_down')\">[+]</span></span>\
					<span id='alterar_down'></span>\
				</li>";
			}
			else if(pg == "produtos")
			{
				document.getElementById("mostra_ajuda").innerHTML += "<li>\
					Adicionando categorias <span id='adicionar_cat_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'adicionar_cat')\">[+]</span></span>\
					<span id='adicionar_cat'></span>\
				</li>\
				<li>\
					Editando categorias <span id='editar_cat_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'editar_cat')\">[+]</span></span>\
					<span id='editar_cat'></span>\
				</li>\
				<li>\
					Adicionar produtos <span id='adicionar_prod_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'adicionar_prod')\">[+]</span></span>\
					<span id='adicionar_prod'></span>\
				</li>\
				<li>\
					Alterar produtos <span id='alterar_prod_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'alterar_prod')\">[+]</span></span>\
					<span id='alterar_prod'></span>\
				</li>\
				<li>\
					Mover produtos <span id='mover_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'mover')\">[+]</span></span>\
					<span id='mover'></span>\
				</li>";
			}
			else if(pg == "artistasInter" || pg == "artistasNac")
			{
				document.getElementById("mostra_ajuda").innerHTML += "<li>\
					Adicionar imagens <span id='adicionar_img_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'adicionar_img')\">[+]</span></span>\
					<span id='adicionar_img'></span>\
				</li>";
			}
			document.getElementById("mostra_ajuda").innerHTML += "</ul>";
	}
	else if(document.getElementById("mostra_ajuda_secao") != null)
	{
		document.getElementById("mostra_ajuda_secao").style.color = "white";
		document.getElementById("mostra_ajuda_secao").innerHTML = "<span onClick='return esconde_ajuda()' style='cursor:pointer; color:white'><b><u>Esconder</u></b></span>\
	<h2>Tópicos de ajuda:</h2>\
		<ul>\
			<li>\
				Criar nova seção <span id='nova_secao_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'nova_secao')\">[+]</span></span>\
				<span id='nova_secao'></span>\
			</li>\
			<li>\
				Menu lateral <span id='menu_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'menu')\">[+]</span></span>\
				<span id='menu'></span>\
			</li></ul>";
	}
	else if(document.getElementById("mostra_ajuda_pagina") != null)
	{
		document.getElementById("mostra_ajuda_pagina").style.color = "white";
		document.getElementById("mostra_ajuda_pagina").innerHTML = "<span onClick='return esconde_ajuda()' style='cursor:pointer; color:white'><b><u>Esconder</u></b></span>\
	<h2>Tópicos de ajuda:</h2>\
		<ul>\
			<li>\
				Criar nova página<span id='nova_pagina_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'nova_pagina')\">[+]</span></span>\
				<span id='nova_pagina'></span>\
			</li>\
			<li>\
				Menu lateral <span id='menu_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'menu')\">[+]</span></span>\
				<span id='menu'></span>\
			</li></ul>";
	}
	else if(document.getElementById("mostra_ajuda_imagem") != null)
	{
		document.getElementById("mostra_ajuda_imagem").style.color = "white";
		document.getElementById("mostra_ajuda_imagem").innerHTML = "<span onClick='return esconde_ajuda()' style='cursor:pointer; color:white'><b><u>Esconder</u></b></span>\
	<h2>Tópicos de ajuda:</h2>\
		<ul>\
			<li>\
				Criar novo banner<span id='nova_imagem_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'nova_imagem')\">[+]</span></span>\
				<span id='nova_imagem'></span>\
			</li>\
			<li>\
				Menu lateral <span id='menu_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'menu')\">[+]</span></span>\
				<span id='menu'></span>\
			</li></ul>";
	}
	else if(document.getElementById("mostra_ajuda_pag_menu") != null)
	{
		document.getElementById("mostra_ajuda_pag_menu").style.color = "white";
	document.getElementById("mostra_ajuda_pag_menu").innerHTML = "<span onClick='return esconde_ajuda()' style='cursor:pointer; color:white'><b><u>Esconder</u></b></span>\
	<h2>Tópicos de ajuda:</h2>\
		<ul>\
			<li>\
				Editor de textos <span id='editor_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'editor')\">[+]</span></span>\
				<span id='editor'></span>\
			</li>\
			<li>\
				Adicionar imagem <span id='att_pagina_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'att_pagina')\">[+]</span></span>\
				<span id='att_pagina'></span>\
			</li>\
			<li>\
				Menu lateral <span id='menu_btt'><span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', 'menu')\">[+]</span></span>\
				<span id='menu'></span>\
			</li></ul>";
	}
}

function texto_ajuda(pg, opcao)
{
	
	//GERAL
	//Texto de ajuda sobre o Tiny MCE.
	//document.getElementById("editor").style.cursor = "default";
	if(opcao == "editor")
	{
		document.getElementById(opcao+"_btt").innerHTML = "<span style='cursor:pointer' onClick=\"esconde_texto('"+pg+"', '"+opcao+"')\">[-]</span>";
		document.getElementById("editor").innerHTML = "<br /><br /><b><span style='color:orange'><u>Editor de texto:</u></span></b><br />\
                 <p>Use o editor abaixo para realizar qualquer modificação necessária\
                 no texto que aparece no site. O editor permite que você defina inúmeros tipos de formatação e organização de texto, como se \
                 estivesse usando o Microsoft Word por exemplo.<br />\
                 Após realizar qualquer alteração no texto, clique no botão Salvar. Caso contrário as modificações não serão atualizadas no site.</p><br /> \
                 <p><b><span style='color:orange'><u>Dicas:</u></span></b>\
                       <ul>\
                       <span style='color:orange'><li><b><i>Posicionar imagem:</i></b></span> para posicionar a imagem ao lado do texto, sem fazer o texto pular linhas, basta clicar na imagem e justificá-la à \
                 esquerda (ou direita) utilizando o botão <i>Align Left (ou Right)</i>;</li>\
                          <span style='color:orange'><li><b><i>Adicionar link:</i></b></span> para adicionar um link a uma parte do texto, basta selecionar a parte que terá o link e clicar no botão \
                          <i>Insert/edit link</i> e escrever o link no campo <i>Link URL</i>;</li>\
                          <span style='color:orange'><li><b><i>Adicionar imagem pelo editor:</i></b></span> não é recomendável inserir imagens pelo editor, uma vez que ele não faz o upload da mesma. Portanto, \
                          utilize este recurso apenas se a imagem já estiver no servidor.\
                          O editor dá a opção de você apontar uma imagem pela URL da mesma clicando no botão <i>Insert/edit image</i> e \
                          informando o link da imagem no campo <i>Image URL</i>.</li></ul></p><br /><br />";
	}
	
	if(opcao == "menu")
	{
		//Texto de ajuda sobre o menu lateral.
		//document.getElementById("ajuda_menu").innerHTML = "";
		document.getElementById(opcao+"_btt").innerHTML = "<span style='cursor:pointer' onClick=\"esconde_texto('"+pg+"', '"+opcao+"')\">[-]</span>";
		document.getElementById("menu").style.color = "white";
		document.getElementById("menu").style.textAlign = "justify";
		document.getElementById("menu").innerHTML = "<br /><br /><b><span style='color:orange'><u>Editando o menu</u></span></b><br /><p>É possível editar alguns itens do menu lateral do site. O menu foi dívidido entre seções, que são blocos que contem banners ou thumbnails com informações em comum (anúncio de produtos, por exemplo).</p><p>O link <i>Inserir seção</i> redireciona o usuário para um formulário com as informações necessárias para se criar uma nova seção.<br />Para visualizar as opções de edição de cada seção, basta clicar na opção selecionar. Segue abaixo, uma explicação link:<br /><ul><b><span style='color:orange'><li><u>Mover Seção:</u></span></b> este link faz aparecer setas que permitem mover toda a seção para cima ou para baixo;</b></u></li><b><span style='color:orange'><li><u>Inserir página:</u></span></b> redireciona para um formulário que possibilita criar uma nova página no menu lateral;</li><b><span style='color:orange'><li><u>Inserir imagem:</u></span></b> redireciona para um formulário que pertime cirar um novo Banner para o menu lateral;</li><b><span style='color:orange'><li><u>Mover item: </u></span></b>permite mover um item da seção para cima ou para baixo;</li><b><span style='color:orange'><li><u>Remover item:</u></span></b> remove o item selecionado.</li></ul></p>";
	}
	
	if(pg == "videos")
	{
		if(opcao == "botao")
		{
			//VIDEOS
			//Texto de ajuda sobre os botões da página de vídeos.
			document.getElementById(opcao+"_btt").innerHTML = "<span style='cursor:pointer' onClick=\"esconde_texto('"+pg+"', '"+opcao+"')\">[-]</span>";
			document.getElementById("botao").style.color = "white";
			document.getElementById("botao").style.textAlign = "justify";
			document.getElementById("botao").innerHTML = "<br /><br /><span style='color:orange'><b><u>Botões interativos: </u></b></span><br />Abaixo há botões que interagem com os vídeos da página. Segue a explicação sobre cada um dos botões: <br/><ul><span style='color:orange'><li><b><u>Salvar alterações: </u></b></span>Ao clicar neste botão você salva as alterações feitas nos títulos e na imagens dos vídeos selecionados.</li><span style='color:orange'><li><b><u>Remover: </u></b></span>após confirmação, remove todos os vídeos selecionados;</li><span style='color:orange'><li><b><u>Adicionar: </u></b></span>mostra um formulário para adicionar um novo vídeo à página.</li></ul>";
		}
	
		if(opcao == "adicionar")
		{
			//Texto de ajuda sobre o form para adicionar um novo vídeo.
			document.getElementById(opcao+"_btt").innerHTML = "<span style='cursor:pointer' onClick=\"esconde_texto('"+pg+"', '"+opcao+"')\">[-]</span>";
			document.getElementById("adicionar").style.color = "white";
			document.getElementById("adicionar").style.textAlign = "justify";
			document.getElementById("adicionar").innerHTML = "<br /><br /><span style='color:orange'><b><u>Adicionar novo vídeo: </u></b></span><br />No formulário abaixo você pode criar um novo vídeo ou apenas apontar a imagem do vídeo para um vídeo em outro site. Segue uma explicação de cada campo: <br/><ul><span style='color:orange'><li><b><u>Título: </u></b></span>Neste campo você define qual será o título que aparece abaixo da imagem do vídeo.</li><span style='color:orange'><li><b><u>Imagem: </u></b></span>é a imagem do vídeo. Ao clicar na imagem o usuário vai baixar o vídeo ou ser direcionado para uma página com o vídeo. Também é possível escolher uma imagem existente. Ao clicar no link \"Escolha uma imagem existente\ o usuário é direcionado para uma página com todas as imagens de vídeos. Basta selecionar a imagem desejada.</li><span style='color:orange'><li><b><u>Vídeo: </u></b></span>ao selecionar esta opção você informa que está subindo um arquivo de vídeo para o site.</li><span style='color:orange'><li><b><u>Link: </u></b></span>selecione esta opção caso o vídeo esteja e outro site, o quel será direcionado por um link.</li></ul>";
		}
	
		if(opcao == "alterar")
		{
			//Texto de ajuda sobre alterações nos vídeos.
			document.getElementById(opcao+"_btt").innerHTML = "<span style='cursor:pointer' onClick=\"esconde_texto('"+pg+"', '"+opcao+"')\">[-]</span>";
			document.getElementById("alterar").style.color = "white";
			document.getElementById("alterar").style.textAlign = "justify";
			document.getElementById("alterar").innerHTML = "<br /><br /><span style='color:orange'><b><u>Alterações nos vídeos</u></b></span><br />Em cada vídeo é possível alterar a imagem e o título, segue abaixo, uma explicação de como realizar essas alterações.<br/><ul><span style='color:orange'><li><b><u>Alterar imagem: </u></b></span>ao clicas no link \"Alterar imagem\" o usuário é direcionado para uma página com todas as imagens existentes na página de vídeos. Nesta nova página, basta selecinar a imagem desejada. Após alterar as imagens, clique no botão \"Salvar alterações\";</li><span style='color:orange'><li><b><u>Alterar título: </u></b></span>para alterar o título, basta ticar o quadrado ao lado do título que o texto poderá ser alterado. Quando terminar de alterar os títulos desejados, clique no botão \"Salvar alterações\".</li></ul>";
		}
	}
	
	if(pg == "download")
	{
		//DOWNLOADS
		//Texto de ajuda sobre os botões da página de downloads.
		if(opcao == "botao_down")
		{
			document.getElementById(opcao+"_btt").innerHTML = "<span style='cursor:pointer' onClick=\"esconde_texto('"+pg+"', '"+opcao+"')\">[-]</span>";
			document.getElementById("botao_down").style.color = "white";
			document.getElementById("botao_down").style.textAlign = "justify";
			document.getElementById("botao_down").innerHTML = "<br /><br /><span style='color:orange'><b><u>Botões interativos: </u></b></span><br />Abaixo há botões que interagem com os downloads da página. Segue a explicação sobre cada um dos botões: <br/><ul><span style='color:orange'><li><b><u>Salvar alterações: </u></b></span>Ao clicar neste botão você salva as alterações feitas nos títulos e nas categorias dos downloads selecionados.</li><span style='color:orange'><li><b><u>Remover: </u></b></span>após confirmação, remove todos os downloads selecionados;</li><span style='color:orange'><li><b><u>Adicionar: </u></b></span>mostra um formulário para adicionar um novo download à página.</li></ul>";
		}
	
		if(opcao == "adicionar_down")
		{
			//Texto de ajuda sobre o form para adicionar um novo download.
			document.getElementById(opcao+"_btt").innerHTML = "<span style='cursor:pointer' onClick=\"esconde_texto('"+pg+"', '"+opcao+"')\">[-]</span>";
			document.getElementById("adicionar_down").style.color = "white";
			document.getElementById("adicionar_down").style.textAlign = "justify";
			document.getElementById("adicionar_down").innerHTML = "<br /><br /><span style='color:orange'><b><u>Adicionar novo download: </u></b></span><br />Este formulário permite que o usuário crie um novo download que aparecerá na lista dessa página. Segue uma explicação de cada campod o formulário: <br/><ul><span style='color:orange'><li><b><u>Categoria: </u></b></span>é o nome da categoria que aparece na coluna \"Categoria\" do download;</li><span style='color:orange'><li><b><u>Título: </u></b></span>é o título que aparece na coluna \"Título\" do download;</li><span style='color:orange'><li><b><u>Arquivo: </u></b></span>neste campo você deve selecionar o arquivo em mp3 que será disponibilizado para download.</li></ul>";
		}
	
		if(opcao == "alterar_down")
		{
			//Texto de ajuda sobre alterações nos downloads.
			document.getElementById(opcao+"_btt").innerHTML = "<span style='cursor:pointer' onClick=\"esconde_texto('"+pg+"', '"+opcao+"')\">[-]</span>";
			document.getElementById("alterar_down").style.color = "white";
			document.getElementById("alterar_down").style.textAlign = "justify";
			document.getElementById("alterar_down").innerHTML = "<br /><br /><span style='color:orange'><b><u>Alterações nos downloads</u></b></span><p>É possível alterar a categoria e o título de cada download da página. Para isso, basta selecionar o quadrado ao lado da categoria e realizar as alterações necessárias na categoria e/ou título selecionado. Ao terminar, basta clicar no botão \"Salvar alterações\".</p><p>Também é possível remover os downloads selecionando-os e clicando no botão \"Remover\".";
		}
	}
	
	if(pg == "produtos")
	{
		//PRODUTOS
		//Texto de ajuda sobre o botão adicionar categoria.
		if(opcao == "adicionar_cat")
		{
			document.getElementById(opcao+"_btt").innerHTML = "<span style='cursor:pointer' onClick=\"esconde_texto('"+pg+"', '"+opcao+"')\">[-]</span>";
			document.getElementById("adicionar_cat").style.color = "white";
			document.getElementById("adicionar_cat").style.textAlign = "justify";
			document.getElementById("adicionar_cat").innerHTML = "<br /><br /><span style='color:orange'><b><u>Formulário - Adicionar categoria: </u></b></span><p>Este formulário serve para criar uma nova categoria de produtos. Segue uma explicação sobre cada campo do formulário: </p><ul><span style='color:orange'><li><b><u>Nome da categoria: </u></b></span>será o nome a categoria e irá aparecer na faixa laranja da categoria;</li><span style='color:orange'><li><b><u>Posição: </u></b></span>é a posição em que a categoria ficará na página.</li></ul>";
		}
	
		if(opcao == "editar_cat")
		{
			//Texto de ajuda sobre como editar cada categoria.
			document.getElementById(opcao+"_btt").innerHTML = "<span style='cursor:pointer' onClick=\"esconde_texto('"+pg+"', '"+opcao+"')\">[-]</span>";
			document.getElementById("editar_cat").style.color = "white";
			document.getElementById("editar_cat").style.textAlign = "justify";
			document.getElementById("editar_cat").innerHTML = "<br /><br /><span style='color:orange'><b><u>Editando categorias</u></b></span><p>Ao selecionar cada categoria, uma série de edições podem ser feitas. Segue abaixo uma explicação de cada.<br /><ul><span style='color:orange'><li><b><u>Editar: </u></b></span>ao clicar no link \"Editar\" o nome da categoria se torna editável. Após realizar as alterações desejadas, basta clicar no botão \"Alterar\".</li><span style='color:orange'><li><b><u>Adicionar produto</u></b></span>este link disponibiliza um formulário para a criação de um novo produto. <span id='add'><span style='cursor:pointer;color:orange' onClick='return mostra_add()'><b>[+]</b></span></span><span id='mostra_add'></span></li><span style='color:orange'><li><b><u>Alterar</u></b></span>este link permite que o produto seja modificado. É possível alterar o link e a imagem do produto. <span id='alt'><span style='cursor:pointer;color:orange' onClick='return mostra_alt()'><b>[+]</b></span></span><span id='mostra_alt'></span></li><span style='color:orange'><li><b><u>Mover</b></u></span>ao clicar nas flechas que aparecem, permite mover o produto para cima, para baixo e para os lados. Após terminar a movimentação dos produtos é necessário clicar no botão \"Salvar alterações\" para que as novas posições sejam salvas. <span id='mostra_mover'></span></li><span style='color:orange'><li><b><u>excluir</b></u></span>exclui o produto da página.</li></ul></p>";
		}
	
		if(opcao == "adicionar_prod")
		{
			//Texto de ajuda sobre o form de adicionar produtos.
			document.getElementById(opcao+"_btt").innerHTML = "<span style='cursor:pointer' onClick=\"esconde_texto('"+pg+"', '"+opcao+"')\">[-]</span>";
			document.getElementById("adicionar_prod").innerHTML = "<span style='cursor:pointer;color:orange' onClick='return esconde_add()'><b>[-]</b></span>";
			document.getElementById("adicionar_prod").innerHTML = "<p>O formulário para adicionar produtos contém dois campos:<br /><ul><span style='color:orange'><li><b>URL do produto: </b></span>é o link que da página que contém as informações sobre o produto;</li><span style='color:orange'><li><b>Enviar imagem: </b></span>aqui você deve selecionar a imagem do produto que vai ficar na página.</li></ul></p>";
		}
	
		if(opcao == "alterar_prod")
		{
			//Texto de ajuda sobre o form de alterar produtos.
			document.getElementById(opcao+"_btt").innerHTML = "<span style='cursor:pointer' onClick=\"esconde_texto('"+pg+"', '"+opcao+"')\">[-]</span>";
			document.getElementById("alterar_prod").innerHTML = "<span style='cursor:pointer;color:orange' onClick='return esconde_alt()'><b>[-]</b></span>";
			document.getElementById("alterar_prod").innerHTML = "<p>Segue uma explicação sobre os campos do formulário: <br /><ul><span style='color:orange'><li><b>Altrear URL </b></span>permite que você altere o link para o qual a imagem do produto aponta;</li><span style='color:orange'><li><b>Enviar nova imagem: </b></span>possibilita o envio de uma nova imagem para substituir a atual. Também é possível escolher uma imagem já existente no servidor. Para isso, basta clicar no link \"Escolher imagem existente\" e selecionar uma das imagens que aparece.</li></ul></p>";
		}
	
		if(opcao == "mover")
		{
			//Texto de ajuda sobre como mover os produtos.
			document.getElementById(opcao+"_btt").innerHTML = "<span style='cursor:pointer' onClick=\"esconde_texto('"+pg+"', '"+opcao+"')\">[-]</span>";
			document.getElementById("mover").innerHTML = "<span style='cursor:pointer;color:orange' onClick='return esconde_mover()'><b>[-]</b></span>";
			document.getElementById("mover").innerHTML = "<p>Para mover a imagem, basta clicar na <br /><ul><span style='color:orange'><li><b>Alterar URL </b></span>permite que você altere o link para o qual a imagem do produto aponta;</li><span style='color:orange'><li><b>Enviar nova imagem: </b></span>possibilita o envio de uma nova imagem para substituir a atual. Também é possível escolher uma imagem já existente no servidor. Para isso, basta clicar no link \"Escolher imagem existente\" e selecionar uma das imagens que aparece.</li></ul></p>";
		}
	}
	
	if(pg == "artistasInter" || pg == "artistasNac")
	{
		if(opcao == "adicionar_img")
		{
			//ARTISTAS INTER/NAC
			//Texto de ajuda sobre o botão de adicionar imagens.
			document.getElementById(opcao+"_btt").innerHTML = "<span style='cursor:pointer' onClick=\"esconde_texto('"+pg+"', '"+opcao+"')\">[-]</span>";
			document.getElementById("adicionar_img").style.color = "white";
			document.getElementById("adicionar_img").style.textAlign = "justify";
			document.getElementById("adicionar_img").innerHTML = "<br /><br /><span style='color:orange'><b><u>Adicionar imagem: </u></b></span><br />O botão \"Adicionar imagem\" permite que você adicione um máximo de dez imagens por vez. Basta informar o número de imagens que você vai adicionar e selecionar as imagens em seus campos correspondentes. Feito isso, clique no botão \"Salvar\"</p>";
		}
	}
	/*
	//NOVA SECAO
	//Texto de ajuda sobre o form.
	document.getElementById("ajuda_secao").style.color = "white";
	document.getElementById("ajuda_secao").style.textAlign = "justify";
	document.getElementById("ajuda_secao").innerHTML = "<span style='cursor:pointer; color:white; font-size:12' onClick='return esconde_ajuda_secao()'><b><u>Esconder</u></b></span><br /><br /><span style='color:orange'><b><u>Formulário de seção</u></b></span><br />Você deve preencher o formulário abaixo para criar uma nova seção do menu. Segue abaixo uma explicação de cada campo do formulário:<br/><ul><span style='color:orange'><li><b><u>Nome: </u></b></span>Este campo definirá o nome da seção. Vale ressaltar que o nome da seção não vai aparecer na página, é apenas para controle do sistema;</li><span style='color:orange'><li><b><u>Thumbnail da seção: </u></b></span>Esta imagem ficará sempre no topo da seção e pode ser usada para sua identificação. O envio desta imagem é opcional;</li><span style='color:orange'><li><b><u>Link do thumbnail: </u></b></span>Outro campo opcional. Neste campo, você deve informar o link para onde o thumbnail vai direcionar o usuário;</li><span style='color:orange'><li><b><u>Tamanho dos thumbnails </u></b></span>Este campo é usado para definir o tamanho dos thumbnails de cada item da seção. Caso escolha a opção \"Acima de 70x90\", a seção mostrará uma coluna com um thumbnail em cada linha. Se optar pela opção \"70x90 ou menos\", serão duas colunas, com dois thumbnails em cada linha.</li></ul>";
	
	//NOVA PAGINA
	//Texto de ajuda sobre o form.
	document.getElementById("ajuda_secao").style.color = "white";
	document.getElementById("ajuda_secao").style.textAlign = "justify";
	document.getElementById("ajuda_secao").innerHTML = "<span style='cursor:pointer; color:white; font-size:12' onClick='return esconde_ajuda_secao()'><b><u>Esconder</u></b></span><br /><br /><span style='color:orange'><b><u>Formulário de seção</u></b></span><br />Você deve preencher o formulário abaixo para criar uma nova seção do menu. Segue abaixo uma explicação de cada campo do formulário:<br/><ul><span style='color:orange'><li><b><u>Nome: </u></b></span>Este campo definirá o nome da seção. Vale ressaltar que o nome da seção não vai aparecer na página, é apenas para controle do sistema;</li><span style='color:orange'><li><b><u>Thumbnail da seção: </u></b></span>Esta imagem ficará sempre no topo da seção e pode ser usada para sua identificação. O envio desta imagem é opcional;</li><span style='color:orange'><li><b><u>Link do thumbnail: </u></b></span>Outro campo opcional. Neste campo, você deve informar o link para onde o thumbnail vai direcionar o usuário;</li><span style='color:orange'><li><b><u>Tamanho dos thumbnails </u></b></span>Este campo é usado para definir o tamanho dos thumbnails de cada item da seção. Caso escolha a opção \"Acima de 70x90\", a seção mostrará uma coluna com um thumbnail em cada linha. Se optar pela opção \"70x90 ou menos\", serão duas colunas, com dois thumbnails em cada linha.</li></ul>";
	
	//NOVA IMAGEM
	//Texto de ajuda sobre o form.
	document.getElementById("ajuda_imagem").style.color = "white";
	document.getElementById("ajuda_imagem").style.textAlign = "justify";
	document.getElementById("ajuda_imagem").innerHTML = "<span style='cursor:pointer; color:white; font-size:12' onClick='return esconde_ajuda_imagem()'><b><u>Esconder</u></b></span><br /><br /><span style='color:orange'><b><u>Formulário de banner</u></b></span><br />Para incluir um novo banner no menu lateral, basta preencher o formulário abaixo com os seguintes campos: <br/><ul><span style='color:orange'><li><b><u>Thumbnail: </u></b></span>Neste campo, selecione o banner que você quer adicionar. Abaixo deste campo é informado qual tamanho deve ter a imagem do banner;</li><span style='color:orange'><li><b><u>Link: </u></b></span>Caso você queira que o banner tenha um link, basta adicionar a URL neste campo.</li></ul>";
	*/
	//}
	
	if(opcao == "nova_secao")
	{
		document.getElementById(opcao+"_btt").innerHTML = "<span style='cursor:pointer' onClick=\"esconde_texto('"+pg+"', '"+opcao+"')\">[-]</span>";
		document.getElementById("nova_secao").style.color = "white";
		document.getElementById("nova_secao").style.textAlign = "justify";
		document.getElementById("nova_secao").innerHTML = "<br /><br /><span style='color:orange'><b><u>Criar nova seção</u></b></span><p>O formulário abaixo permite que uma nova seção seja criada no menu lateral do site. Segue uma explicação sobre cada campo do formulário: <br /><ul><span style='color:orange'><li><b><u>Nome: </u></b></span>o nome da seção é usado para controle interno do sistema.</li><span style='color:orange'><li><b><u>Thumb da seção: </u></b></span>imagem que irá aparecer no topo da seção.</li><span style='color:orange'><li><b><u>Link do thumbnail: </u></b></span>link para o qual a imagem irá redirecionar.</li><span style='color:orange'><li><b><u>Tamanho dos thumbnails: </u></b></span>a opção maior que 70x90 organiza as imagens da seção uma em cima da outra. 70x90 ou menos divide as imagens em duas colunas.</li></ul></p>";
	}
	
	if(opcao == "nova_pagina")
	{
		document.getElementById(opcao+"_btt").innerHTML = "<span style='cursor:pointer' onClick=\"esconde_texto('"+pg+"', '"+opcao+"')\">[-]</span>";
		document.getElementById("nova_pagina").style.color = "white";
		document.getElementById("nova_pagina").style.textAlign = "justify";
		document.getElementById("nova_pagina").innerHTML = "<br /><br /><span style='color:orange'><b><u>Criar nova página</u></b></span><p>O formulário abaixo permite que uma nova página seja criada. Essa página poderá ser acessada pelo menu lateral do site. Segue uma explicação sobre cada campo do formulário: <br /><ul><span style='color:orange'><li><b><u>Nome da página: </u></b></span>o nome da página é usado para controle interno do sistema.</li><span style='color:orange'><li><b><u>Conteúdo:</u></b></span>todo o conteúdo principal da página deve ser colocado neste campo.</li><span style='color:orange'><li><b><u>Thumbnail: </u></b></span>imagem que aparece na coluna lateral. Ao ser clicada, essa imagem redireciona para a nova página</li></ul></p>";
	}
	
	if(opcao == "nova_imagem")
	{
		document.getElementById(opcao+"_btt").innerHTML = "<span style='cursor:pointer' onClick=\"esconde_texto('"+pg+"', '"+opcao+"')\">[-]</span>";
		document.getElementById("nova_imagem").style.color = "white";
		document.getElementById("nova_imagem").style.textAlign = "justify";
		document.getElementById("nova_imagem").innerHTML = "<br /><br /><span style='color:orange'><b><u>Criar um novo banner</u></b></span><p>O formulário abaixo permite criar um novo banner que ficará exposto no menu lateral. O banner pode conter um link para uma página da web. Segue uma explicação sobre cada campo do formulário: <br /><ul><span style='color:orange'><li><b><u>Thumbnail: </u></b></span>imagem que aparece na coluna lateral.</li><span style='color:orange'><li><b><u>“Acima de 70x90”: </u></b></span>informa como é a organizaçãodas imagens na coluna lateral</li><span style='color:orange'><li><b><u>Link: </u></b></span>link para o qual a imagem irá redirecionar.</li></ul></p>";
	}
	
	if(opcao == "att_pagina")
	{
		document.getElementById(opcao+"_btt").innerHTML = "<span style='cursor:pointer' onClick=\"esconde_texto('"+pg+"', '"+opcao+"')\">[-]</span>";
		document.getElementById("att_pagina").style.color = "white";
		document.getElementById("att_pagina").style.textAlign = "justify";
		document.getElementById("att_pagina").innerHTML = "<br /><br /><span style='color:orange'><b><u>Adicionando imagens</u></b></span><p>Você pode adicionar quantas imagens precisar (até 15 por vez) para complementar o conteúdo da página utilizando o botão indicado.<br /></p>";
	}
}

function esconde_ajuda()
{
	if(document.getElementById("mostra_ajuda") != null)
		document.getElementById("mostra_ajuda").innerHTML = "";
	if(document.getElementById("mostra_ajuda_secao") != null)
		document.getElementById("mostra_ajuda_secao").innerHTML = "";
	if(document.getElementById("mostra_ajuda_pagina") != null)
		document.getElementById("mostra_ajuda_pagina").innerHTML = "";
	if(document.getElementById("mostra_ajuda_imagem") != null)
		document.getElementById("mostra_ajuda_imagem").innerHTML = "";
	if(document.getElementById("mostra_ajuda_pag_menu") != null)
		document.getElementById("mostra_ajuda_pag_menu").innerHTML = "";
	//document.getElementById("ajuda_menu").innerHTML = "<span id='ajuda_menu' style='cursor:help; color:white; font-size:13' onClick='return mostra_ajuda_menu()'><b><u>Ajuda</u></b><br /><br /></span>";
}

function esconde_texto(pg, opcao)
{
	
	document.getElementById(opcao+"_btt").innerHTML = "<span style='cursor:pointer' onClick=\"texto_ajuda('"+pg+"', '"+opcao+"')\">[+]</span>";
	document.getElementById(opcao).innerHTML = "";
}