// criação do o bjeto do tipo array que armazenará os variadores a serem exibidos. 
var variadores = new Variador(20);
variadores[1] = new Variador();
variadores[2] = new Variador();
variadores[3] = new Variador();
variadores[4] = new Variador();
variadores[5] = new Variador();
variadores[6] = new Variador();
variadores[7] = new Variador();
variadores[8] = new Variador();
variadores[9] = new Variador();
variadores[10] = new Variador();
variadores[11] = new Variador();
variadores[12] = new Variador();
variadores[13] = new Variador();
variadores[14] = new Variador();
variadores[15] = new Variador();
variadores[16] = new Variador();
variadores[17] = new Variador();
variadores[18] = new Variador();
variadores[19] = new Variador();
variadores[20] = new Variador();

var limiteInf = 0;
var limiteSup = 7;
var limiteSupTeto;
// Função para iniciarmos o Ajax no browser.

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function openAjax() {

	var ajax;
	
	try{
		 ajax = new XMLHttpRequest(); // XMLHttpRequest para browsers decentes, como: Firefox, Safari, dentre outros.
	}catch(ee){
		 try{
			  ajax = new ActiveXObject("Msxml2.XMLHTTP"); // Para o IE da MS
		 }catch(e){
			  try{
					ajax = new ActiveXObject("Microsoft.XMLHTTP"); // Para o IE da MS
			  }catch(E){
					ajax = false;
			  }
		 }
	}
	return ajax;
}



//gera um numero aleatório
function random() {
     today = new Date();
     num = today.getTime();
     num = Math.round(Math.abs(Math.sin (num)*1000000));
 	 return num;
  }




function inicio(){
	buscaInstantanea();
}

function buscaInstantanea() {
	var num = random();
	if(document.getElementById) { // Para os browsers complacentes com o DOM W3C.
		var ajax = openAjax(); // Inicia o Ajax.
		var url = "listadados.asp?Laa="+num+"&cat="+cat;
		ajax.open("GET", url, true); // Envia o termo da busca como uma querystring, nos possibilitando o filtro na busca.
		
		ajax.onreadystatechange = function() {
			if(ajax.readyState == 4) {// Quando estiver tudo pronto.
				if(ajax.status == 200) {
				
					var xmlDoc = ajax.responseXML; // Coloca o resultado (da busca) retornado pelo Ajax nessa variável (var resultado).
					var xmlVariador = xmlDoc.documentElement.getElementsByTagName("variador");
					limiteSupTeto = xmlVariador.length;
					var preenchido = false;
				   
					for (var i = 0; i < xmlVariador.length; i++) {
						var cep = xmlVariador[i];
							// Recupera os valores dos nós id, modelo e desc
						var id = cep.getElementsByTagName("id")[0].firstChild.nodeValue;
						var modelo = cep.getElementsByTagName("modelo")[0].firstChild.nodeValue;
					   var foto =  cep.getElementsByTagName("foto")[0].firstChild.nodeValue;
						var desc = cep.getElementsByTagName("desc")[0].firstChild.nodeValue;
                  var manualPath = cep.getElementsByTagName("manual")[0].firstChild.nodeValue;
						var manualTam = cep.getElementsByTagName("tamanhoManual")[0].firstChild.nodeValue;
						
						variadores[i+1].setModelo(modelo);
	             	variadores[i+1].setId(id);
						variadores[i+1].setFoto(foto);
						variadores[i+1].setDescricao(desc); 
						variadores[i+1].setManualPath(manualPath); 
						variadores[i+1].setManualTam(manualTam); 
						
						preenchido = true;	
				   }// for
					
					if(preenchido){
					   montaMenuCep("inicio");
					}

				} else {
				alert("erro");
				}
			}
		}
     ajax.send(null); // submete
	 
	} 
   
}	


function montaMenuCep(direcao){
	var maior = false;
	if((limiteSupTeto <= 7) ||((limiteSupTeto-1 == limiteSup)&&(direcao=="subir"))){
		document.getElementById("setaBaixo").style.visibility="hidden";
	}else{
		document.getElementById("setaBaixo").style.visibility="visible";
		maior = true;

   }
	
	if((limiteInf < 2)&& (direcao == "descer") || (direcao == "inicio")){
		document.getElementById("setaCima").style.visibility="hidden";
		if(maior) document.getElementById("setaBaixo").style.visibility="visible";

		
	}else{
		document.getElementById("setaCima").style.visibility="visible";

		
	}	
	
	if(direcao == "subir"){
	   if(limiteSup < limiteSupTeto){
		   limiteInf ++;
	      limiteSup ++;
		}
	}else if(direcao == "descer"){
	   if(limiteInf > 0){
			limiteInf --;
	   	limiteSup --;
	   }
	}
	
	var modelo1 = document.getElementById("item_1");
	var modelo2 = document.getElementById("item_2");
	var modelo3 = document.getElementById("item_3");
	var modelo4 = document.getElementById("item_4");
	var modelo5 = document.getElementById("item_5");
	var modelo6 = document.getElementById("item_6");
	var modelo7 = document.getElementById("item_7");
	
	var flag = 0;
	for(i =limiteInf ; i<limiteSup; i++){
	
	   switch (flag){
		   case 0 :{
							var indice = i+1;
							if (variadores[indice].getModelo()){
							 document.getElementById("item_1").innerHTML = variadores[indice].getLinkModelo(indice); 
						   }
							break;
			        }
			case 1 :{   
			            var indice = i+1;
							if (variadores[indice].getModelo())  modelo2.innerHTML = variadores[indice].getLinkModelo(indice);break;
			        }
			
			case 2 :{   
			            var indice = i+1;
							if (variadores[indice].getModelo()) modelo3.innerHTML = variadores[indice].getLinkModelo(indice);break;
			        }
			case 3 :{   
			            var indice = i+1;
							if (variadores[indice].getModelo()) modelo4.innerHTML = variadores[indice].getLinkModelo(indice);break;
			        }
			case 4 :{    
			            var indice = i+1;  
						   if (variadores[indice].getModelo())	modelo5.innerHTML = variadores[indice].getLinkModelo(indice);break;
			        }

			case 5 :{   
			            var indice = i+1;   
						   if (variadores[indice].getModelo())	modelo6.innerHTML = variadores[indice].getLinkModelo(indice);break;
			        }

			case 6 :{
						   var indice = i+1;	 
						   if (variadores[i+1].getModelo()) 	modelo7.innerHTML = variadores[i+1].getLinkModelo(indice);break;
			        }

			case 7 :{   
			            var indice = i+1;   
						   if (variadores[i+1].getModelo()) 	modelo8.innerHTML = variadores[i+1].getLinkModelo(indice);break;
			        }


        default:{  
							break;
			        }
			}//switch

	   flag++;
	}//for


}

function  exibeDados(indice){
   var desc = 	document.getElementById("descri");
	desc.innerHTML = variadores[indice].getDescricao(indice);
   
	
   
	var fotoCep = document.getElementById("fotoCep");
	var foto = variadores[indice].getFoto();
	fotoCep.innerHTML ="<img src='"+foto+"'>";	
	
	var linkDetalhes = 	document.getElementById("linkDetalhes");
	var modelo = variadores[indice].getModelo();
	linkDetalhes.innerHTML = "<a class=\"LinkManualActive\" onClick=\"javascript:window.open('conexoes.asp?cep="+modelo+"','TabApli','toolbar=no,location=no,directories=no,scrollbars=yes,status=no,menubar=no,resizable=no,left='+(window.screen.width/2-420/2)+',top='+(window.screen.height/2-200/2)+',width=420 ,height=200')\"href=\"#\">Possibilidades de conexões</a>";

   var manual = 	document.getElementById("manual");
	var manualPath = variadores[indice].getManualPath();
	var tamanho =  variadores[indice].getManualTam();
	var zip = document.getElementById("zip");
	if(tamanho!="indefinido"){
		manual.innerHTML ="<a href=\""+manualPath+"\" target=\"_blank\">Manual "+modelo+"  "+tamanho+"</a>";
		zip.innerHTML ="<img src=\"image/zip.jpg\" width=\"15\" height=\"16\">";
	}else{
		manual.innerHTML ="<font color='#cccccc'>Manual não disponível</font>";
		zip.innerHTML="";
	}

	
	
	
	

}