/***********************************************************************************************/
/*carregamento das imagens*/
/***********************************************************************************************/
var strImagensEsquerda = "";
var strImagensDireita = "";
var isIE6 = (parseFloat(navigator.appVersion.split("MSIE")[1]) <= 6) ? true : false;

QueryString.keys = new Array();
QueryString.values = new Array();

var tentativasPararSom = 20;

QueryString_Parse();

function QueryString_Parse()
{
	var query = window.location.search.substring(1);
	query = query.replace(/\+/gi, "%20");
	
	var pairs = query.split("&");
	
	for (var i=0; i<pairs.length; i++)
	{
		var pos = pairs[i].indexOf('=');
		if (pos >= 0)
		{
			var argname = unescape(pairs[i].substring(0,pos));
			var value = unescape(pairs[i].substring(pos+1));
			QueryString.keys[QueryString.keys.length] = argname;
			QueryString.values[QueryString.values.length] = value;	
		}
	}
}


function QueryString(key)
{
	var value = null;
	for (var i=0;i<QueryString.keys.length;i++)
	{
		if (QueryString.keys[i]==key)
		{
			value = QueryString.values[i];
			break;
		}
	}
	return value;
}

//carrega imagens da esquerda
function carregaImagensEsquerda()
{
	eval('MM_preloadImages('+strImagensEsquerda+');');
}
//carrega imagens da direita
function carregaImagensDireita()
{
	eval('MM_preloadImages('+strImagensDireita+');');
}
//retorna o caminho da imagem e da imagem rollover
function caminhoImagens(nomeTela,nomeImagem)
{
	var caminhoImagem1 = "includes/images/menuabas/" + nomeTela + "/" + nomeImagem + "_1.png";
	var caminhoImagem2 = "includes/images/menuabas/" + nomeTela + "/" + nomeImagem + "_2.png";
	
	return '"' + caminhoImagem1 + '", "'+ caminhoImagem2+'"';
}
//insere uma imagem
function insereImagem(nomeTela,nomeImagem)
{
	var html="";
	
	html+= '<img class="imgmenu" src="includes/images/menuabas/' + nomeTela + '/' + nomeImagem+'.png" />';
	
	return html;
}
//insere uma imagem com o evento de rollover
function insereImagemRollOver(nomeTela,nomeImagem,comando)
{
	var html="";
		
	var caminhoImagem1 = "includes/images/menuabas/" + nomeTela + "/" + nomeImagem + "_1.png";
	var caminhoImagem2 = "includes/images/menuabas/" + nomeTela + "/" + nomeImagem + "_2.png";
	var id = "img"+nomeTela+nomeImagem;
	
	MM_preloadImages(caminhoImagem1);
	MM_preloadImages(caminhoImagem2);
	
	html+= '<a href="' + comando +'" onMouseOut="MM_swapImgRestore()" onMouseOver=\'MM_swapImage("' + nomeImagem + '","","' +caminhoImagem2 + '",1)\'>';
	html+= '<img class="imgmenu" id="'+id+'" src="'+caminhoImagem1+'" name="'+nomeImagem+'"></a>';
	
	return html;
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; 
  for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) 
  	x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; 
  if(d.images){ 
  	if(!d.MM_p) 
		d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; 
	for(i=0; i<a.length; i++)
    	if (a[i].indexOf("#")!=0){
			d.MM_p[j]=new Image; 
			d.MM_p[j++].src=a[i]; 
		}
  }
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  
  if(!d) 
  	d=document; 
  if((p=n.indexOf("?"))>0&&parent.frames.length) {
  	d=parent.frames[n.substring(p+1)].document;
	n=n.substring(0,p);
  }
  if(!(x=d[n])&&d.all)
  	x=d.all[n]; 
  for (i=0;!x&&i<d.forms.length;i++) 
  	x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) 
  	x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); 
  	return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; 
  document.MM_sr=new Array;
  for(i=0;i<(a.length-2);i+=3)
  	if ((x=MM_findObj(a[i]))!=null){
		document.MM_sr[j++]=x;
		if(!x.oSrc) 
			x.oSrc=x.src; 
		x.src=a[i+2];
	}
}

//método usado caso o navegador seja IE6
function PNGswap(myID)
{
   var strOver  = "_2.png";
   var strOff = "_1.png";
   var oSpan = document.getElementById(myID)
   var currentAlphaImg = oSpan.filters(0).src
   if (currentAlphaImg.indexOf(strOver) != -1){
	  oSpan.filters(0).src = currentAlphaImg.replace(strOver,strOff);
   }else{
	  oSpan.filters(0).src = currentAlphaImg.replace(strOff,strOver);
	 }
	  
}

/***********************************************************************************************/

/***********************************************************************************************/
// ESTADO DAS TELAS
/***********************************************************************************************/
//tela inicial
function telaInicial()
{
	var html = "";
	var nomeTela="inicio";
	
	strImagensEsquerda = caminhoImagens(nomeTela,'trial') + "," + caminhoImagens(nomeTela,'comprar')+ "," + caminhoImagens(nomeTela,'video');
	
	carregaImagensEsquerda();
	
	html+='<div id="DivQuadroEsq" class="quadroEsq"><body onload>';
	html+=	'<div id="DivTituloEsq" class="tituloEsq">' + insereImagem(nomeTela,'experimente') + '</div>';
	html+=	'<div id="DivConteudoEsq" class="conteudoEsq">';
	html+=		'<div id="DivConteudoCimaEsq" class="conteudoCimaEsqB">' + insereImagemRollOver(nomeTela,'trial','javascript:AbrirRegistroTrial();') + '</div>';
	html+=			'<div id="DivConteudoEsqBaixo" class="conteudoBaixoB">';
	html+=				'<div id="DivConteudoEsqBaixo1" class="conteudoEsqBaixo1B">' + insereImagemRollOver(nomeTela,'comprar','javascript:abrirOndeComprar();') + '</div>';
	html+=				'<div id="DivConteudoEsqBaixo2" class="conteudoEsqBaixo2B">' + insereImagemRollOver(nomeTela,'video', 'javascript:cliqueVideo();') + '</div>';
	html+=		'</div>';
	html+=	'</div>';
	html+='</div>';
	
	html+=htmlMenuDireitoBrincar(nomeTela);
		
	document.getElementById("flashmenu").innerHTML = html;
}

//trial ativo
function telaAtivo(diasRestantes)
{
	if(diasRestantes>10)
	   	diasRestantes=10;
	
	var html = "";
	var nomeTela="ativo";
	
	strImagensEsquerda = caminhoImagens(nomeTela,'trial') + "," + caminhoImagens(nomeTela,'comprar')+ "," + caminhoImagens(nomeTela,'video')+ "," + caminhoImagens(nomeTela,'cartao');
	
	carregaImagensEsquerda()
	
	html+='<div id="DivQuadroEsq" class="quadroEsq">';
	html+=	'<div id="DivTituloEsq" class="tituloEsq">' + insereImagem(nomeTela,'experimente') + '</div>';
	html+=	'<div id="DivConteudoEsq" class="conteudoEsq">';
	html+=		'<div id="DivConteudoCimaEsq" class="conteudoCimaEsqA">' + insereImagemRollOver(nomeTela,'trial_'+diasRestantes.toString(),'javascript:abrirHomeTrial(\'WEBJOGOTRIAL0000\');');
	html+=			'<div id="BotaoPromo" class="botaoPromo">' + insereImagemRollOver(nomeTela,'cartao','javascript:abrirPromocode();','middle') + '</div>';
	html+=		'</div>';
	html+=		'<div id="DivConteudoEsqBaixo" class="conteudoBaixoA">';
	html+=			'<div id="DivConteudoEsqBaixo1" class="conteudoEsqBaixo1A">' + insereImagemRollOver(nomeTela,'comprar','javascript:abrirOndeComprar();') + '</div>';
	html+=			'<div id="DivConteudoEsqBaixo2" class="conteudoEsqBaixo2A">' + insereImagemRollOver(nomeTela,'video', 'javascript:cliqueVideo();') + '</div>';
	html+=		'</div>';
	html+=	'</div>';
	html+='</div>';
	
	html+=htmlMenuDireitoRegistrar(nomeTela);
		
	document.getElementById("flashmenu").innerHTML = html; 
}

// trial com promocode ativo
function telaPromoAtivo(diasRestantes)
{
	
	if(diasRestantes>10)
	   	diasRestantes=10;
		
	var html = "";
	var nomeTela="ativoPromo";
	
	strImagensEsquerda = caminhoImagens(nomeTela,'trial') + "," + caminhoImagens(nomeTela,'comprar')+ "," + caminhoImagens(nomeTela,'video');
	
	carregaImagensEsquerda();
	
	html+='<div id="DivQuadroEsq" class="quadroEsq">';
	html+=	'<div id="DivTituloEsq" class="tituloEsq">' + insereImagem(nomeTela,'experimente') + '</div>';
	html+=	'<div id="DivConteudoEsq" class="conteudoEsq">';
	html+=		'<div id="DivConteudoCimaEsq" class="conteudoCimaEsqA">' + insereImagemRollOver(nomeTela,'trial_'+diasRestantes.toString(),'javascript:abrirHomeTrial(\'WEBJOGOTRIAL0000\');') + '</div>';
	html+=		'<div id="DivConteudoEsqBaixo" class="conteudoBaixoA">';
	html+=			'<div id="DivConteudoEsqBaixo1" class="conteudoEsqBaixo1A">' + insereImagemRollOver(nomeTela,'comprar','javascript:abrirOndeComprar();') + '</div>';
	html+=			'<div id="DivConteudoEsqBaixo2" class="conteudoEsqBaixo2A">' + insereImagemRollOver(nomeTela,'video', 'javascript:cliqueVideo();') + '</div>';
	html+=		'</div>';
	html+=	'</div>';
	html+='</div>';
	
	html+=htmlMenuDireitoRegistrar(nomeTela);
		
	document.getElementById("flashmenu").innerHTML = html; 
}

//trial expirou
function telaExpirou()
{
	var html = "";
	var nomeTela="expirou";
	
	strImagensEsquerda = caminhoImagens(nomeTela,'comprar')+ "," + caminhoImagens(nomeTela,'video')+ "," + caminhoImagens(nomeTela,'cartao');
	
	carregaImagensEsquerda();
	
	html+='<div id="DivQuadroEsq" class="quadroEsq">';
	html+=	'<div id="DivTituloEsq" class="tituloEsq">' + insereImagem(nomeTela,'experimente') + '</div>';
	html+=	'<div id="DivConteudoEsq" class="conteudoEsq">';
	html+=		'<div id="DivConteudoCimaEsq" class="conteudoCimaEsqA">' + insereImagem(nomeTela,'trial_1');
	html+=			'<div id="BotaoPromo" class="botaoPromo">' + insereImagemRollOver(nomeTela,'cartao','javascript:abrirPromocode();','middle') + '</div>';
	html+=		'</div>';
	html+=		'<div id="DivConteudoEsqBaixo" class="conteudoBaixoA">';
	html+=			'<div id="DivConteudoEsqBaixo1" class="conteudoEsqBaixo1A">' + insereImagemRollOver(nomeTela,'comprar','javascript:abrirOndeComprar();') + '</div>';
	html+=			'<div id="DivConteudoEsqBaixo2" class="conteudoEsqBaixo2A">' + insereImagemRollOver(nomeTela,'video', 'javascript:cliqueVideo();') + '</div>';
	html+=		'</div>';
	html+=	'</div>';
	html+='</div>';
	
	html+=htmlMenuDireitoRegistrar(nomeTela);
		
	document.getElementById("flashmenu").innerHTML = html; 
}

//trial com promocode expirou
function telaPromoExpirou()
{
	var html = "";
	var nomeTela="expirouPromo";
	
	strImagensEsquerda = caminhoImagens(nomeTela,'comprar')+ "," + caminhoImagens(nomeTela,'video');
	
	carregaImagensEsquerda();
	
	html+='<div id="DivQuadroEsq" class="quadroEsq">';
	html+=	'<div id="DivTituloEsq" class="tituloEsq">' + insereImagem(nomeTela,'experimente') + '</div>';
	html+=	'<div id="DivConteudoEsq" class="conteudoEsq">';
	html+=		'<div id="DivConteudoCimaEsq" class="conteudoCimaEsqA">' + insereImagem(nomeTela,'trial_1') + '</div>';
	html+=		'<div id="DivConteudoEsqBaixo" class="conteudoBaixoA">';
	html+=			'<div id="DivConteudoEsqBaixo1" class="conteudoEsqBaixo1A">' + insereImagemRollOver(nomeTela,'comprar','javascript:abrirOndeComprar();') + '</div>';
	html+=			'<div id="DivConteudoEsqBaixo2" class="conteudoEsqBaixo2A">' + insereImagemRollOver(nomeTela,'video', 'javascript:cliqueVideo();') + '</div>';
	html+=		'</div>';
	html+=	'</div>';
	html+='</div>';
	
	html+=htmlMenuDireitoRegistrar(nomeTela);
		
	document.getElementById("flashmenu").innerHTML = html; 
}

//trial expirado
function telaExpirado()
{
	var html = "";
	var nomeTela="expirado";
	
	strImagensEsquerda = caminhoImagens(nomeTela,'comprar')+ "," + caminhoImagens(nomeTela,'video')+ "," + caminhoImagens(nomeTela,'cartao');
	
	carregaImagensEsquerda();
	
	html+='<div id="DivQuadroEsq" class="quadroEsq">';
	html+=	'<div id="DivTituloEsq" class="tituloEsq">' + insereImagem(nomeTela,'experimente') + '</div>';
	html+=	'<div id="DivConteudoEsq" class="conteudoEsq">';
	html+=		'<div id="DivConteudoCimaEsq" class="conteudoCimaEsqA">' + insereImagem(nomeTela,'trial_1');
	html+=			'<div id="BotaoPromo" class="botaoPromo">' + insereImagemRollOver(nomeTela,'cartao','javascript:abrirPromocode();','middle') + '</div>';
	html+=		'</div>';
	html+=		'<div id="DivConteudoEsqBaixo" class="conteudoBaixoA">';
	html+=			'<div id="DivConteudoEsqBaixo1" class="conteudoEsqBaixo1A">' + insereImagemRollOver(nomeTela,'comprar','javascript:abrirOndeComprar();') + '</div>';
	html+=			'<div id="DivConteudoEsqBaixo2" class="conteudoEsqBaixo2A">' + insereImagemRollOver(nomeTela,'video', 'javascript:cliqueVideo();') + '</div>';
	html+=		'</div>';
	html+=	'</div>';
	html+='</div>';
	
	html+=htmlMenuDireitoBrincar(nomeTela);
		
	document.getElementById("flashmenu").innerHTML = html; 
}

//trial com promocode expirado
function telaPromoExpirado()
{
	var html = "";
	var nomeTela="expiradoPromo";
	
	strImagensEsquerda = caminhoImagens(nomeTela,'comprar')+ "," + caminhoImagens(nomeTela,'video');
	
	carregaImagensEsquerda();
	
	html+='<div id="DivQuadroEsq" class="quadroEsq">';
	html+=	'<div id="DivTituloEsq" class="tituloEsq">' + insereImagem(nomeTela,'experimente') + '</div>';
	html+=	'<div id="DivConteudoEsq" class="conteudoEsq">';
	html+=		'<div id="DivConteudoCimaEsq" class="conteudoCimaEsqB">' + insereImagem(nomeTela,'trial_1') + '</div>';
	html+=		'<div id="DivConteudoEsqBaixo" class="conteudoBaixoB">';
	html+=			'<div id="DivConteudoEsqBaixo1" class="conteudoEsqBaixo1B">' + insereImagemRollOver(nomeTela,'comprar','javascript:abrirOndeComprar();') + '</div>';
	html+=			'<div id="DivConteudoEsqBaixo2" class="conteudoEsqBaixo2B">' + insereImagemRollOver(nomeTela,'video', 'javascript:cliqueVideo();') + '</div>';
	html+=		'</div>';
	html+=	'</div>';
	html+='</div>';
	
	html+=htmlMenuDireitoBrincar(nomeTela);
		
	document.getElementById("flashmenu").innerHTML = html; 
}
/***********************************************************************************************/

/***********************************************************************************************/
// COMUNS EM VARIAS TELAS
/***********************************************************************************************/
//html do menu direito com login e senha
function htmlMenuDireitoBrincar(nomeTela)
{	
	var html="";
	
	strImagensDireita = caminhoImagens(nomeTela,'login') + "," + caminhoImagens(nomeTela,'registre')+ "," + caminhoImagens(nomeTela,'pais');
	
	carregaImagensDireita();
		
	html+='<div id="DivQuadroDir" class="quadroDir">';
	html+=	'<div id="DivTituloDir" class="tituloDir">' + insereImagem(nomeTela,'brinque') + '</div>';
	html+=	'<div id="DivConteudoDir" class="conteudoDir">';
	html+=		'<div id="DivConteudoCimaDir" class="conteudoCimaDirB">' + insereImagemRollOver(nomeTela,'login','javascript:cliqueBrincar();');
	html+=			htmlTextFieldsLogin();
	html+=  	'</div>';
	html+=		'<div id="DivConteudoDirBaixo" class="conteudoBaixoB">';
	html+=			'<div id="DivConteudoDirBaixo1" class="conteudoDirBaixo1B">' + insereImagemRollOver(nomeTela,'pais', 'javascript:abrirAreaPais();') + '</div>';
	html+=			'<div id="DivConteudoDirBaixo2" class="conteudoDirBaixo2B">' + insereImagemRollOver(nomeTela,'registre','javascript:abrirRegistro();') + '</div>';
	html+=		'</div>';
	html+=	'</div>';
	html+='</div>';
	return html;
}
//html do menu direito com botao registrar
function htmlMenuDireitoRegistrar(nomeTela)
{
	var html="";
	
	strImagensDireita = caminhoImagens(nomeTela,'login') + "," + caminhoImagens(nomeTela,'bichos')+ "," + caminhoImagens(nomeTela,'pais');
	
	carregaImagensDireita();
	
	html+='<div id="DivQuadroDir" class="quadroDir">';
	html+=	'<div id="DivTituloDir" class="tituloDir">' + insereImagem(nomeTela,'brinque')+'</div>';
	html+=	'<div id="DivConteudoDir" class="conteudoDir">';
	html+=		'<div id="DivConteudoCimaDir" class="conteudoCimaDirA">' + insereImagemRollOver(nomeTela,'registre','javascript:abrirRegistro();');
	html+=			'<div id="BotaoJaTenho" class="botaoJaTenho">' + insereImagemRollOver(nomeTela,'bichos','javascript:abrirLogin();') + '</div>';
	html+=		'</div>';
	html+=		'<div id="DivConteudoDirBaixo" class="conteudoBaixoA">';
	html+=			'<div id="DivConteudoDirBaixo1" class="conteudoDirBaixo1A">' + insereImagemRollOver(nomeTela,'pais','javascript:abrirAreaPais();') + '</div>';
	html+=		'</div>';
	html+=	'</div>';
	html+='</div>';
	
	return html;
}
//html das form de login e senha
function htmlTextFieldsLogin()
{
	var html = "";
	
	html += '<div class="loginbox">';
    html +=         '<div class="formLogin">';
    html +=             '<div class="loginconteiner">';
    html +=                 '<input name="TextFieldLogin" id="TextFieldLogin" maxlength="20" class="logininput" type="text" />';
    html +=             '</div>';
    html +=             '<div class="senhaconteiner">';
    html +=                 '<input name="TextFieldSenha" id="TextFieldSenha" maxlength="8" class="senhainput" type="text" />';
    html +=             '</div>';
    html +=         '</div>';
    html += '</div>';
		
	return html;
}
/***********************************************************************************************/

/***********************************************************************************************/
//mostra o loader
/***********************************************************************************************/
function mostrarLoaderAbas()
{
	var html="";
	
	html+='<div id="loaderAbas" class="loaderAbas">';
	html+='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" name="loaderAbas" width="798" height="354" id="loaderAbas" >';
    html+=    '<param name="movie" value="includes/swf/loaderMenuAbas.swf" />';
    html+=    '<param name="quality" value="high" />';
    html+=    '<param name="wmode" value="transparent" />';
	html+=    '<param name="allowScriptAccess" value="always" />';
	html+=     '<param name="flashvars" value="urlvp='+getUrlVP()+'" />';
    html+=    '<embed src="includes/swf/loaderMenuAbas.swf?urlvp='+getUrlVP()+'" width="798" height="354" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" name="loaderAbas"></embed>';
    html+=  '</object>';
	html+='</div>';
	
	
	document.getElementById("flashmenu").innerHTML = html; 
}
/***********************************************************************************************/

/***********************************************************************************************/
//mostra o loader
/***********************************************************************************************/
function mostrarMenuMapas()
{
	var html="";
	
	html += '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" name="flashmapas" width="798" height="354" id="flashmapas" >';
    html += 	'<param name="movie" value="includes/swf/mapas.swf" />';
    html += 	'<param name="quality" value="high" />';
    html += 	'<param name="wmode" value="transparent" />';
    html += 	'<param name="allowScriptAccess" value="always" />';
    html += 	'<embed src="includes/swf/mapas.swf" width="798" height="354" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" name="flashmapas"></embed>';
    html += '</object>';
	
	
	document.getElementById("menumapas").innerHTML = html; 
}
/***********************************************************************************************/

/***********************************************************************************************/
// seta o estado da pagina
/***********************************************************************************************/
function SetEstadoAbas(estado,diasRestantes)
{
	if(estado=="PROMO_ATIVO")
	{
		telaPromoAtivo(diasRestantes);
	}
	else if(estado=="ATIVO")
	{
		telaAtivo(diasRestantes);
	}
	else if(estado=="PROMO_EXPIROU")
	{
		telaPromoExpirou();
	}
	else if(estado=="EXPIROU")
	{
		telaExpirou();
	}
	else if(estado=="PROMO_EXPIRADO")
	{
		telaPromoExpirado();
	}
	else if(estado=="EXPIRADO")
	{
		telaExpirado();
	}
	else
	{
		telaInicial();
	}
	//arruma as imagens png do menu caso seja ie6
	if(isIE6)
	 pngfixie6();
}
/***********************************************************************************************/

/***********************************************************************************************/
// evento de clique brincar da tela direita
/***********************************************************************************************/
function cliqueBrincar()
{
	var login = document.getElementById("TextFieldLogin").value.trim();
	var senha = document.getElementById("TextFieldSenha").value.trim();
	
	if (login == '' || senha == '') 
	{
		abrirLogin();
	}
	else
	{
		validalogin(login,senha);
	}
}
/***********************************************************************************************/

function timeoutSom()
{
	setTimeout(controleSom,10);
}

function controleSom()
{
	var erro = false;
	var som = QueryString("som");
	
	
	if(som=="0")
	{
		try{
			var flashsom = thisMovie("flashsom").pausaSom;
			if(flashsom.toString() != "undefined")
			{				
				erro=false;
				thisMovie("flashsom").pausaSom();
			}
		}
		catch(err)
		{
			erro=true;
			
			if(tentativasPararSom>0)
			{
				tentativasPararSom--;
				setTimeout(controleSom,500);
			}
		}
		
		try 
		{
			if(erro==false)
			{				
				thisMovie("flashsom").pausaSom();
			}
		}
		catch(err)
		{
			if (thisMovie("flashsom") != null)
				alert(msgerr + err.description);
		}
	}
}