// Supported by Netscape 4, Ice, Escape, Omniweb 4.2-
  var NN4plus = (document.layers);
  
  // Supported by Explorer 4+, Opera 6+, iCab, Ice, Omniweb 4.2-
  var IE4plus = (document.all);

  // Intermediate DOMs  
  // Supported by Netscape 4+, Explorer 4+, Opera 5, Escape 4, Konqueror, iCab and Omniweb
  var DHTML   = (document.getElementsById || document.all || document.layers)
  
  // Advanced DOMs
  // Supported by Mozilla, Explorer 5+, Opera 5+, Konqueror, Safari, iCab, Ice, OmniWeb 4.5
  var W3CDOM  = (document.getElementsByTagName && document.createElement);
    
  if (W3CDOM) {
      var link = document.createElement('link');
      link.setAttribute('rel',  'stylesheet');
      link.setAttribute('type', 'text/css');
      link.setAttribute('href', '/css/advanced.css');
      link.setAttribute('media', 'screen, projection');
      link.setAttribute('title', '');
      document.getElementsByTagName('head')[0].appendChild(link);


      window.onload = function() {
          // start up W3C DOM scripts
          
          // init styleswitcher
          /* initialised in plug-in script didn't work */
          //var cookie = readCookie("style");
          //var title = cookie ? cookie : getPreferredStyleSheet();
          //setActiveStyleSheet(title);

          var buttons = new Array(3);
          var styles = new Array(['white template', '/graphics/button-fff.gif'],
                                 ['standard template', '/graphics/button-666.gif'],
                                 ['red template', '/graphics/button-900.gif']
                                );
          
          for(var i in styles) {
          	  buttons[i] = document.createElement('img');
          	  buttons[i].setAttribute('src', styles[i][1]);
          	  buttons[i].setAttribute('height', 8);
          	  buttons[i].setAttribute('width', 8);
          	  buttons[i].setAttribute('alt', styles[i][0]);
          	  buttons[i].setAttribute('title', '');
          	  
          	  // buttons[i].style.cursor = (buttons[i].style.setProperty) ? 'pointer' : 'hand';
          	  buttons[i].className = 'enabled';
          	  
          	  document.getElementById('footer').appendChild(buttons[i]);
          }
          
          buttons[0].onclick = function() {setActiveStyleSheet(styles[0][0])}
          buttons[1].onclick = function() {setActiveStyleSheet(styles[1][0])}
          buttons[2].onclick = function() {setActiveStyleSheet(styles[2][0])}

          
          // misc
          showFragment();
          blurAnchors();

          // init menu          
          expandmenu();
          


          // nav 1
          
          var nav1 = document.getElementById('nav1');
          if (document.getElementById('content').offsetHeight > document.getElementById('text').offsetHeight) {
          	  // Display scroll buttons
          	  // nav1.style.display = 'block';
          	  
          	  intop = true;
          	  inbuttom = false;
          	  
          	  up = document.createElement('img');
          	  up.setAttribute('src', '/graphics/arrow-up-light.gif');
          	  up.setAttribute('height', 7);
          	  up.setAttribute('width', 7);
          	  up.setAttribute('alt', 'up');
          	  up.setAttribute('title', '');
          	  up.setAttribute('id', 'pilop');
          	  
          	  // up.style.cursor = 'default';
          	  up.className = 'disabled';

          	  up.onmouseover = function() {dw_scrollObj.initScroll('text', 'up')}
          	  up.onmouseout  = function() {dw_scrollObj.stopScroll('text')}
          	  up.onmousedown = function() {dw_scrollObj.doubleSpeed('text')}
          	  up.onmouseup   = function() {dw_scrollObj.resetSpeed('text')}
          	  
          	  down = document.createElement('img');
          	  down.setAttribute('src', '/graphics/arrow-down-dark.gif');
          	  down.setAttribute('height', 7);
          	  down.setAttribute('width', 7);
          	  down.setAttribute('alt', 'down');
          	  down.setAttribute('title', '');
          	  down.setAttribute('id', 'pilned');
          	  
          	  // down.style.cursor = (down.style.setProperty) ? 'pointer' : 'hand';
          	  down.className = 'enabled';

          	  
          	  down.onmouseover = function() {dw_scrollObj.initScroll('text', 'down')};
          	  down.onmouseout  = function() {dw_scrollObj.stopScroll('text')};
          	  down.onmousedown = function() {dw_scrollObj.doubleSpeed('text')}
          	  down.onmouseup   = function() {dw_scrollObj.resetSpeed('text')}

          	  // nav1 = document.getElementById('nav1');
          	  nav1.appendChild(up);
          	  nav1.appendChild(down);
          	  
          } else {
          	  // Hide scroll buttons
          	  // nav1.style.visibility = 'hidden';
          }
          
          
          // thumbs
          var thumbscount = document.getElementById('thumbs').getElementsByTagName('img').length;
          document.getElementById('thumbslayer').style.width = thumbscount*42 + 'px';

          // nav 2
          if (thumbscount > 9) {
          	  var navback = document.createElement('a');
          	  navback.href = '#';
              navback.innerHTML = 'Back';
              navback.setAttribute('id', 'navback');
              navback.className = 'disabled';
              navback.onclick = function() {dw_scrollObj.scrollBy('thumbs', 42, 0); return false}
              navback.onfocus = function() {this.blur()}
              //prev.style.cursor = 'default';
          
              var delim = document.createTextNode(" | ");
          
              var navmore = document.createElement('a');
              navmore.href = '#';
              navmore.innerHTML = 'More';
              navmore.setAttribute('id', 'navmore');
              navmore.className = 'enabled';
              navmore.onclick = function() {dw_scrollObj.scrollBy('thumbs', -42, 0); return false}
              navmore.onfocus = function() {this.blur()}
              //next.style.cursor = 'pointer';
          
              var nav2 = document.getElementById('nav2');
              if (nav2) {
          	      nav2.appendChild(navback);
          	      nav2.appendChild(delim);
          	      nav2.appendChild(navmore);
          	  }
          }

          // nav 3
          if (thumbscount > 9) {
          	  var shift = document.createElement('img');
          	  shift.setAttribute('src', '/graphics/arrow-right-dark.gif');
          	  shift.setAttribute('height', 7);
          	  shift.setAttribute('width', 7);
          	  shift.setAttribute('alt', 'more');
          	  shift.setAttribute('id', 'shift');

          	  // shift.style.cursor = (shift.style.setProperty) ? 'pointer' : 'hand';
          	  shift.className = 'enabled';
          	  shift.setAttribute('title', '');

          	  shift.onclick    = function() {shiftdir(1)};
          	  shift.ondblclick = function() {shiftdir(2)};
          	  
          	  var nav3 = document.getElementById('nav3');
          	  nav3.appendChild(shift);
          }


          // init scroll layers          
          var wndo1 = new dw_scrollObj('text', 'content');
          var wndo2 = new dw_scrollObj('thumbs', 'thumbslayer');

          // init imagechanger
          initImageChange();
          
          

          
          // init overlay
          var overlay = document.createElement('img');
          overlay.src = "/graphics/image.gif";
          overlay.style.height = '400px';
          overlay.style.width = '400px';
          overlay.style.position = 'absolute';
          overlay.style.top = '50px';
          overlay.style.left = '400px';
          overlay.style.zindex = '9';
          
          // document.getElementById('container').appendChild(overlay);
          

          

      }
      

      window.onunload = function(e) {
      	  var title = getActiveStyleSheet();
      	  createCookie("style", title, 365);
      }

  }