var onename = 0, origins = 1, distrib = 2, people = 3, places = 4, stories = 5, 
    sitemap = 6, pageind = 7, whatsnew = 8;
var byline;
var part1 = 'shankland'; var part2 = 'one-name.org';
var w3c = 'compliant';

/* "mode" gives the style-sheet compatibility mode in effect. */
if ( mode == 'BackCompat' ) 
{ document.writeln ('<p><b>Your browser is not sufficiently up-to-date to show this website in all its glory.' +
                    'You are therefore viewing it in "simple" mode.' + 
                    'To upgrade from this mode to "full" mode you will need to download and install ' + 
                    'a modern browser such as Microsoft Internet Explorer 6 or upwards.</b></p><hr>');  
}

/* First write out the banner header: */
document.writeln ('<div id="header">')
document.writeln ('  <div class="outer">')
document.writeln ('    <div class="inner">')
document.writeln ('      <h1 class="header">The <u>Shankland One-Name Group</u></h1>')
document.writeln ('    </div>')
document.writeln ('  </div>')
document.writeln ('</div>')

/* Next, the breadcrumb trail, defined by "section =, level = " in the calling document: */
document.writeln ('<div id="breadcrumb">')
var crumbtrail = '';   /* This is the breadcrumb trail ...*/
var crumble    = '';   /* ... and this determines if it breaks in the middle! */
var dir        = '';
if ( level == 'article' ) { dir = '../'; }
var trail   = new Array ( '<a href="' + dir + 'onename.html">SHANKLAND One-Name Group</a>', 
                          '<a href="' + dir + 'origins.html">SHANKLAND Origins       </a>', 
                          '<a href="' + dir + 'distrib.html">SHANKLAND Distribution  </a>',
                          '<a href="' + dir + 'people.html" >SHANKLAND People        </a>', 
                          '<a href="' + dir + 'places.html" >SHANKLAND Places        </a>',  
                          '<a href="' + dir + 'stories.html">SHANKLAND Stories       </a>' );

var secname = new Array ( 'SHANKLAND One-Name Group', 
                          'SHANKLAND Origins', 
                          'SHANKLAND Distribution',
                          'SHANKLAND People', 
                          'SHANKLAND Places',  
                          'SHANKLAND Research Stories',
                          'Site Map',
                          'Index',
                          'What\'s New' );
crumbtrail = '<a href="' + dir + 'index.html">Home</a> &gt; '; 
if ( level == 'Home' ) { crumbtrail = 'Home'; } /* first level page (Home) */
if ( (level == 'section') || (level == 'structure') ) /* second level page (section) or structural element*/
{ switch ( section )
  {
    case 'onename' : crumbtrail += secname[onename] ; break;
    case 'origins' : crumbtrail += secname[origins] ; break;
    case 'distrib' : crumbtrail += secname[distrib] ; break;
    case 'people'  : crumbtrail += secname[people]  ; break;
    case 'places'  : crumbtrail += secname[places]  ; break;
    case 'stories' : crumbtrail += secname[stories] ; break;
    case 'sitemap' : crumbtrail += secname[sitemap] ; break;
    case 'pageind' : crumbtrail += secname[pageind] ; break;
    case 'whatsnew': crumbtrail += secname[whatsnew]; break;
    default        :                                  break;
  }
}
if ( level == 'article' )  /* third level page (article) */
{ switch ( section )
  {
    case 'onename' : crumbtrail += trail[onename] + ' &gt; ' + document.title; break;
    case 'origins' : crumbtrail += trail[origins] + ' &gt; ' + document.title; break;
    case 'distrib' : crumbtrail += trail[distrib] + ' &gt; ' + document.title; break;
    case 'people'  : crumbtrail += trail[people]  + ' &gt; ' + document.title; break;
    case 'places'  : crumbtrail += trail[places]  + ' &gt; ' + document.title; break;
    case 'stories' : crumbtrail += trail[stories] + ' &gt; ' + document.title; break;
    default        :                                                           break;
  }
  crumble = '<br>';
} 
document.writeln ('<p><span class="crumbs">' + crumbtrail + '</span>' + crumble + 
                     '<span class="bread"> | ' +
                     '<a href="' + dir + 'WhatsNew.html">What\'s New?</a> | ' +
                     '<a href="' + dir + 'SiteMap.html">Site Map</a> | ' +
                     '<a href="' + dir + 'PageIndex.html">Index</a>  | ' +
                     '<a href="mailto: ' + part1 + '@' + part2 + '?subject=Shankland web site">'+
                     'Contact us</a></span></p>')
document.writeln ('</div>')

/* Thirdly, the navigation icons, also defined by "section =, level = " in the calling document: */
if ( ( level != 'article' ) && ( level != 'structure' ) )
{
  document.writeln ('<div id="navigation">')
  document.writeln ('  <div class="outer">')
  document.writeln ('  <table class="nav" border=1 bordercolorlight=black bordercolordark=black>')

  var tdclass = new Array ( 'navblur','navblur','navblur','navblur','navblur','navblur');
  var imgdir  = new Array ( '/desat','/desat','/desat','/desat','/desat','/desat' );
  var link    = new Array ( '<a href="' + dir + 'onename.html">', '<a href="' + dir + 'origins.html">',
                            '<a href="' + dir + 'distrib.html">', '<a href="' + dir + 'people.html">',  
                            '<a href="' + dir + 'places.html">',  '<a href="' + dir + 'stories.html">' );
  var elink   = new Array ( '</a>',   '</a>',   '</a>',   '</a>',   '</a>',   '</a>'); 
  
  switch ( section ) 
  {
    case 'onename':  
      tdclass[onename] = 'navfocus'; imgdir[onename] = '/icons'; link[onename] = ''; elink[onename] = '';
      break;
    case 'origins':  
      tdclass[origins] = 'navfocus'; imgdir[origins] = '/icons'; link[origins] = ''; elink[origins] = '';
      break;
    case 'distrib':  
      tdclass[distrib] = 'navfocus'; imgdir[distrib] = '/icons'; link[distrib] = ''; elink[distrib] = '';
      break;
    case 'people':   
      tdclass[people]  = 'navfocus'; imgdir[people]  = '/icons'; link[people]  = ''; elink[people]  = '';
      break;
    case 'places':
      tdclass[places]  = 'navfocus'; imgdir[places]  = '/icons'; link[places]  = ''; elink[places]  = '';
      break;
    case 'stories':
      tdclass[stories] = 'navfocus'; imgdir[stories] = '/icons'; link[stories] = ''; elink[stories] = '';
      break;
    default:
      for ( i = 0; i < 6; i++ ) { tdclass[i] = 'nav'; imgdir[i] = '/icons'; } 
      break;
  }
  document.writeln ('    <tr><td class="' + tdclass[onename] + '">' + link[onename] +
                                            '<img class="nav" src="Images' + imgdir[onename] + '/onename.gif" ' + 
                                            'alt="The SHANKLAND One-Name Group">' +
                                            '<br>SHANKLAND<br> one-name group' + elink[onename] + '</td>')
  document.writeln ('        <td class="' + tdclass[origins] + '">' + link[origins] +
                                            '<img class="nav" src="Images' + imgdir[origins] + '/origins.gif" ' +
                                            'alt="SHANKLAND origins">' +
                                            '<br>SHANKLAND origins           ' + elink[origins] + '</td>')
  document.writeln ('        <td class="' + tdclass[distrib]  + '">' + link[distrib] +
                                            '<img class="nav" src="Images' + imgdir[distrib] + '/distrib.gif" ' +
                                            'alt="SHANKLAND distribution">' +
                                            '<br>SHANKLAND distribution      ' + elink[distrib] + '</td>')
  document.writeln ('        <td class="' + tdclass[people]  + '">' + link[people] +
                                            '<img class="nav" src="Images' + imgdir[people]  + '/people.gif"  ' +
                                            'alt="SHANKLAND people">' +
                                            '<br>SHANKLAND people            ' + elink[people] + '</td>')
  document.writeln ('        <td class="' + tdclass[places]  + '">' + link[places] +
                                            '<img class="nav" src="Images' + imgdir[places]  + '/places.gif"  ' +
                                            'alt="SHANKLAND places">' +
                                            '<br>SHANKLAND places            ' + elink[places] + '</td>')
  document.writeln ('        <td class="' + tdclass[stories] + '">' + link[stories] +
                                            '<img class="nav" src="Images' + imgdir[stories] + '/stories.gif" ' +
                                            'alt="SHANKLAND research stories">' +
                                            '<br>SHANKLAND research stories  ' + elink[stories] + '</td>')
  document.writeln ('    </tr>')
  document.writeln ('  </table>')
  document.writeln ('  </div>')
  document.writeln ('</div>')
}