// JavaScript Document
var letra_acum_busca = "";
var timeout_acum_busca = false;

$(document).ready(function(){
		$('div#general').pngFix( );
			//setup inicial
		$("#carouselLancamentos").jCarouselLite({
			btnPrev : '.bt_prev',
			btnNext : '.bt_next',
			visible : 1,
			speed: 500,
			scroll: 1
		});
		
		$("#carouselProdutosHome").jCarouselLite({
			btnPrev : '.bt_prevProdutosHome',
			btnNext : '.bt_nextProdutosHome',
			visible : 3,
			speed: 500,
			scroll: 1
		});
		
		
		$("a.tipoSelect").click(function(){
										 
				 $(".groupOptions").hide();
				 $(".groupOptions ul li a").click(function(){
														   
					var txt = $(this).text();
					var val = $(this).attr('valor');
					
					$(this).parents(".groupSelect").find(".aplicaValor").val(val);	
					$(this).parents(".groupSelect").find(".tipoSelect").text(txt);
										});
				 
				 $(this).next().fadeIn();
				 return false;
		 });
			
		$("body").click(function(){
			$(".groupOptions").fadeOut(100);
		})
	
		

	    $("a.mostraModelos").click(function(){
			div_dados = $("#produto_dados_"+$(this).attr('prd'));									   
			if (($(div_dados).css('display') == 'none') || ($(div_dados).attr('origem') == 'E')){
				if ($(div_dados).attr('origem') == 'E')	$(div_dados).slideUp('fast');
				$(this).next().load("conteudo/produtos_tabela_pt.php",{cd:$(this).attr('prd')},function(){
					$(this).slideDown();
					$(div_dados).attr('origem','M')
				});		
			} else {
				$(div_dados).slideUp();
				$(div_dados).attr('origem','')
			}
		});
		 
		 
	    $("a.mostraEspecificacoes").click(function(){
			div_dados = $("#produto_dados_"+$(this).attr('prd'));									   
			if (($(div_dados).css('display') == 'none') || ($(div_dados).attr('origem') == 'M')){
				if ($(div_dados).attr('origem') == 'M')	$(div_dados).slideUp('fast');
				$(div_dados).load("conteudo/produtos_especificacoes_pt.php",{cd:$(this).attr('prd')},function(){		
					$(this).slideDown();
					$(div_dados).attr('origem','E');
					$(".facybox_ajax").fancybox();
				});		
			} else {
				$(div_dados).slideUp();
				$(div_dados).attr('origem','')
			}
		});
		
		$("#txt_montadora, #ul_montadora li a").keypress(function(e){
			if (e.which > 0){
				code = e.which;
				if (((code >= 97) && (code <= 122)) || ((code >= 65) && (code <= 90)) || ((code >= 48) && (code <= 57)) || (code == 32) || (code == 45) || (code == 90)){
					letra_acum_busca += String.fromCharCode(code).toLowerCase();
					clearTimeout(timeout_acum_busca);
				}
				if (code == 61){
															alert("*");
					alert( e.keyCode+" - "+e.which+" - "+letra_acum_busca);
				}
			} 
			timeout_acum_busca = setTimeout("letra_acum_busca = '';",1000);
			$('#ul_montadora li a[busca^="'+letra_acum_busca+'"]:first').focus();
		});

		$("#txt_modelo, #ul_modelo li a").keypress(function(e){
			if (e.which > 0){
				code = e.which;
				if (((code >= 97) && (code <= 122)) || ((code >= 65) && (code <= 90)) || ((code >= 48) && (code <= 57)) || (code == 32) || (code == 45) || (code == 90)){
					letra_acum_busca += String.fromCharCode(code).toLowerCase();
					clearTimeout(timeout_acum_busca);
				}
				if (code == 61){
					alert( e.keyCode+" - "+e.which+" - "+letra_acum_busca);
				}
			} 
			timeout_acum_busca = setTimeout("letra_acum_busca = '';",1000);
			$('#ul_modelo li a[busca^="'+letra_acum_busca+'"]:first').focus();
		});

		$("#txt_detalhe, #ul_detalhe li a").keypress(function(e){
			if (e.which > 0){
				code = e.which;
				if (((code >= 97) && (code <= 122)) || ((code >= 65) && (code <= 90)) || ((code >= 48) && (code <= 57)) || (code == 32) || (code == 45) || (code == 90)){
					letra_acum_busca += String.fromCharCode(code).toLowerCase();
					clearTimeout(timeout_acum_busca);
				}
				if (code == 61){
					alert( e.keyCode+" - "+e.which+" - "+letra_acum_busca);
				}
			} 
			timeout_acum_busca = setTimeout("letra_acum_busca = '';",1000);
			$('#ul_detalhe li a[busca^="'+letra_acum_busca+'"]:first').focus();
		});

/*function maisVertical(id){
	$('#mais-informacoes_' + id).slideToggle('medium');
}
*/

	$(".facybox").fancybox();


})
	
var ajax = null;
//======================================================================================================================
function pesquisar(){
	if (document.getElementById('aplicaMontadora').value == ""){
		alert("Selecione a montadora, o modelo e o ano do veículo para localicar o produto!")
	} else	if (document.getElementById('aplicaModelo').value == ""){
		alert("Selecione o modelo e o ano do veículo para localicar o produto!")
	} else {
		document.getElementById('formBuscaAplicacao').submit();	
	}
}
//======================================================================================================================
function InicializaAjax(){
  //verifica se o browser tem suporte a ajax
   try {
		 ajax = new ActiveXObject("Microsoft.XMLHTTP");
	  } 
	  catch(e) {
		 try {
			ajax = new ActiveXObject("Msxml2.XMLHTTP");
		 }
		 catch(ex) {
			try {
			   ajax = new XMLHttpRequest();
			}
			catch(exc) {
			   alert("Esse browser não tem recursos para uso do Ajax");
			   ajax = null;
			}
		 }
	  }
  return ajax;
}
//===================================================================================================================
function carregaModelos(id) {
  ajax = InicializaAjax();
  
  //se tiver suporte ajax
  if(ajax) {
	 //deixa apenas o elemento 1 no option, os outros são excluídos
	 document.getElementById('ul_modelo').innerHTML = "";
	 
	 ajax.open("POST", "conteudo/xml_modelo.php", true);
	 ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	 
//	 ajax.onload = ajax.onerror = ajax.onabort = ajax.onreadystatechange = function() {
	 ajax.onreadystatechange = function() {

		//enquanto estiver processando...emite a msg de carregando
		if(ajax.readyState == 1) {
			document.getElementById('txt_modelo').innerHTML = "Carregando...";   
			document.getElementById('txt_detalhes').innerHTML = "DETALHES";   
			document.getElementById('txt_ano').innerHTML = "ANO";   
			document.getElementById('txt_montadora').innerHTML = "MONTADORA";   
	 		document.getElementById('ul_modelo').innerHTML = '<li class="last">Selecione a Montadora</li>';
	 		document.getElementById('ul_ano').innerHTML = '<li class="last">Selecione&nbsp;o&nbsp;Modelo</li>';
			document.getElementById('aplicaModelo').value = "";   
			document.getElementById('aplicaDetalhes').value = "";
			document.getElementById('aplicaAno').value = "";
			document.getElementById('aplicaTipo').value = "";
		}
		//após ser processado - chama função processXML que vai varrer os dados
		if(ajax.readyState == 4 ) {
		   if(ajax.responseXML) {
			  processXMLmodelo(ajax.responseXML,id);
		   }else{
			   //caso não seja um arquivo XML emite a mensagem abaixo
				document.getElementById('ul_modelo').innerHTML = "";
		   }
		}
	 }

	 var params = "mrc="+id;
	 ajax.send(params);
  }
}

function processXMLmodelo(objResponseXML, id_mdl){
  //pega a tag largura
  var dataArray   = objResponseXML.getElementsByTagName("modelo");
  
  if (dataArray != null) {
	  //total de elementos contidos na tag largura
	  if(dataArray.length > 0) {
		document.getElementById('ul_modelo').innerHTML = '';
		//percorre o arquivo XML paara extrair os dados
		 for(var i = 0 ; i < dataArray.length ; i++) {
			var item = dataArray[i];
			//contéudo dos campos no arquivo XML
			var nome    =  item.getElementsByTagName("nome")[0].firstChild.nodeValue;

			ul_html = document.getElementById('ul_modelo').innerHTML;

			if (i == (dataArray.length -1))	li_class = ' class="last"'; else li_class = '';
	 		document.getElementById('ul_modelo').innerHTML = ul_html+'<li'+li_class+'><a href="#" valor="'+nome+'" onclick="carregaDetalhes(\''+nome+'\','+id_mdl+');return false;" busca="'+nome.toLowerCase()+'">'+nome+'</a></li>';
		 }
		document.getElementById('txt_modelo').innerHTML = "MODELO";   

	  }else{
		//caso o XML volte vazio, printa a mensagem abaixo
 		document.getElementById('ul_modelo').innerHTML = '<li class="last">Selecione a Montadora</li>';
		document.getElementById('txt_modelo').innerHTML = "MODELO";   
	  }	  
  }else{
	//caso o XML volte vazio, printa a mensagem abaixo
	document.getElementById('ul_modelo').innerHTML = '<li class="last">Selecione a Montadora</li>';
	document.getElementById('txt_modelo').innerHTML = "MODELO";   
  }	  

}
//===================================================================================================================
function carregaDetalhes(nm_modelo,id_marca) {
  ajax = InicializaAjax();
  
  //se tiver suporte ajax
  if(ajax) {
	 //deixa apenas o elemento 1 no option, os outros são excluídos
	 document.getElementById('ul_detalhe').innerHTML = "";
	 
	 ajax.open("POST", "conteudo/xml_detalhe.php", true);
	 ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	 
//	 ajax.onload = ajax.onerror = ajax.onabort = ajax.onreadystatechange = function() {
	 ajax.onreadystatechange = function() {

		//enquanto estiver processando...emite a msg de carregando
		if(ajax.readyState == 1) {
			document.getElementById('txt_detalhes').innerHTML = "Carregando...";   
			document.getElementById('txt_ano').innerHTML = "ANO";   
	 		document.getElementById('ul_detalhe').innerHTML = '<li class="last">Selecione a Modelo</li>';
	 		document.getElementById('ul_ano').innerHTML = '<li class="last">Selecione&nbsp;o&nbsp;Detalhe</li>';
			document.getElementById('aplicaDetalhes').value = "";
			document.getElementById('aplicaAno').value = "";
			document.getElementById('aplicaTipo').value = "";
		}
		//após ser processado - chama função processXML que vai varrer os dados
		if(ajax.readyState == 4 ) {
		   if(ajax.responseXML) {
			  processXMLdetalhe(ajax.responseXML);
		   }else{
			   //caso não seja um arquivo XML emite a mensagem abaixo
				document.getElementById('ul_detalhe').innerHTML = "";
		   }
		}
	 }

	 var params = "mrc="+id_marca;
	 params += "&nmdl="+nm_modelo;
	 ajax.send(params);
  }
}

function processXMLdetalhe(objResponseXML){
  //pega a tag largura
  var dataArray   = objResponseXML.getElementsByTagName("detalhe");
  
  if (dataArray != null) {
	  //total de elementos contidos na tag largura
	  if(dataArray.length > 0) {
		document.getElementById('ul_detalhe').innerHTML = '';
		//percorre o arquivo XML paara extrair os dados
		for(var i = 0 ; i < dataArray.length ; i++) {
			var item = dataArray[i];
			var nome = "";
			var id = "";
			//contéudo dos campos no arquivo XML
			if (item.getElementsByTagName("nome")[0].firstChild != null)
				nome = item.getElementsByTagName("nome")[0].firstChild.nodeValue;
			if (item.getElementsByTagName("id")[0].firstChild != null)
				id =  item.getElementsByTagName("id")[0].firstChild.nodeValue;
			if (nome == ""){
				nome = "--Sem especifica&ccedil;&atilde;o--";
			}
	
			ul_html = document.getElementById('ul_detalhe').innerHTML;

			if (i == (dataArray.length -1))	li_class = ' class="last"'; else li_class = '';
			document.getElementById('ul_detalhe').innerHTML = ul_html+'<li'+li_class+'><a href="#" valor="'+id+'" onclick="carregaAnos('+id+');return false;" busca="'+nome.toLowerCase()+'">'+nome+'</a></li>';
		}
		if (dataArray.length == 0){
			document.getElementById('txt_detalhes').innerHTML = "--Sem especifica&ccedil;&atilde;o--";
		} else if (dataArray.length == 1){
			document.getElementById('txt_detalhes').innerHTML = nome;
			document.getElementById('aplicaDetalhes').value = id;
	  	} else if (dataArray.length > 1){
			ul_html = document.getElementById('ul_detalhe').innerHTML;
 			document.getElementById('ul_detalhe').innerHTML = '<li><a href="#" valor="" onclick="carregaAnos(0);return false;">--Qualquer um--</a></li>'+ul_html;
			document.getElementById('txt_detalhes').innerHTML = "--Qualquer um--";
		}
		 
		//Aplica para qualquer ano
		document.getElementById('ul_ano').innerHTML = '<li><a href="#" valor="" onclick="return false;">--Qualquer um--</a></li>';
		document.getElementById('txt_ano').innerHTML = "--Qualquer um--";
		document.getElementById('aplicaAno').value = '';
		 

	  }else{
		//caso o XML volte vazio, printa a mensagem abaixo
 		document.getElementById('ul_detalhe').innerHTML = '<li class="last">--Qualquer um--</li>';
		document.getElementById('txt_detalhes').innerHTML = "DETALHES";   
	  }	  
  }else{
	//caso o XML volte vazio, printa a mensagem abaixo
	document.getElementById('ul_detalhe').innerHTML = '<li class="last">--Qualquer um--</li>';
	document.getElementById('txt_detalhes').innerHTML = "DETALHES";   
  }	  

}
//===================================================================================================================
function carregaAnos(id) {
  ajax = InicializaAjax();
  
  //se tiver suporte ajax
  if(ajax) {
	 //deixa apenas o elemento 1 no option, os outros são excluídos
	 document.getElementById('ul_ano').innerHTML = "";
	 
	 ajax.open("POST", "conteudo/xml_ano.php", true);
	 ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	 
//	 ajax.onload = ajax.onerror = ajax.onabort = ajax.onreadystatechange = function() {
	 ajax.onreadystatechange = function() {

		//enquanto estiver processando...emite a msg de carregando
		if(ajax.readyState == 1) {
			document.getElementById('txt_ano').innerHTML = "Carregando...";   
	 		document.getElementById('ul_ano').innerHTML = '<li class="last">Selecione&nbsp;o&nbsp;Detalhe</li>';
			document.getElementById('aplicaAno').value = "";
			document.getElementById('aplicaTipo').value = "";
		}
		//após ser processado - chama função processXML que vai varrer os dados
		if(ajax.readyState == 4 ) {
		   if(ajax.responseXML) {
			  processXMLtipo(ajax.responseXML);
		   }else{
			   //caso não seja um arquivo XML emite a mensagem abaixo
				document.getElementById('ul_ano').innerHTML = "";
		   }
		}
	 }

	 var params = "mdl="+id;
	 ajax.send(params);
  }
}

function processXMLtipo(objResponseXML, objTipo){
  //pega a tag largura
  var dataArray   = objResponseXML.getElementsByTagName("ano");
  
  if (dataArray != null) {
	  //total de elementos contidos na tag largura
	  if(dataArray.length > 0) {
		document.getElementById('ul_ano').innerHTML = "";
		//percorre o arquivo XML paara extrair os dados
		 for(var i = 0 ; i < dataArray.length ; i++) {
			var item = dataArray[i];
			//contéudo dos campos no arquivo XML
			var ano_ini = "";
			var ano_fim = "";
			if (item.getElementsByTagName("ano_ini")[0].firstChild != null)
				ano_ini = item.getElementsByTagName("ano_ini")[0].firstChild.nodeValue;
			if (item.getElementsByTagName("ano_fim")[0].firstChild != null)
				ano_fim = item.getElementsByTagName("ano_fim")[0].firstChild.nodeValue;
			if ((ano_ini.length > 0) && (ano_fim.length > 0) && (ano_fim != '-')) {
				desc_ano = ano_ini+" até "+ano_fim;
			} else if ((ano_ini.length > 0) && (ano_fim.length == 0)) {
				desc_ano = ano_ini+" em diante";
			} else if ((ano_ini.length == 0) && (ano_fim.length > 0) && (ano_fim != '-')) {
				desc_ano = "antes de "+ano_fim;
			} else if ((ano_ini.length > 0) && (ano_fim == '-')) {
				desc_ano = ano_ini;
			} else {
				desc_ano = "--Sem especifica&ccedil;&atilde;o--";
			}

			ul_html = document.getElementById('ul_ano').innerHTML;
			
			if (i == (dataArray.length -1))	li_class = ' class="last"'; else li_class = '';
	 		document.getElementById('ul_ano').innerHTML = ul_html+'<li'+li_class+'><a href="#" valor="'+ano_ini+'|'+ano_fim+'" onclick="return false;" busca="'+desc_ano.toLowerCase()+'">'+desc_ano+'</a></li>';

		}
		 if (dataArray.length == 0){
			document.getElementById('txt_ano').innerHTML = "--Sem especifica&ccedil;&atilde;o--";
		 } else if (dataArray.length == 1){
			document.getElementById('txt_ano').innerHTML = desc_ano;
			document.getElementById('aplicaAno').value = ano_ini+'|'+ano_fim;
	  	 } else if (dataArray.length > 1){
			ul_html = document.getElementById('ul_ano').innerHTML;
 			document.getElementById('ul_ano').innerHTML = '<li><a href="#" valor="" onclick="return false;">--Qualquer um--</a></li>'+ul_html;
			document.getElementById('txt_ano').innerHTML = "--Qualquer um--";
		 }
		 
	  }else{
		//caso o XML volte vazio, printa a mensagem abaixo
 		document.getElementById('ul_ano').innerHTML = '<li class="last">Selecione&nbsp;o&nbsp;Detalhe</li>';
		document.getElementById('txt_ano').innerHTML = "ANO";   
	  }	  
  }else{
	//caso o XML volte vazio, printa a mensagem abaixo
	document.getElementById('ul_ano').innerHTML = '<li class="last">Selecione&nbsp;o&nbsp;Detalhe</li>';
	document.getElementById('txt_ano').innerHTML = "ANO";   
  }	  
}
//===================================================================================================================
function carregaMontadoras(id) {
  ajax = InicializaAjax();
  
  //se tiver suporte ajax
  if(ajax) {
	 //deixa apenas o elemento 1 no option, os outros são excluídos
	 document.getElementById('ul_montadora').innerHTML = "";
	 
	 ajax.open("POST", "conteudo/xml_marca.php", true);
	 ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	 
//	 ajax.onload = ajax.onerror = ajax.onabort = ajax.onreadystatechange = function() {
	 ajax.onreadystatechange = function() {

		//enquanto estiver processando...emite a msg de carregando
		if(ajax.readyState == 1) {
			document.getElementById('txt_montadora').innerHTML = "Carregando...";   
			document.getElementById('txt_modelo').innerHTML = "MODELO";   
			document.getElementById('txt_ano').innerHTML = "ANO";   
	 		document.getElementById('ul_montadora').innerHTML = '<li class="last">Selecione</li>';
	 		document.getElementById('ul_modelo').innerHTML = '<li class="last">Selecione a Montadora</li>';
	 		document.getElementById('ul_ano').innerHTML = '<li class="last">Selecione&nbsp;o&nbsp;Modelo</li>';
		}
		//após ser processado - chama função processXML que vai varrer os dados
		if(ajax.readyState == 4 ) {
		   if(ajax.responseXML) {
			  processXMLmontadora(ajax.responseXML);
		   }else{
			   //caso não seja um arquivo XML emite a mensagem abaixo
				document.getElementById('ul_montadora').innerHTML = "";
		   }
		}
	 }

	 var params = "tp="+id;
	 ajax.send(params);
  }
}

function processXMLmontadora(objResponseXML){
  //pega a tag largura
  var dataArray   = objResponseXML.getElementsByTagName("marca");
  
  if (dataArray != null) {
	  //total de elementos contidos na tag largura
	  if(dataArray.length > 0) {
		document.getElementById('ul_montadora').innerHTML = '';
		//percorre o arquivo XML paara extrair os dados
		 for(var i = 0 ; i < dataArray.length ; i++) {
			var item = dataArray[i];
			//contéudo dos campos no arquivo XML
			var nome =  item.getElementsByTagName("nome")[0].firstChild.nodeValue;
			var id   =  item.getElementsByTagName("id")[0].firstChild.nodeValue;

			ul_html = document.getElementById('ul_montadora').innerHTML;

			if (i == (dataArray.length -1))	li_class = ' class="last"'; else li_class = '';
	 		document.getElementById('ul_montadora').innerHTML = ul_html+'<li'+li_class+'><a href="#" valor="'+id+'" onclick="carregaModelos('+id+');return false;">'+nome+'</a></li>';
		 }
		document.getElementById('txt_montadora').innerHTML = "MONTADORA";   

	  }else{
		//caso o XML volte vazio, printa a mensagem abaixo
 		document.getElementById('ul_montadora').innerHTML = '<li class="last">Selecione</li>';
		document.getElementById('txt_montadora').innerHTML = "MONTADORA";   
	  }	  
  }else{
	//caso o XML volte vazio, printa a mensagem abaixo
	document.getElementById('ul_montadora').innerHTML = '<li class="last">Selecione</li>';
	document.getElementById('txt_montadora').innerHTML = "MONTADORA";   
  }	  

}

