// DECLARAÇÕES
var _MSGS = new Array();			// vetor de idiomas
var _ART_COD = 0;					// código do artista atual
var _ART_CONT = new Array(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);		// conteúdos do artista

//!var _ART_OK = new Array(1,2,3,4,5,6,7,8,9,10,11,12);		// artistas que devem ser exibidos
// removidos 4 5 11
var _ART_OK = new Array(1,2,3,6,7,9,10);		// artistas que devem ser exibidos
var _BND_OK = new Array(8,12);		// bandas que devem ser exibidos

var _ART_ITEM = 0;					// item atual do artista
var _ARQFOTO_CONT = 0;				// indica se o conteúdo do arquivo de fotos já foi carregado
var _ARQ_FOTOS = new Array();		// conteúdo do arquivo de fotos

var _IFRAME = 0;					// controla as iframes 
var _IDIOMA = 0;					// indica o idioma que está sendo usado

// NOME DOS ARTISTAS
var _ARTS = new Array();
// ESTRUTURA DE DEFINIÇÕES DOS ARTISTAS
var _ESTR = new Array();
var _TIPO = new Array();

// 1 Release
// 2 Fotos
// 3 Áudio
// 4 Repertório
// 5 Discografia
// 6 Agenda
// 7 Contato
// 8 Letras
// 9 Vídeo

// TIPOS DE LEGENDA
// 1 Voz
// 2 Violão
// 3 Teclado
// 4 Baixo
// 5 Acordeom
// 6 Guitarra
// 7 Piano
// 8 Percussão

_ARTS[1] = 'Monica Rotta';
_ESTR[1] = new Array(1,2,3,7);
_TIPO[1] = new Array(1,8);

_ARTS[2] = 'Germano Neto';
_ESTR[2] = new Array(1,2,3,7);
_TIPO[2] = new Array(1,2);

_ARTS[3] = 'Beth Ghedin';
_ESTR[3] = new Array(1,3,5,7);
_TIPO[3] = new Array(1,3);

_ARTS[4] = 'Subrinhos do Tio';
_ESTR[4] = new Array(1,2,7);
_TIPO[4] = new Array(0);

_ARTS[5] = 'Mazinho';
_ESTR[5] = new Array(1,2,3,7);
_TIPO[5] = new Array(2,6);

_ARTS[6] = 'Duo de Canto e Piano';
_ESTR[6] = new Array(1,2,7);
_TIPO[6] = new Array(1,7);

_ARTS[7] = 'Graciela Beninca';
_ESTR[7] = new Array(1,2,3,7);
_TIPO[7] = new Array(1,8);

_ARTS[8] = 'Gruppo Ciribim';
_ESTR[8] = new Array(1,2,3,9,8,7);
_TIPO[8] = new Array(0);

_ARTS[9] = 'Valdi';
_ESTR[9] = new Array(1,2,3,7);
_TIPO[9] = new Array(1,5);

_ARTS[10] = 'Nathan Franzói';
_ESTR[10] = new Array(1,2,3,7);
_TIPO[10] = new Array(1,2,4,6);

_ARTS[11] = 'Renato Rangel';
_ESTR[11] = new Array(1,2,7);
_TIPO[11] = new Array(7,4);

_ARTS[12] = 'Banda MH<sub>2</sub>';
_ESTR[12] = new Array(2,4,7);
_TIPO[12] = new Array(0);

// FUNÇÕES


// exibe ou oculta a imagem do contador
// iAcao	indica mouseover ou mouseout
function Contador(iAcao) {
	var oTemp = getEle('oContador');
	// testa se deve mostrar a imagem
	if (iAcao == 1) {
		// exibe o objeto
		oTemp.style.display = "";
	// deve ocultar
	} else {
		oTemp.style.display = "none";
	}	
}


// executa uma ação de acordo com o botão clicado
// iSeq		id da sequencia de botões
// iAcao	id do botão que foi clicado
function Acao(iSeq, iAcao) {
	// testa se a sequencia é dos botões superiores
	if (iSeq == 1) {
		// oculta as bases de artista
		//var oTemp = getEle('oArtMenu');
		//oTemp.style.display = "none";
		//oTemp = getEle('oArtCont');
		//oTemp.style.display = "none";
		// exibe a base de exibição normal
		//var oTemp = getEle('oIntro');
		//oTemp.style.display = "";	
		
		//CriaBotao(1, 0, 1, _MSGS[1], _MSGS[6], 1, _JS+'Acao(1,1);', '');	
		//CriaBotao(1, 0, 2, _MSGS[2], _MSGS[7], 1, _JS+'Acao(1,2);', '');
		
		// cria a tabela para os botões
		var sCont = '</div><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">';
	
		sCont += '<tr><td>'+CriaBotao(2, 0, 2, _MSGS[1], _MSGS[6], 1, _JS+'Acao(1,1);', '')+'</td></tr>';
		sCont += '<tr><td style="padding-top:5px;">'+CriaBotao(2, 0, 3, _MSGS[2], _MSGS[7], 1, _JS+'Acao(1,2);', '')+'</td></tr>';
		sCont += '<tr><td style="padding-top:5px;">'+CriaBotao(2, 0, 4, _MSGS[52], _MSGS[53], 1, _JS+'Acao(4,0);', '')+'</td></tr>';
		sCont += '<tr><td style="padding-top:5px;">'+CriaBotao(2, 0, 5, _MSGS[56], _MSGS[57], 1, _JS+'Livro();', '')+'</td></tr>';
		// finaliza a tabela
		sCont += '</table>';		
		
		// seta o conteúdo
		SetCont('oArtMenu', sCont);
		
		
		// define o conteúdo da área
		sCont = '<div class="oMarg1"><div id="oArtContTit">'+_MSGS[iAcao]+'</div>'+_MSGS[iAcao+10]+'</div>';
		// seta o conteúdo da área
		//SetCont('oIntro', sCont);
		SetCont('oArtCont', sCont);
		
		
	// imagens dos artistas
	} else if (iSeq == 2) {
		// seta o artista atual
		_ART_COD = iAcao;
		
		// oculta a base de exibição normal
		//var oTemp = getEle('oIntro');
		//oTemp.style.display = "none";	
		
		// reseta o conteúdo das áreas
		SetCont('oArtMenu', '');
		SetCont('oArtCont', '');
		
		// testa se deve obter os dados do artista
		if (_ART_CONT[_ART_COD] == 0) {
			// carrega e exibe o conteúdo do artista
			Obter(_BASE+'artista/'+iAcao+'/cont'+_IDIOMA+'.html');
		}
		
		// reseta o item atual do artista para o primeiro item dele
		_ART_ITEM = parseInt(_ESTR[_ART_COD][0]);
		
		// monta a estrutura
		Estrutura();
		
		// testa se deve exibir os dados do artista
		if (_ART_CONT[_ART_COD] != 0) {
			// seta o conteúdo inicial
			Acao(3,_ART_ITEM);	
		}
		
	// botões do artista
	} else if (iSeq == 3) {
		// seta o item atual
		_ART_ITEM = iAcao;
		var sFloat = '';

		// testa se deve exibir a imagem do artista no canto do conteúdo
		if (iAcao == 1 || iAcao == 6 || iAcao == 7) {
			sFloat = '<div id="oArtImgFloat"><table border="0" cellspacing="0" cellpadding="0" class="oBordaFoto2" align="center"><tr><td><img src="'+_BASE+'artista/'+_ART_COD+'/img/0.jpg" border="0" class="oBordaFoto1" /></td></tr></table></div>';
		}
		var sC = '';
		// testa se não é conteúdo de letras
		if (iAcao != 8) {
			sC = '<div class="oMarg1">'+sFloat+'<div id="oArtContTit">'+_MSGS[_ART_ITEM+20]+'</div>'+_ART_CONT[_ART_COD][_ART_ITEM]+'</div>';
		} else {
			sC = '<iframe height="266" width="445" src="artista/'+_ART_COD+'/letras/" name="fLivro" id="fLivro" frameborder="0"></iframe>';
		}

		// seta o conteúdo na área do artista
		SetCont('oArtCont', sC);		
	// botão de arquivo de fotos
	} else if (iSeq == 4) {
		// testa se é a carga da página ou de uma galeria
		if (iAcao == 0) {
			// testa se deve obter os dados do arquivo de imagens
			if (_ARQFOTO_CONT == 0) {
				// carrega e exibe o conteúdo
				Obter(_BASE+'arquivo/arq.html');
			// apenas exibe o conteúdo
			} else {
				ArqFotos(_ARQ_FOTOS);
			}
		// exibir uma galeria
		} else {
			// obtem o título da galeria no formato: dia/mes/ano - dia da semana: descrição do título
			var sCont = '<div class="oMarg1"><div id="oArtContData">'+_ARQ_FOTOS[iAcao][5]+' - '+_MSGS[90+_ARQ_FOTOS[iAcao][6]]+'</div><div id="oArtContTit2">'+_ARQ_FOTOS[iAcao][_IDIOMA]+'</div></div>';
			// obtem o conteúdo das fotos
			sCont += PreparaFotos(_ARQ_FOTOS[iAcao][7], _ARQ_FOTOS[iAcao][0]);
			// seta o conteúdo
			SetCont('oArtCont', sCont);			
		}
	}
}

// adiciona o iframe do livro de visitas
function Livro() {
	SetCont('oArtCont', '<iframe height="266" width="445" src="'+_LIVRO+'" name="fLivro" id="fLivro" frameborder="0"></iframe>');
}

// monta a interface com botões e textos de acordo com o idioma
function MontaTela() {
	// retorna, janela, id, titulo, descrição, classe, url, target
	//!CriaBotao(1, 0, 1, _MSGS[54], _MSGS[55], 1, _JS+'Acao(1,1);', '');	
	//CriaBotao(1, 0, 2, _MSGS[2], _MSGS[7], 1, _JS+'Acao(1,2);', '');
	
	/*
	var sCont = '<br><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td align="center">';
	// monta as fotos dos artistas
	// repete para cada artista
	for (i=1; i<_ARTS.length; i++) {
		sCont += '<a href="'+_JS+'Acao(2,'+i+');" class="l1">'+_ARTS[i]+'</a><br>';
		// testa se deve quebrar a coluna
		if (i == 5) {
			sCont += '</td><td align="center">';
		}	
	}
	sCont += '</td></tr></table>';
	*/
	var iDist = 5;
	var iTop = 0;
	
	var sCont = '';
	// monta as fotos dos artistas
	/*/ repete para cada artista
	for (i=1; i<_ARTS.length; i++) {
		iTop = Math.round(Math.random()*10)*2;
		
		//alert(Math.round(Math.random()*10));
		
		sCont += '<div id="oImgMenuArt'+i+'" style="position:absolute;z-index:1;width:100px;height:98px;left:'+iDist+'px;top:'+iTop+'px;background-color:#a6a6a6;padding:1px;"><div id="oImgMenuArt'+i+'_" style="background-color:#ffffff;padding:4px;"><a href="'+_JS+'Acao(2,'+i+');" class="l1" onMouseOver="'+_JS+'Ativa('+i+',1);" onMouseOut="'+_JS+'Ativa('+i+',0);"><img src="'+_BASE+'artista/'+i+'/img/0.jpg" border="0" /></a></div></div>';
		iDist += 57;
	}
	*/
	
	var iInd = 0;
	var iArt = 0;
	var iTam = _ART_OK.length;
	
	// prepara a exibição dos ícones do artistas
	for (i=1; i<=iTam; i++) {
		iTop = (Math.round(Math.random()*10)*2)+2;
		
		// tenta obter uma posição
		iInd = Math.round(Math.random()*iTam);
		
		// testa se a posição é válida
		if (iInd < iTam && _ART_OK[iInd] != 0) {
			iArt = _ART_OK[iInd];
			//alert('OK para art '+iArt+' com ind '+iInd);
		// procura o primeiro que não seja nulo
		} else {
			for (x=0; x<iTam; x++) {
				// testa se a posição é válida
				if (_ART_OK[x] != 0) {
					iArt = _ART_OK[x];
					iInd = x;
					x = iTam;
				}
			}
		}
		// marca a posição como utilziada
		_ART_OK[iInd] = 0;		
		
		sCont += '<div id="oImgMenuArt'+iArt+'" style="position:absolute;z-index:1;width:100px;height:98px;left:'+iDist+'px;top:'+iTop+'px;background-color:#a6a6a6;padding:1px;"><div id="oImgMenuArt'+iArt+'_" style="background-color:#ffffff;padding:4px;"><a href="'+_JS+'Acao(2,'+iArt+');" class="l1" onMouseOver="'+_JS+'Ativa('+iArt+',1);" onMouseOut="'+_JS+'Ativa('+iArt+',0);"><img src="'+_BASE+'artista/'+iArt+'/img/0.jpg" border="0" /></a></div></div>';
		iDist += 57;
	}	

	sCont += '<div id="oBarra2"></div>';

	// seta o conteudo
	SetCont('oBarra1', sCont);

	// prepara a exibição dos ícones das bandas
	iTam = _BND_OK.length;
	sCont = '';
	iDist = 8;
	iTop = 0;
	iInd = 0;
	iArt = 0;

	// prepara a exibição dos ícones do artistas
	for (i=0; i<iTam; i++) {
		iTop = (Math.round(Math.random()*10)*2);
		
		// tenta obter uma posição
		iInd = Math.round(Math.random()*iTam);
		
		// testa se a posição é válida
		if (iInd < iTam && _BND_OK[iInd] != 0) {
			iArt = _BND_OK[iInd];
			//alert('OK para art '+iArt+' com ind '+iInd);
		// procura o primeiro que não seja nulo
		} else {
			for (x=0; x<iTam; x++) {
				// testa se a posição é válida
				if (_BND_OK[x] != 0) {
					iArt = _BND_OK[x];
					iInd = x;
					x = iTam;
				}
			}
		}
		// marca a posição como utilziada
		_BND_OK[iInd] = 0;	
		
		//alert('OK para art '+iArt+' com ind '+iInd);
		
		sCont += '<div id="oImgMenuArt'+iArt+'" style="position:absolute;z-index:1;width:100px;height:98px;left:'+iDist+'px;top:'+iTop+'px;background-color:#a6a6a6;padding:1px;"><div id="oImgMenuArt'+iArt+'_" style="background-color:#ffffff;padding:4px;"><a href="'+_JS+'Acao(2,'+iArt+');" class="l1" onMouseOver="'+_JS+'Ativa('+iArt+',1);" onMouseOut="'+_JS+'Ativa('+iArt+',0);"><img src="'+_BASE+'artista/'+iArt+'/img/0.jpg" border="0" /></a></div></div>';
		iDist += 60;
	}

	
	// seta o conteudo
	SetCont('oBaseBnd', sCont);
	
	// exibe o conteúdo inicial
	Acao(1, 1);
}

// solicita a troca do idioma atual
// iIdioma		código do idioma que deve ser utilizado
function Ativa(iArt, iStat) {
	var oTemp = getEle('oImgMenuArt'+iArt);
	var oTemp2 = getEle('oImgMenuArt'+iArt+'_');
	// testa se deve realçar
	if (iStat == 1) {
		oTemp.style.zIndex = 10;
		oTemp2.style.backgroundColor = '#1fa1e4';
		SetCont('oBarra2', _ARTS[iArt]);
	// deve retornar ao normal
	} else {
		oTemp.style.zIndex = 1;
		oTemp2.style.backgroundColor = '#ffffff';
		SetCont('oBarra2', '');
	}	
}

// solicita a troca do idioma atual
// iIdioma		código do idioma que deve ser utilizado
function Idioma(iIdioma) {
	_IDIOMA = iIdioma;
	var sCont = '';
	// testa o idioma
	if (iIdioma == 2) {
		sCont = 'Prego attesa, soddisfare di carico...';
	} else {
		sCont = 'Aguarde, carregando conteúdo...';
	}
	// obtem o arquivo de idioma
	Obter(_BASE+'i'+iIdioma+'.html');
	// seta o conteúdo da área
	SetCont('oBlackBaseCont', '<br><br>'+sCont);
}

// recebe a resposta da troca do idioma atual
// aMsgs		vetor com as mensagens no idioma correto
function TrocaIdioma(aMsgs) {
	// repassa as novas mensagens
	_MSGS = new Array();
	_MSGS = aMsgs;
	// oculta o painel de blackout
	var oTemp = getEle('oBlackout');
	oTemp.style.display = "none";
	// monta a tela
	MontaTela();	
}

// monta a estrutura de menus de um usuário
function Estrutura() {
	var sCont = '';
	var iItem = 0;
	var iItemSoma = 0;
	var iTot = 0;
	
	// cabeçalho
	sCont = '<div id="oArtNome">'+_ARTS[_ART_COD]+'</div>';
	// repete para cada item de legenda do artista
	sCont += '<div id="oArtLeg">';
	iTot = _TIPO[_ART_COD].length;
	for (i=0; i<iTot; i++) {
		iItem = parseInt(_TIPO[_ART_COD][i]) + 30;
		// alert(_ART_COD +' > ' +_TIPO[_ART_COD] +' > '+iItem);
		sCont += ''+_MSGS[iItem]+'';
		// testa se deve usar separador
		if (i < (iTot - 1)) {
			// concatena separador
			sCont += ' / ';
		}
	}
	
	// cria a tabela para os botões
	sCont += '</div><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">';
	
	// repete para cada item de menu do artista
	for (i=0; i<_ESTR[_ART_COD].length; i++) {
		// calcula o item
		iItem = parseInt(_ESTR[_ART_COD][i]);
		iItemSoma = iItem + 20;
		
		// adiciona o menu
		//sCont += '<tr><td><a href="'+_JS+'Acao(3,'+iItem+');">'+_MSGS[iItemSoma]+'</a></td></tr>';	
		sCont += '<tr><td style="padding-top:5px;">'+CriaBotao(2, 0, iItemSoma, _MSGS[iItemSoma], '', 2, _JS+'Acao(3,'+iItem+');', '')+'</td></tr>';	
		
		//CriaBotao(2, 0, iItemSoma, _MSGS[iItemSoma], '', 1, _JS+'Acao(3,'+iItem+');', '');
	}

	//! adiciona uma linha em branco e o botão de início
	sCont += '<tr><td style="padding-top:20px;">'+CriaBotao(0, 0, 1, _MSGS[54], _MSGS[55], 2, _JS+'Acao(1,1);', '')+'</td></tr>';

	// finaliza a tabela
	sCont += '</table>';
	
	// seta o conteúdo do menu do usuários
	SetCont('oArtMenu', sCont);
	
	// exibe os paineis de dados
	//var oTemp = getEle('oArtMenu');
	//oTemp.style.display = "";
	//oTemp = getEle('oArtCont');
	//oTemp.style.display = "";	
}

// recebe a resposta do conteúdo de um artista
// aArtCont			vetor com o conteúdo do artista
function Conteudo(aArtCont) {
	// seta o conteudo no vetor local
	_ART_CONT[_ART_COD] = new Array();
	_ART_CONT[_ART_COD] = aArtCont;
	
	// testa se há conteúdo de FOTOS
	if (aArtCont[2] != 0) {
		// solicita montagem da galeria de fotos
		_ART_CONT[_ART_COD][2] = PreparaFotos(aArtCont[2], 0);
	}
	// testa se há conteúdo de AUDIO
	if (aArtCont[3] != 0) {
		// solicita montagem da estrutura de áudio
		_ART_CONT[_ART_COD][3] = PreparaAudio(aArtCont[3]);
	}	
	
	// seta o conteúdo inicial
	Acao(3,_ART_ITEM);	
}

// recebe a resposta do conteúdo do arquivo de fotos e monta a tela inicial
// aArqCont			vetor com o conteúdo do arquivo de fotos
function ArqFotos(aArqCont) {
	// testa se o conteúdo não foi carregado
	if (_ARQFOTO_CONT == 0) {
		// marca como carregado
		_ARQFOTO_CONT = 1;
		// salva o conteúdo
		_ARQ_FOTOS = aArqCont;
	}
	
	var sCont = '<div class="oMarg1"><div id="oArtContTit">'+_MSGS[52]+'</div>';
	// obtem o tamanho do vetor de fotos
	var iTam = _ARQ_FOTOS.length - 1;
	// repete para cada título de galeria de trás para frente
	for (i = iTam; i > 0; i--) {
		// monta um título em cada linha enexando a dada
		//sCont += '<a href="'+_JS+'Acao(4,'+i+');" class="l3">'+_ARQ_FOTOS[i][5]+' - '+_MSGS[90+_ARQ_FOTOS[i][6]]+': '+_ARQ_FOTOS[i][_IDIOMA]+'</a><br>';
		sCont += '<div id="oArtContData">'+_ARQ_FOTOS[i][5]+' - '+_MSGS[90+_ARQ_FOTOS[i][6]]+'</div><a href="'+_JS+'Acao(4,'+i+');" class="l3">'+_ARQ_FOTOS[i][_IDIOMA]+'</a><br>';
		//'<div id="oArtContData">'+_ARQ_FOTOS[i][5]+' - '+_MSGS[90+_ARQ_FOTOS[i][6]]+'</div><div id="oArtContTit2">'+_ARQ_FOTOS[i][_IDIOMA]+'</div>';
	}
	sCont += '</div>';
	// define o conteúdo			
	SetCont('oArtCont', sCont);
}

// prepara a estrutura de áudio com o player
// aAudio		vetor com os dados de audio
function PreparaAudio(aAudio) {
	var iTot = aAudio.length;
	// monta a pasta de armazenamento
	var sHost = _BASE+'artista/'+_ART_COD+'/audio/';
	// controla a quebra de tabela

	//var sCont = '<table width="400" border="0" cellspacing="0" cellpadding="5" align="center">';
	var sCont = '';

	// repete para cada trilha de áudio
	for (i=1; i<iTot; i++) {
		sArq = sHost+i+'.mp3';
	
		sCont += '<div class="oPlayer">'+aAudio[i]+'<br><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="350" height="20" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab"><param name="movie" value="player.swf?showDownload=false&autoStart=false&repeatPlay=false&songVolume=90&file='+sArq+'" /><param name="wmode" value="transparent" /><embed width="350" height="20" src="player.swf?showDownload=false&autoStart=false&repeatPlay=false&songVolume=90&file='+sArq+'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object></div>';
		
		//sCont += '"'+sHost+aFotos[i]+'_.jpg" '; &backColor=000000&frontColor=ffffff
		
		//sCont += '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="150" height="20"    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab"><embed wmode="transparent" width="150" height="20" src="player.swf?file='+_BASE+'+lau1.mp3"    type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>';
		
	}
	//sCont += '</table>';
	// retorna o conteúdo
	return sCont;
}

// prepara as miniaturas de fotos
// aFotos		vetor com os dados das fotos
// iAcao 		indica se são as fotos de um arqtista ou as fotos do arquivo
function PreparaFotos(aFotos, iAcao) {
	var iTot = aFotos.length;
	// testa qual o tipo de foto e monta o endereço das imagens
	if (iAcao == 0) {
		// fotos de um artista
		var sHost = _BASE+'artista/'+_ART_COD+'/img/';
	// fotos do arquivo de fotos
	} else {
		var sHost = _BASE+'arquivo/'+iAcao+'/';
	}
	// controla a quebra de tabela
	var iLim = 1;
	var sCont = '<table width="400" border="0" cellspacing="0" cellpadding="5" align="center">';
	// repete para cada foto
	for (i=0; i<iTot; i++) {
		sCont += '<td class="oTabFotoMin"><table border="0" cellspacing="0" cellpadding="0" class="oBordaFoto2" align="center"><tr><td><a href="'+_JS+'Foto(\''+sHost+aFotos[i]+'\');"><img src="'+sHost+aFotos[i]+'_.jpg" border="0" class="oBordaFoto1" /></a></td></tr></table></td>';
		
		// incrementa o contador de quebra
		iLim++;
		// testa se chegou ao limite
		if (iLim > 3) {
			// adiciona a quebra
			sCont += '</tr><tr>';
			// reseta contador
			iLim = 1;
		}
	}
	sCont += '</table>';
	// retorna o conteúdo
	return sCont;
}


// exibe uma foto em tamanho normal
// sFoto		identificador da foto do artista atual
function Foto(sFoto) {
	// monta o host
	//var sHost = _BASE+'artista/'+_ART_COD+'/img/';	
	// adiciona o conteúdo da área de imagem
	SetCont('oFoto', '<table border="0" cellspacing="0" cellpadding="0" align="center"><tr><td align="right" valign="center" height="580"><div id="oTitFechaFoto">'+CriaBotao(2, 0, 100, _MSGS[50], _MSGS[51], 1, _JS+'FechaFoto();', '')+'</div><table border="0" cellspacing="0" cellpadding="0" class="oBordaFoto4" align="center" bgcolor="#ffffff"><tr><td><a href="'+_JS+'FechaFoto();" title="'+_MSGS[51]+'"><img src="'+sFoto+'.jpg" border="0" class="oBordaFoto3" /></a></td></tr></table>			</td></tr></table>');
	// obtem o elemento
	var oTemp = getEle('oFoto');
	var iTamY = 0;
	// ajusta a posição vertical
	if (self.innerWidth) {
		iTamY = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientWidth) {
		iTamY = document.documentElement.clientHeight;
	} else if (document.body) {
		iTamY = document.body.clientHeight;
	}
	
	// testa se o tamanho está ok
	if (iTamY > 0) {
		// testa se o tamanho é menor que o suposto tamanho da área de imagem
		if (iTamY < 586) {
			// move a base de imagem para baixo
			oTemp.style.top = '300px';
		// recupera a posição original
		} else {
			oTemp.style.top = '50%';
		}
	}

	// exibe a base de imagens
	oTemp.style.display = "";
}

// fecha a janela de uma foto
function FechaFoto() {
	// oculta a base de imagens
	var oTemp = getEle('oFoto');
	oTemp.style.display = "none";	
}

//****************************************************************************
// cria um botão
// escopo: script
// iRet: informa se deve montar no div já existente (1), ou retornar tudo como string (2)
// iJan: id da janela onde está o div de base do botão
// iDiv: id do div de base do painel
// sTit: título do botão
// sDesc: descrição do botão
// iClass: classe de estilos do botão
// sUrl: url de destino do botão
// sTar: target do link
function CriaBotao(iRet, iJan, iDiv, sTit, sDesc, iClass, sUrl, sTar) {
	// monta o nome do div de base
	var sNome = 'dJan'+iJan+'Bt'+iDiv;
	var sCont = '';
		
	// monta o conteúdo do elemento
	sCont = '<a href="'+sUrl+'" target="'+sTar+'"><div id="'+sNome+'_" class="bt'+iClass+'-1" onMouseOver="Botao(1,'+iJan+','+iDiv+','+iClass+');window.status=\''+sDesc+'\';return true;" onMouseOut="Botao(0,'+iJan+','+iDiv+','+iClass+');window.status=\'\';return true;" title="'+sDesc+'">'+sTit+'</div></a>';	
	//sCont = '<div id="'+sNome+'_" class="bt'+iClass+'-1" onMouseOver="Botao(1,'+iJan+','+iDiv+','+iClass+');window.status=\''+sDesc+'\';return true;" onMouseOut="Botao(0,'+iJan+','+iDiv+','+iClass+');window.status=\'\';return true;" title="'+sDesc+'">'+sTit+'</div>';	
	
	//alert(sCont);
	
	// testa se deve montar o botão no div já existente
	if (iRet == 1) {
		// seta o conteúdo no div existente
	 	SetCont(sNome, sCont);
	} else {
		// retorna o conteúdo como string
		return '<div id="'+sNome+'">'+sCont+'</div>';
	}
}

//****************************************************************************
// controla o estado de um botão
// escopo: script
// iEstado: indica o estado do mouse sobre o botão: mouseover 1 ou mouseout 0 ou 2 click
// iJan: id da janela onde está o div de base do botão
// iDiv: id do div de base do painel
// iClass: classe de estilos do botão
function Botao(iEstado, iJan, iDiv, iClass) {
	// obtem o elemento do botão
	var dTemp = getEle('dJan'+iJan+'Bt'+iDiv+'_');
	// testa o estado do mouse
	if (iEstado == 1) {
		// altera o botão para ativo
		dTemp.className = 'bt'+iClass+'-2';
	} else if (iEstado == 0) {
		// altera o botão para invativo
		dTemp.className = 'bt'+iClass+'-1';
	} else {
		// testa se o estado do botão é não-clicado
		if (dTemp.estado == 0) {
			// altera o botão para clicado
			dTemp.className = 'bt'+iClass+'-3';
			// altera o estado do botão
			dTemp.estado = 1;
		// o botão está clicado
		} else {
			// altera o botão para clicado
			dTemp.className = 'bt'+iClass+'-1';
			// altera o estado do botão
			dTemp.estado = 0;			
		}
	}
}

//****************************************************************************
// cria uma IFRAME e aponta para o endereço informado
// sUrl: endereço que a url deve apontar
function Obter(sUrl){
	// cria o código da próxima iframe
	iFrame = _IFRAME++;
	// obtem o elemento de controle de linha
	dTemp = getEle('d');
	fr = document.createElement('iframe');
	fr.id = 'if'+iFrame;
	fr.setAttribute('src', sUrl);
	fr.style.width = 0+'px';
	fr.style.height = 0+'px';
	fr.style.display = 'none';
	dTemp.appendChild(fr);
}

//****************************************************************************
// define o conteúdo html de um objeto
// sArea	nome do objeto
// sCont	conteúdo que deve ser definido
function SetCont(sArea, sCont){
	document.getElementById(sArea).innerHTML = sCont;
}

//****************************************************************************
// obtem um elemento pelo id - alias para getElementById
function getEle(sEle) {
	if (document.getElementById) oEle = document.getElementById(sEle);
	else if (document.all) oEle = document.all[sEle];
	else oEle = null;
	return oEle;
}

//****************************************************************************
// obtem um elemento pelo id - alias para getElementById
function getEle(sEle) {
	if (document.getElementById) oEle = document.getElementById(sEle);
	else if (document.all) oEle = document.all[sEle];
	else oEle = null;
	return oEle;
}