var limiteMenuProd = 40;
var tempItemAtivo = null;
var idTblMedidas = "medidas_produtos";

window.onload = function(){
 defineMenuPaginacao();
 defineMenuProdutos();
}


function defineMenuPaginacao(){
  var contProd = document.getElementById("cont_produtos");
  var vetMenus = getElementsByClass("barra_navegacao",contProd,"div")
  var pagAtual = 0;
  var endereco = (document.location+"").replace(/(.html).*/,".html");
  
  for(i=0; i < vetMenus.length; i++){
	var linksPgs = vetMenus[i].getElementsByTagName("a");
	for(j=0; j < linksPgs.length; j++){

	  if(linksPgs[j].href == endereco){
		linksPgs[j].className = "ativo"
		linksPgs[j].href = "#"
		pagAtual = parseInt(linksPgs[j].innerHTML)
	  }
	}
	if(pagAtual > 1){
	  linksPgs[0].href = linksPgs[pagAtual-1].href 
	  linksPgs[0].className = linksPgs[0].className.replace("_inativo","");
	}
	if(pagAtual < linksPgs.length-2){
	  linksPgs[linksPgs.length-1].href = linksPgs[pagAtual+1].href 
	  linksPgs[linksPgs.length-1].className = linksPgs[linksPgs.length-1].className.replace("_inativo","");
	}
  }
}



function defineMenuProdutos(){
  var endereco = (document.location+"");
  var itens = document.getElementById("menu_produtos").getElementsByTagName("a");
  for(i=0; i < itens.length; i++){
	if(itens[i].innerHTML.length > limiteMenuProd){
		itens[i].innerHTML = itens[i].innerHTML.substring(0,limiteMenuProd)+"..."
	}
	if(itens[i].href == endereco)selItem(itens[i]);
  }
}

function expandeMenu(obj){
  var contMenu = document.getElementById("menu_produtos");
  var titulos = contMenu.getElementsByTagName("h1");
  var menus = contMenu.getElementsByTagName("ul");
  var idMenu = obj.id;
  for(i=0; i < menus.length; i++){
	if(menus[i].className != "oculto")menus[i].className = "oculto";
  }
  for(i=0; i < titulos.length; i++){
	if(!titulos[i].firstChild.src)titulos[i].innerHTML = "<img src='imagens/seta_menu_produtos.gif' width='11' height='6' />"+titulos[i].innerHTML;
	if(titulos[i].id == idMenu)menus[i].className = "";
  }
  obj.removeChild(obj.firstChild);
}


function selItem(obj){
  if(tempItemAtivo) tempItemAtivo.className = ""
  obj.className = "ativo"
  tempItemAtivo = obj;
}

function getElementsByClass(classe,node,tag) {
  var vetorElementos = new Array();
  if( node == null ) node = document;
  if( tag == null )tag = '*';
  var elementos = node.getElementsByTagName(tag);
  var qtdElementos = elementos.length;
  var padrao = new RegExp("(^|\\s)"+classe+"(\\s|$)");
  for (i = 0, j = 0; i < qtdElementos; i++) {
	if (padrao.test(elementos[i].className) ) {
		vetorElementos[j] = elementos[i];
		j++;
	}
  }
  return vetorElementos;
}


/*********************************************************************************************************************************/
function exibeMedidas(alvo,numImg){
  var letra = ((alvo.getElementsByTagName("span")[0].innerHTML).toLowerCase()).substr(0,1);
  desenhaPopup(numImg,letra);
  posicionaPopup(alvo);
  alvo.onmouseout = function(){deletaPopup();}
}


function desenhaPopup(numImg,letra){
  deletaPopup()
  var tbl, tblCorpo, linhas, colunas
  tbl = document.createElement("table");
  tbl.id = idTblMedidas;
  tbl.border = 0;
  tbl.cellSpacing = 0;
  tbl.cellPadding = 0;
  tblCorpo = document.createElement("tbody");
  linhas = new Array("superior","meio","inferior");
  colunas = new Array("esq","centro","dir");
  for(i=0; i < linhas.length; i++){
	var novaLinha = document.createElement("tr"); 
	novaLinha.className = linhas[i];
	for(j=0; j<colunas.length; j++){
	  var novaColuna = document.createElement("td");
	  if(i == 1 && j == 1){
		novaColuna.innerHTML = "<img src='imagens/medida"+numImg+"-"+letra+".jpg'/>";		  
	  }else{
		novaColuna.innerHTML = "&nbsp;";
	  }
	  novaColuna.className = colunas[j];
	  novaLinha.appendChild(novaColuna);
	}
	tblCorpo.appendChild(novaLinha)
  }
  tbl.appendChild(tblCorpo)
  document.body.appendChild(tbl)
}


function deletaPopup(){
  try{
	var popup = document.getElementById(idTblMedidas);	
  }catch(e){}
  if(popup)document.body.removeChild(popup);
}


function posicionaPopup(alvo){
  var medidas = document.getElementById(idTblMedidas)
  var posAlvo = findPos(alvo);
  medidas.style.left = (posAlvo[0]-medidas.offsetWidth+5)+"px";
  medidas.style.top = (posAlvo[1])+"px";
}


function findPos(obj) {
  var curleft = curtop = 0;
  if (obj.offsetParent) {
	do {
	  curleft += obj.offsetLeft;
	  curtop += obj.offsetTop;
	} while (obj = obj.offsetParent);
  }
  return [curleft,curtop];
}