function addListeners(e)
{
   /////show pic labels
   var spurId = document.getElementById('spurs');
      addEvent(spurId, 'mouseover', showLabel, false);
      addEvent(spurId, 'mouseover', enlargeLabel, false);

   var helicalsId = document.getElementById('helicals');
      addEvent(helicalsId, 'mouseover', showLabel, false);

   var wormGearsId = document.getElementById('wormGears');
      addEvent(wormGearsId, 'mouseover', showLabel, false);

   var bevelGearId = document.getElementById('bevels');
      addEvent(bevelGearId, 'mouseover', showLabel, false);

   var miterGearId = document.getElementById('miters');
      addEvent(miterGearId, 'mouseover', showLabel, false);

   var gearRackId = document.getElementById('rack');
      addEvent(gearRackId, 'mouseover', showLabel, false);

   var internalGearId = document.getElementById('internals');
      addEvent(internalGearId, 'mouseover', showLabel, false);

   var timingPulleyId = document.getElementById('timingPulleys');
      addEvent(timingPulleyId, 'mouseover', showLabel, false);

   var sprocketId = document.getElementById('sprocket');
      addEvent(sprocketId, 'mouseover', showLabel, false);

   var changeGearsId = document.getElementById('changeGears');
      addEvent(changeGearsId, 'mouseover', showLabel, false);

   //var gearGagesId = document.getElementById('gages');
      //addEvent(gearGagesId, 'mouseover', showLabel, false);

   /////hide pic labels
   var spurId = document.getElementById('spurs');
      addEvent(spurId, 'mouseout', showLabel, false);

   var helicalsId = document.getElementById('helicals');
      addEvent(helicalsId, 'mouseout', showLabel, false);

   var wormGearsId = document.getElementById('wormGears');
      addEvent(wormGearsId, 'mouseout', showLabel, false);

   var bevelGearId = document.getElementById('bevels');
      addEvent(bevelGearId, 'mouseout', showLabel, false);

   var miterGearId = document.getElementById('miters');
      addEvent(miterGearId, 'mouseout', showLabel, false);

   var gearRackId = document.getElementById('rack');
      addEvent(gearRackId, 'mouseout', showLabel, false);

   var internalGearId = document.getElementById('internals');
      addEvent(internalGearId, 'mouseout', showLabel, false);

   var changeGearsId = document.getElementById('changeGears');
      addEvent(changeGearsId, 'mouseout', showLabel, false);

   var timingPulleyId = document.getElementById('timingPulleys');
      addEvent(timingPulleyId, 'mouseout', showLabel, false);

   var sprocketId = document.getElementById('sprocket');
      addEvent(sprocketId, 'mouseout', showLabel, false);

   //var gearGagesId = document.getElementById('gages');
      //addEvent(gearGagesId, 'mouseout', showLabel, false);
}

addEvent(window, 'load', addListeners, false);

function enlargeLabel(e)
{
   
}
function showLabel(e)
{////use this function show show or hide the pic labels
   if(window.event && window.event.srcElement)
   {
      el = window.event.srcElement;
   }
   if(e && e.target)
   {
      el = e.target;
   } 
   if(!el)
   {
      el = 'no el';
   }

   elId = el.id;
   eType = e.type;

   xpos = findPosX(el);
   ypos = parseInt(findPosY(el))-40;


   
   if(eType.indexOf('over') > -1)
   {
      document.getElementById(elId+'Label').style.top = ypos +'px';
      document.getElementById(elId+'Label').style.left = xpos+'px';
      document.getElementById(elId +'Label').style.display = ''; 
   }
   else
   {
      document.getElementById(elId +'Label').style.display = 'none';
   } 
}