document.product = true;

 var currCol = 0;


  function classSwap(col) {

    if (currCol) {
      document.getElementById('c_' + currCol).className = 'arrow';
      document.getElementById('b_' + currCol).className = 'nav_btn';
      document.getElementById('a_' + currCol).className = 'nav_arrow';
    }

    document.getElementById('c_' + col).className = 'arrow_on';
    document.getElementById('b_' + col).className = 'nav_btn_on';
    document.getElementById('a_' + col).className = 'nav_arrow_on';
    currCol = col;
  }
  
  function classSwapOff(col) {

    document.getElementById('c_' + col).className = 'arrow';
    document.getElementById('b_' + col).className = 'nav_btn';
    document.getElementById('a_' + col).className = 'nav_arrow';
  } 
 
 var currLayer = '';
 var onLayer = 0;

  var currDoob = 0;

  function leftLinks(doob) {

    if (currDoob) {
      document.getElementById('d_' + currDoob).className = 'blue_arrow';
    }

    document.getElementById('d_' + doob).className = 'blue_arrow_on';
    currDoob = doob;
  }
  
  
  function leftLinksOff(doob) {

    document.getElementById('d_' + doob).className = 'blue_arrow';
  } 

 function swapNavOn(layer) {

  if (currLayer!= layer) {
   swapOff();
  }
 
  classSwap(layer);
  if (layers[layer + '_layer'] != null)
  {
    layers[layer + '_layer'].vis(1);
    currLayer=layer;
  }

 }


 var timeout;

 function swapNavOff() {
  timeout = setTimeout("swapMO()", 500);
 }


 function swapMO() {
  if (!onLayer) { 
   swapOff();
  }
 }


 function swapOff() {

  if (currLayer) {
   classSwapOff(currLayer);
   if (layers[currLayer + '_layer'] != null)
        layers[currLayer + '_layer'].vis(0);
  }

 }



function buildLayers() {

    for (var x = 0; x <= navArray.length - 1; x++) {

    var bld='';
     bld+='<table border="0" cellpadding="0" cellspacing="0" width="150" bgcolor="#3575b0" style="border:1px solid #000000;">';

     var splitVar = eval(navArray[x]).split('|');

     for (var y = 0; y <= splitVar.length - 1; y++) {

     var splitLink = splitVar[y].split(',');

     bld+='<tr><td onmouseover="style.backgroundColor=\'#084c8d\';" onmouseout="style.backgroundColor=\'#3575b0\'" height="20" style="padding-left:7px;"><a href="'+ splitLink[1] +'" class="arial_whi_11">'+ splitLink[0] +'</a></td></tr>';

     }

     bld+='</table>';


     var l = getImgPos(navArray[x] + '_bttn') + 149;
     var t = getImgPos(navArray[x] + '_bttn', 1) - 6;
     var tempEnd = (getImgPos('template') + 180) - 1;

     if (l > tempEnd) {
     l = tempEnd;
     }

     document.newLayer(navArray[x] + '_layer', bld, 0, 1, l, t, 186, null, ' onmouseover="onLayer=1;swapNavOn(\''+ navArray[x] + '\');" onmouseout="onLayer=0;swapNavOff();"');

     }

     }