function showNav()
      {
        var obj = new StyleSlider('navigation', 'height');
        obj.endValue = 45; // 45
        obj.startValue = 45;
        obj.steps = 20;
        obj.length = 500;
        obj.slideMode = 'easeOut';
        obj.startSlide();
        obj.element.style.visibility = 'visible';
        initNav();
      }
      
      var images = new Array();
      
      function initNav()
      {
        var anchors = document.getElementsByTagName('A');
        for (var i = 0; i < anchors.length; i++)
        {
          if (anchors[i].className == 'rollover')
          {
            anchor = anchors[i];
            img = anchors[i].childNodes[0];
            anchor.origSrc = img.src;
            images[images.length] = new Image();
            images[images.length - 1].src = img.src.replace('-off', '-on');
            anchor.onmouseover = new Function('this.childNodes[0].src = images[' + (images.length - 1) + '].src;');
            anchor.onmouseout = new Function('this.childNodes[0].src = this.origSrc;');
          }
        }
        
        var inputs = document.getElementsByTagName('input');
        for (var i = 0; i < inputs.length; i++)
        {
          if (inputs[i].className == 'rollover')
          {
            input = inputs[i];
            input.origSrc = input.src;
            images[images.length] = new Image();
            images[images.length - 1].src = input.src.replace('-off', '-on');
            input.onmouseover = new Function('this.src = images[' + (images.length - 1) + '].src;');
            input.onmouseout = new Function('this.src = this.origSrc;');
          }
        }
      }