
//ONDE
function mostra_opcao(qual){
	//fechando todos
	//document.getElementById('opcoes_bairros').style.display = "none";
	//esconde_opcao('bairros');
	document.getElementById('opcoes_cidades').style.display = "none";
	esconde_opcao('cidades');
	document.getElementById('opcoes_estados').style.display = "none";
	esconde_opcao('estados');
	//fechando todos - fim
	
	document.getElementById('opcoes_'+qual).style.display = "";
	document.getElementById('seta_'+qual).innerHTML = '<div onclick="esconde_opcao(\''+qual+'\')"><img src="images/ondeencontrar_seta_drop_virado.png" /></div>';
}
function esconde_opcao(qual){
	document.getElementById('opcoes_'+qual).style.display = "none";
	document.getElementById('seta_'+qual).innerHTML = '<div onclick="mostra_opcao(\''+qual+'\')"><img src="images/ondeencontrar_seta_drop.png" /></div>';
}
function troca_opcao(qual,valor,id){
	//alert(id);
	document.getElementById('nome_cidades').innerHTML = 'Cidade/Região';
	document.getElementById('cidades').value = 'vazio';
	document.getElementById('nome_'+qual).innerHTML = valor;
	document.getElementById(qual).value = id;
	document.getElementById('opcoes_'+qual).style.display = "none";
	document.getElementById('seta_'+qual).innerHTML = '<div onclick="mostra_opcao(\''+qual+'\')"><img src="images/ondeencontrar_seta_drop.png" /></div>';
	if(qual == 'estados'){
		atualiza_lista_cidades(id);
	}
}
//atualizando lista de cidades ao escolher estado
function atualiza_lista_cidades(qual){
	if (window.XMLHttpRequest) {
		xhr = new XMLHttpRequest();
	
	}else {
	
		if (window.ActiveXObject) {
			
			try {
			
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
			
			catch (e) { }
		}
	}
	
	if (xhr) {
		
		xhr.onreadystatechange = showContents_atualiza_lista_cidades;
		xhr.open("GET", "resposta_script.php?content=atualiza_lista_cidades&estado="+qual, true);
		xhr.send(null);
		
	}else {
		
		document.getElementById("cidade_lugar").innerHTML = '<div class="opcoes"><table cellpadding="0" cellspacing="0" border="0"><tr height="32"><td width="5"></td><td width="239" align="left" valign="middle"><font class="form_text">Sorry, but I couldn\'t create an XMLHttpRequest</font></td></tr></table></div>';
		
	}
}
function showContents_atualiza_lista_cidades() {
	if (xhr.readyState == 1) {
	
		document.getElementById("cidade_lugar").innerHTML = '<div class="opcoes"><table cellpadding="0" cellspacing="0" border="0"><tr height="32"><td width="5"></td><td width="239" align="left" valign="middle"><font class="form_text">Carregando...</font></td></tr></table></div>';
	
	}if (xhr.readyState == 4) {
		if (xhr.status == 200) {
			
			var outMsg = xhr.responseText;
		
		}else {
			
			var outMsg = '<div class="opcoes"><table cellpadding="0" cellspacing="0" border="0"><tr height="32"><td width="5"></td><td width="239" align="left" valign="middle"><font class="form_text">There was a problem with the request " + xhr.status + "</font></td></tr></table></div>';
			
		}
		
		document.getElementById('cidade_lugar').innerHTML = outMsg;
	}
}
//ONDE - fim

<!-- PESQUISA -->
function prox_pag(qual){
	document.getElementById('result_'+qual).style.display = '';
	
	var atual = document.getElementById('atual').value;
	document.getElementById('atual').value = qual;
	
	document.getElementById('link_'+qual).style.fontSize = 'large';
	
	if(qual < atual){
		var qual = qual+1;
	}else{
		var qual = qual-1;
	}
	document.getElementById('result_'+qual).style.display = 'none';
	
	document.getElementById('link_'+qual).style.fontSize = 'small';
}
<!-- PESQUISA - fim -->

<!-- LISTA DE RECEITAS -->
function proxima_lista(){
	//alert(document.getElementById('numero_lista').value);
	
	var atual_lista = document.getElementById('atual_lista').value;
	var numero_lista = document.getElementById('numero_lista').value;
	//alert(atual_lista);
	//alert(numero_lista);
	var lista_atualizada = atual_lista;
	lista_atualizada++;
	
	if( (lista_atualizada != 1) && (lista_atualizada != numero_lista) ){
		
		document.getElementById('right').innerHTML = '<div onmouseover="cursor_link()" onmouseout="volta_cursor()" onclick="proxima_lista()" style="font:Arial;font-size:18px;color:#704000;font-weight:bold;text-decoration:none;">Antigas</div>';
		document.getElementById('left').innerHTML = '<div onmouseover="cursor_link()" onmouseout="volta_cursor()" onclick="lista_anterior()" style="font:Arial;font-size:18px;color:#704000;font-weight:bold;text-decoration:none;">Recentes</div>';
		
	}else if(lista_atualizada == numero_lista){
		
		document.getElementById('right').innerHTML = '';
		document.getElementById('left').innerHTML = '<div onmouseover="cursor_link()" onmouseout="volta_cursor()" onclick="lista_anterior()" style="font:Arial;font-size:18px;color:#704000;font-weight:bold;text-decoration:none;">Recentes</div>';
		
	}else{
		
		document.getElementById('left').innerHTML = '<div onmouseover="cursor_link()" onmouseout="volta_cursor()" onclick="lista_anterior()" style="font:Arial;font-size:18px;color:#704000;font-weight:bold;text-decoration:none;">Recentes</div>';
		
	}
	
	if(lista_atualizada == numero_lista){
		document.getElementById('postagens_'+atual_lista).style.display = 'none';
		atual_lista++;
		document.getElementById('postagens_'+atual_lista).style.display = '';
		document.getElementById('atual_lista').value = atual_lista;
		//alert('aqui');
	}else{
		document.getElementById('postagens_'+atual_lista).style.display = 'none';
		atual_lista++;
		var atual_lista_menor = atual_lista-1;
		//alert(atual_lista_menor);
		document.getElementById('postagens_'+atual_lista_menor).style.display = 'none';
		document.getElementById('postagens_'+atual_lista).style.display = '';
		document.getElementById('atual_lista').value = atual_lista;
		//alert('aqui');
	}
}
function lista_anterior(){
	//alert(document.getElementById('numero_lista').value);
	
	var atual_lista = document.getElementById('atual_lista').value;
	var numero_lista = document.getElementById('numero_lista').value;
	//alert(atual_lista);
	//alert(numero_lista);
	var lista_atualizada = atual_lista;
	lista_atualizada--;
	
	if( (lista_atualizada != 1) && (lista_atualizada != numero_lista) ){
		
		document.getElementById('right').innerHTML = '<div onmouseover="cursor_link()" onmouseout="volta_cursor()" onclick="proxima_lista()" style="font:Arial;font-size:18px;color:#704000;font-weight:bold;text-decoration:none;">Antigas</div>';
		document.getElementById('left').innerHTML = '<div onmouseover="cursor_link()" onmouseout="volta_cursor()" onclick="lista_anterior()" style="font:Arial;font-size:18px;color:#704000;font-weight:bold;text-decoration:none;">Recentes</div>';
		
	}else if(lista_atualizada == 1){
		
		document.getElementById('right').innerHTML = '';
		document.getElementById('left').innerHTML = '<div onmouseover="cursor_link()" onmouseout="volta_cursor()" onclick="proxima_lista()" style="font:Arial;font-size:18px;color:#704000;font-weight:bold;text-decoration:none;">Antigas</div>';
		
	}else{
		
		document.getElementById('left').innerHTML = '';
		document.getElementById('right').innerHTML = '<div onmouseover="cursor_link()" onmouseout="volta_cursor()" onclick="proxima_lista()" style="font:Arial;font-size:18px;color:#704000;font-weight:bold;text-decoration:none;">Antigas</div>';
		
	}
	
	if(lista_atualizada == 1){
		document.getElementById('postagens_'+atual_lista).style.display = 'none';
		var atual_lista = atual_lista-1;
		document.getElementById('postagens_'+atual_lista).style.display = '';
		document.getElementById('atual_lista').value = atual_lista;
	}else{
		document.getElementById('postagens_'+atual_lista).style.display = 'none';
		var atual_lista = atual_lista-1;
		document.getElementById('postagens_'+atual_lista).style.display = '';
		document.getElementById('atual_lista').value = atual_lista;
	}
}
<!-- LISTA DE RECEITAS - fim -->

<!-- CURSOR MOUSE -->
function cursor_link(){
	document.body.style.cursor = 'pointer';
}
function volta_cursor(){
	document.body.style.cursor = 'default';
}
<!-- CURSOR MOUSE - fim -->

<!-- POSIÇÃO DE ELEMENTO NA TELA -->
function getPosicaoElemento(elemID){
    var offsetTrail = document.getElementById(elemID);
    var offsetLeft = 0;
    var offsetTop = 0;
    while (offsetTrail) {
        offsetLeft += offsetTrail.offsetLeft;
        offsetTop += offsetTrail.offsetTop;
        offsetTrail = offsetTrail.offsetParent;
    }
    if (navigator.userAgent.indexOf("Mac") != -1 && 
        typeof document.body.leftMargin != "undefined") {
        offsetLeft += document.body.leftMargin;
        offsetTop += document.body.topMargin;
    }
    return {left:offsetLeft, top:offsetTop};
}
<!-- POSIÇÃO DE ELEMENTO NA TELA - fim -->

<!-- MUDA ALTURA OB -->
function muda_alturas_ob(){
	document.getElementById('sabores').style.top = getPosicaoElemento('band_sabores').top+'px';
	document.getElementById('valores_nutricionais').style.top = getPosicaoElemento('band_valores_nutricionais').top+'px';
}
<!-- MUDA ALTURA OB - fim -->

function muda_altura_navegacao(){
	var altura = getPosicaoElemento('final').top;
	document.getElementById('navegacao').style.top = altura+'px';
	//alert(document.getElementById('navegacao').style.top);
}
