// JavaScript Document
var tempo = 100, velocidade = 5;
var textos = new Array(6);
textos[0] = "Etiquetas", textos[1] = "Lacres", textos[2] = "Tags", textos[3] = "Ribbons", textos[4] = "Impressoras", textos[5] = "Leitores de Código de Barras";
var alturas = new Array(6); 
alturas[0] = 220, alturas[1] = 22, alturas[2] = 44, alturas[3] = 66, alturas[4] = 22, alturas[5] = 66;
var tam = new Array(6); 
tam[0] = 220, tam[1] = 110, tam[2] = 44, tam[3] = 66, tam[4] = 22, tam[5] = 66;
var flags = new Array(6); 
flags[0] = true, flags[1] = true, flags[2] = true, flags[3] = true, flags[4] = true, flags[5] = true;
var loopabrir = new Array(6);
var loopfechar  = new Array(6);

window.onload = function(){
	document.getElementById('etiquetas').onclick =  function(){abrefecha("etiquetas",0);}
	document.getElementById('lacres').onclick =  function(){abrefecha("lacres",1);}
	document.getElementById('tags').onclick =  function(){abrefecha("tags",2);}
	document.getElementById('ribbons').onclick =  function(){abrefecha("ribbons",3);}
	document.getElementById('impressoras').onclick =  function(){abrefecha("impressoras",4);}
	document.getElementById('leitores').onclick =  function(){abrefecha("leitores",5);}
	maismenos();
//	seleciona();
}

function abrefecha(categoria, num){
	var obj = document.getElementById("sub"+categoria);
	var obj2 = document.getElementById(categoria);
	altura = alturas[num]
	if(flags[num]){//FECHAR
	    obj2.innerHTML = "<strong>+</strong> "+textos[num];
		flags[num] = false;
		tam[num] = alturas[num];
		var menu = new fechar("sub"+categoria,num);
	}
	else{//ABRIR
	    obj2.innerHTML = "<strong>&minus;</strong> "+textos[num];
		obj.style.display = "block";
		flags[num] = true;
		tam[num] = 0;
		var menu = new abrir("sub"+categoria,num);
	}
} 

function fechar(objeto,num){
	clearTimeout(loopabrir[num])
	obj = document.getElementById(objeto);
	var futuro = tam[num] - (alturas[num]+tam[num])*.10
	
	if(tam[num] > 0 &&  futuro > 0){
		if(tam[num] < 2){
			clearTimeout(loopfechar[num])
			obj.style.height = "0px";
			tam[num] = 0;
		}
		else{
			tam[num] = tam[num] - (alturas[num]+tam[num])*.10;
			obj.style.height = (tam[num])+"px";
			loopfechar[num] = setTimeout("fechar('"+objeto+"','"+num+"')", velocidade);
		}
	}
	else{
		clearTimeout(loopfechar[num])
		obj.style.height = "0px";
		obj.style.display = "none";
		tam[num] = 0;
	}
}

function abrir(objeto, num){
	clearTimeout(loopfechar[num])
	obj = document.getElementById(objeto);
	var futuro = tam[num] + (alturas[num]-tam[num])*.10;
	
	if(tam[num] < alturas[num] && futuro < alturas[num]){
		if(tam[num]>(alturas[num]-2)){
			clearTimeout(loopabrir[num])
			obj.style.height = alturas[num]+"px";
			tam[num] = alturas[num];
		}
		else{
			tam[num] = tam[num] + (alturas[num]-tam[num])*.10;
			obj.style.height = (tam[num])+"px";
			loopabrir[num] = setTimeout("abrir('"+objeto+"','"+num+"')", velocidade);
		}
	}
	else{
		clearTimeout(loopabrir[num])
		obj.style.height = alturas[num]+"px";
		tam[num] = alturas[num];
	}
}


function maismenos(){
	var vet = getElementsByClass("catg","li");
     for (i = 0; i < vet.length; i++) {
		var spans = vet[i].getElementsByTagName('span');
	     for (j = 0; j < spans.length; j++) {
			spans[j].innerHTML = "<strong>&minus;</strong> "+spans[j].innerHTML;
			spans[j].onmouseover =  function(){this.style.background = "#b6b626"; this.style.color = "#FFF";}
			spans[j].onmouseout =  function(){this.style.background = "none"; this.style.color = "#828213";}
		 }
	 }
}

function seleciona(){
	var area = getQuery();
	var num = 0;
	if(area == "produtos" || area.indexOf("etiquetas")>= 0){
		abrefecha("etiquetas",0);
	}
	if(area == "lacres"){
		abrefecha("lacres",1);
	}
	if(area == "tags"){
		abrefecha("tags",2);
	}
	if(area == "ribbons" || area == "ribbons_cera" || area == "ribbons_cera_resina" || area == "ribbons_resina"){
		abrefecha("ribbons",3);
	}
	if(area == "impressoras"){
		abrefecha("impressoras",4);
	}
	if(area == "leitores" || area == "leitores_laser" || area == "leitores_passagem_fixo"){
		abrefecha("leitores",5);
	}
}

function getElementsByClass(searchClass,tag) {
  var classElements = new Array();
  if (tag == null)
    tag = '*';
  var els = document.getElementsByTagName(tag);
  var elsLen = els.length;
  var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
  for (i = 0, j = 0; i < elsLen; i++) {
    if (pattern.test(els[i].className) ) {
      classElements[j] = els[i];
      j++;
    }
  }
  return classElements;
}

function getQuery(){
	var query = ""+window.location;
	var vars = query.split("/");
	for (var i=0;i<vars.length;i++) { 
		var parte = vars[i];
		var parte = vars[i].split(".");
		if (parte[1] == "html") {
			return parte[0];
		}
	}
}