function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

var NAVTOP = {
url: '',

init: function(server, path) 
{
    path=path.replace(/\$1/,'');
    this.url = server+path;

    // Add events
    if ($('section01')) Event.observe($('section01'), 'click', this.section01.bindAsEventListener(this));
    if ($('section02')) Event.observe($('section02'), 'click', this.section02.bindAsEventListener(this));
    if ($('section03')) Event.observe($('section03'), 'click', this.section03.bindAsEventListener(this));
    if ($('section04')) Event.observe($('section04'), 'click', this.section04.bindAsEventListener(this));
    if ($('section05')) Event.observe($('section05'), 'click', this.section05.bindAsEventListener(this));
    if ($('section06')) Event.observe($('section06'), 'click', this.section06.bindAsEventListener(this));
    if ($('section07')) Event.observe($('section07'), 'click', this.section07.bindAsEventListener(this));
    if ($('section08')) Event.observe($('section08'), 'click', this.section08.bindAsEventListener(this));
    if ($('section09')) Event.observe($('section09'), 'click', this.section09.bindAsEventListener(this));
    if ($('section10')) Event.observe($('section10'), 'click', this.section10.bindAsEventListener(this));
    if ($('back01')) Event.observe($('back01'), 'click', this.section01.bindAsEventListener(this));
    if ($('back02')) Event.observe($('back02'), 'click', this.section02.bindAsEventListener(this));
    if ($('back03')) Event.observe($('back03'), 'click', this.section03.bindAsEventListener(this));
    if ($('back04')) Event.observe($('back04'), 'click', this.section04.bindAsEventListener(this));
    if ($('back05')) Event.observe($('back05'), 'click', this.section05.bindAsEventListener(this));
    if ($('back06')) Event.observe($('back06'), 'click', this.section06.bindAsEventListener(this));
    if ($('back07')) Event.observe($('back07'), 'click', this.section07.bindAsEventListener(this));
    if ($('back08')) Event.observe($('back08'), 'click', this.section08.bindAsEventListener(this));
    if ($('back09')) Event.observe($('back09'), 'click', this.section09.bindAsEventListener(this));
    if ($('back10')) Event.observe($('back10'), 'click', this.section10.bindAsEventListener(this));

    if ($('section01')) Event.observe($('section01'), 'mouseover', this.swap.bindAsEventListener(this,'section01_on'));
    if ($('section02')) Event.observe($('section02'), 'mouseover', this.swap.bindAsEventListener(this,'section02_on'));
    if ($('section03')) Event.observe($('section03'), 'mouseover', this.swap.bindAsEventListener(this,'section03_on'));
    if ($('section04')) Event.observe($('section04'), 'mouseover', this.swap.bindAsEventListener(this,'section04_on'));
    if ($('section05')) Event.observe($('section05'), 'mouseover', this.swap.bindAsEventListener(this,'section05_on'));
    if ($('section06')) Event.observe($('section06'), 'mouseover', this.swap.bindAsEventListener(this,'section06_on'));
    if ($('section07')) Event.observe($('section07'), 'mouseover', this.swap.bindAsEventListener(this,'section07_on'));
    if ($('section08')) Event.observe($('section08'), 'mouseover', this.swap.bindAsEventListener(this,'section08_on'));
    if ($('section09')) Event.observe($('section09'), 'mouseover', this.swap.bindAsEventListener(this,'section09_on'));
    if ($('section10')) Event.observe($('section10'), 'mouseover', this.swap.bindAsEventListener(this,'section10_on'));

    if ($('section01')) Event.observe($('section01'), 'mouseout', this.swap.bindAsEventListener(this,'section01_off'));
    if ($('section02')) Event.observe($('section02'), 'mouseout', this.swap.bindAsEventListener(this,'section02_off'));
    if ($('section03')) Event.observe($('section03'), 'mouseout', this.swap.bindAsEventListener(this,'section03_off'));
    if ($('section04')) Event.observe($('section04'), 'mouseout', this.swap.bindAsEventListener(this,'section04_off'));
    if ($('section05')) Event.observe($('section05'), 'mouseout', this.swap.bindAsEventListener(this,'section05_off'));
    if ($('section06')) Event.observe($('section06'), 'mouseout', this.swap.bindAsEventListener(this,'section06_off'));
    if ($('section07')) Event.observe($('section07'), 'mouseout', this.swap.bindAsEventListener(this,'section07_off'));
    if ($('section08')) Event.observe($('section08'), 'mouseout', this.swap.bindAsEventListener(this,'section08_off'));
    if ($('section09')) Event.observe($('section09'), 'mouseout', this.swap.bindAsEventListener(this,'section09_off'));
    if ($('section10')) Event.observe($('section10'), 'mouseout', this.swap.bindAsEventListener(this,'section10_off'));

    // Preload images
    MM_preloadImages('imgs/01on.gif','imgs/02on.gif','imgs/03on.gif','imgs/04on.gif','imgs/05on.gif',
                     'imgs/06on.gif','imgs/07on.gif','imgs/08on.gif','imgs/09on.gif','imgs/10on.gif');
},

section01: function() { window.location=this.url+'1'; }, 
section02: function() { window.location=this.url+'2'; }, 
section03: function() { window.location=this.url+'3'; }, 
section04: function() { window.location=this.url+'4'; }, 
section05: function() { window.location=this.url+'5'; }, 
section06: function() { window.location=this.url+'6'; }, 
section07: function() { window.location=this.url+'7'; }, 
section08: function() { window.location=this.url+'8'; }, 
section09: function() { window.location=this.url+'9'; }, 
section10: function() { window.location=this.url+'10'; }, 

swap: function(event, className) 
{
    var obj = Event.element(event);
    if (obj) { obj.className = className; }
}

};



NAVTOP.init(wgServer, wgArticlePath);