//SCRIPT QUE RESGATA AS INFORMAÇOES DO XML
$(function(){
	 $.ajax({
		dataType:"xml",
		url: "/download/downloads.xml",
		cache: true,
		success: function(xml){
			xmlDados = xml;
			geraInforacoes(xmlDados)
		},
		error:function(http, e){
  			alert("Erro: " + e);
		}
	});
});




//funcao que filtra as informações enviadas pelo ajax
var tipo;
var produto;
var informacao;
var idTipo = 'comboTipo';
var idProduto = 'comboProduto';
var idConteudo = 'controlaDownloads'

function geraInforacoes(xmlDados){
	//guardo os tipo;
	tipo = $(xmlDados).find('tipo');
	
	//se existirem tipos
	if(tipo.length > 0){
		//chamo a funcao que criará os combos tipos
		geraCombo(tipo,idTipo)
	
		
		//caso selecione uma opção do combo...
		$('#ok' + idTipo).click(function(){
			
		
			//exibo a opção de busca filtrada
			$('#' + idProduto).slideDown('slow');
			
			//se o item do combo for selecionado
			if((document.getElementsByTagName('select')[0].selectedIndex - 1) >= 0){
			
				//carrego na tela todos os produtos, sem filtra-los
				produto = $(tipo[document.getElementsByTagName('select')[0].selectedIndex - 1]).find('produto');
				
				informacao = $(produto).find('informacoes');
				geraInformacoes(informacao)	
			
			
				//se existirem produtos
				if(produto.length > 0){
					//chamo a funcao que criará os combos produtos
					geraCombo(produto,idProduto);
					
					//caso clique no botão ok
					$('#ok' + idProduto).click(function(){
						
						
						if((document.getElementsByTagName('select')[1].selectedIndex - 1) >= 0){
							//guardo as informacoes
							informacao = $(produto[document.getElementsByTagName('select')[1].selectedIndex - 1]).find('informacoes');
					
							//se existir informacoes
							if(informacao.length > 0){
								//chamo a funcao que montara os conteudos na página
								geraInformacoes(informacao)	
							}
						}
					});
				}
			}
		});
	}
}

//funcao que ira gerar os combos do topo
var str;
function geraCombo(valor,identidade){
	
	str = '';
	
	//caso esteja gerando o cmobo Tipo
	if(identidade == idTipo){
		str += '<span>Selecione um tipo de produto:</span>';
	}
	
	//caso esteja gerando o cmobo de produtos
	if(identidade == 'comboProduto'){
		str += '<span>Produto:</span>';
	}
	
	
	str += '<select name="' + identidade + '">';
	str += '<option>selecione...</option>';
	
	for(var i=0; i<valor.length; i++){
		str += '<option>' + $(valor[i]).attr('valor') + '</option>';	
	}
	str += '</select>';
	
	//crio o botao ok
	str +='<a href="javascript: void(0);" id="ok' + identidade + '"><img src="/download/images/but_ok.gif" alt="ok" title="ok" border="0" /></a>'
	str +='<br class="espcao" />';
	
	$('#' + identidade).html(str);
	
	//caso selecione o select do tipo o select de produtos fecha
	$('#' + idTipo).find('select').focus(function(){
		//se jaexistir um combo de proutos, ele some
		if(idProduto)
			$('#' + idProduto).hide('slow');
	});
	
	
}

var detalhe
var linkDetalhes
function geraInformacoes(informacao){
	str1 = '';				
	//guardo as informações referentes ao combo selecionado
	for(var i=0; i<informacao.length; i++){
		//recebe os detalhes do produto
		detalhe = $(informacao[i]).find('detalhes');
		
		
		str1 += '<div class="produto">';
		str1 += '<b>' + $(informacao[i]).attr('nome') + '</b>';
		str1 += '<img src="' + $(informacao[i]).attr('imagem') + '" border="0" alt="' + $(informacao[i]).attr('nome') + '" title="' + $(informacao[i]).attr('nome') + '" />';
		str1 += '<div>';
		
		if(($(informacao[i]).attr('tamanhoBaixa')) != ""){
			str1 += '<span>Baixa resolução (' + $(informacao[i]).attr('tamanhoBaixa') + ')</span>';
			str1 += '<a href="'+  $(informacao[i]).attr('downloadBaixa') +'" target="_blank"><img src="/download/images/download_baixa.gif" width="55" height="18" alt="" border="0"></a><br class="clear" /><br />';
		}
		
		
		if($(informacao[i]).attr('tamanhoAlta') != ""){
			str1 += '<span>Alta resolução (' + $(informacao[i]).attr('tamanhoAlta') + ')</span>';
			str1 += '<a href="'+  $(informacao[i]).attr('downloadAlta') +'" target="_blank"><img src="/download/images/download_alta.gif" width="55" height="18" alt="" border="0"></a><br class="clear" /><br />';
		}
		
		str1 += '<span>';
		str1 += '<strong>Código:</strong><br />';
		str1 += $(informacao[i]).attr('codigo') + '<br />';
		str1 += '</span>';
		str1 += '</div>';
		if(detalhe.length > 0){
			str1 += '<a href="javascript:void(0);" class="linkDetalhes"><img src="/download/images/mais_detalhes.gif" width="85" height="18" alt="" border="0"></a>';
		}
		str1 += '</div>';
		
		
		//caso haja detalhes incluo na variavel
		if(detalhe.length > 0){
			str1 += '<div class="mostraDetalhes">';
			str1 += '<div class="controlaDetalhes">';
			str1 += '<b>Detalhes</b>';
			
			for(var a=0; a<detalhe.length; a++){
				str1 += '<div class="produto">';
				str1 += '<img src="' + $(detalhe[a]).attr('imagem') + '" border="0" alt="' + $(informacao[i]).attr('nome') + '" title="' + $(informacao[i]).attr('nome') + '" />';
				str1 += '<div>';
				
				//se houver imagem em baixa resolucao
				if(($(detalhe[a]).attr('tamanhobaixa')) != ""){
					str1 += '<span>' + $(detalhe[a]).attr('tamanhobaixa') + '</span>';
					str1 += '<a href="'+  $(detalhe[a]).attr('downloadBaixa') +'" target="_blank"><img src="/download/images/download_baixa.gif" width="55" height="18" alt="" border="0"></a><br class="clear" /><br />';
				}
					
				//se houver imagem em ALTA resolucao
				if(($(detalhe[a]).attr('tamanhoAlta')) != ""){
					str1 += '<span>Alta resolução (' + $(detalhe[a]).attr('tamanhoAlta') + ')</span>';
					str1 += '<a href="'+  $(detalhe[a]).attr('downloadAlta') +'" target="_blank"><img src="/download/images/download_alta.gif" width="55" height="18" alt="" border="0"></a><br class="clear" /><br />';
				}
				
				str1 += '</span>';
				str1 += '</div>';
				str1 += '</div>';
			}
			str1 += '<br class="clear" />'
			str1 += '</div>'
			str1 += '</div>'
		}
	}
	
	//escondo o conteudo anterior
	$('#' + idConteudo).hide('slow',function(){
		//escrevo o conteudo gerado
		$('#' + idConteudo).html(str1);
		//exibo a div do conteudo
		$('#' + idConteudo).show('slow',function(){
			//mostro os detalhes caso clique
			linkDetalhes = $('.linkDetalhes');
			
			for(var b=0; b<linkDetalhes.length; b++){
				linkDetalhes[b].indice = b
				$(linkDetalhes[b]).click(function(){
					var mostraDetalhes = $('.mostraDetalhes')
					$(mostraDetalhes).hide('slow')
					$(mostraDetalhes[this.indice]).show('slow',function(){
						$.scrollTo($(this), 800 );
					});
				});
			}
		});
	});
}