function putindex(area) {
/* AREA = 0 --> Main Index */
/* AREA = -1 --> LHS Index */
   quot = '"';
   backcol = new Array();
   backpic = new Array();
   indxnam = new Array();
   indxchr = new Array();
   indxalt = new Array();
   classnm = new Array();
   subclnm = new Array();
   subptno = new Array();
   subindx = new Array();
   subchrs = new Array();
   subtitl = new Array();

/* Main Headings and their properties here */
   noofmain = 4; 
  
   backcol[0]='501010'; /* picture is centered, so this states background colour */
   backcol[1]='501860'; /* NOTE If change these, then change mycss headerxxxxx's */
   backcol[2]='204068'; /* and mycss indexabba/records/games etc */ 
   backcol[3]='105010';
   backcol[4]='808040'; /* Not yet used */

   backpic[0]='thumbs/idxph.jpg'; /* Note these are used for bottom index */
   backpic[1]='thumbs/idxab.jpg';
   backpic[2]='thumbs/idxrx.jpg';
   backpic[3]='thumbs/idxgm.jpg';

   indxnam[0]='ph-index.html';
   indxnam[1]='ab-index.html';
   indxnam[2]='rx-index.html';
   indxnam[3]='gm-index.html';
 
   indxchr[0]='Photography';
   indxchr[1]='Abba';
   indxchr[2]='Records';
   indxchr[3]='Games';

   indxalt[0]='Click here to get to Photography';
   indxalt[1]='Click here to get to Abba';
   indxalt[2]='Click here to get to Records';
   indxalt[3]='Click here to get to Games';

   classnm[0]='HC1';
   classnm[1]='HC2';
   classnm[2]='HC3';
   classnm[3]='HC4';

/* For each main heading whether there are any sub headings */
   subptno[0]=4;
   subptno[1]=3;
   subptno[2]=3;
   subptno[3]=3;
   subptno[4]=0;

   subclnm[0]='HE1';
   subclnm[1]='HE2';
   subclnm[2]='HE3';
   subclnm[3]='HE4';

   subindx[1]='phnf-newforest.html';
   subchrs[1]='New Forest';
   subtitl[1]='New Forest';
   subindx[2]='phls-landscapes.html';
   subchrs[2]='Landscapes';
   subtitl[2]='Landscapes';
   subindx[3]='phpl-places.html';
   subchrs[3]='Places';
   subtitl[3]='Various Cities and Places';
   subindx[4]='phpe-people.html';
   subchrs[4]='People';
   subtitl[4]='People or Events';

   subindx[11]='abrx-records.html';
   subchrs[11]='Records';
   subtitl[11]='Mainly 7" singles';
   subindx[12]='abev-events.html';
   subchrs[12]='Fan Club';
   subtitl[12]='Pictures from Fan Club Events and other gatherings';
   subindx[13]='abpx-pictures.html';
   subchrs[13]='Pictures';
   subtitl[13]='Various pictures and artwork of Abba';

   subindx[21]='rxbd-worst.html';
   subchrs[21]='Worst';
   subtitl[21]='Featuring the Bottom 30';
   subindx[22]='rxfv-favs.html';
   subchrs[22]='Favs';
   subtitl[22]='My all-time favourites';
   subindx[23]='rxpd-picdiscs.html';
   subchrs[23]='Picture Discs';
   subtitl[23]='Mainly 7" picture discs';

   subindx[31]='gmch-chips.html';
   subchrs[31]='Chips';
   subtitl[31]='Chips from casinos around the world';
   subindx[32]='gmgm-games.html';
   subchrs[32]='Games';
   subtitl[32]='Board Games etc.';
/* 11-04-27 Delete Strategy */
   subindx[33]='gmst-strategy.html';
   subchrs[33]='Strategy';                   
   subtitl[33]='Strategy for Casino games';
   subindx[33]='ab-fruitmachine.html';
   subchrs[33]='Spin';
   subtitl[33]='Abba Fruit Machine';

   /* Bottom index */
   if (area==0) {
      tline="<TABLE WIDTH=100% CELLSPACING=1 CELLPADDING=0 BORDER=0 BORDERCOLORLIGHT="+quot+"#CCFFCC"+quot+">";
      tline=tline+"<TR><TD ALIGN=CENTER WIDTH=40 HEIGHT=40><A HREF="+quot+"index.html"+quot+" TITLE="+quot+"Click here to get back to the home page"+quot+"><IMG SRC="+quot+"images/home.jpg"+quot+"></A>";
      document.write(tline);
      eline="<TD BGCOLOR="+quot+"#002040"+quot+" WIDTH=2%></TD>";
      document.write(eline);
      gapline="<TD WIDTH=4>&nbsp;</TD>";
      document.write(gapline);
      for (i=0; i<noofmain; i++) {
         line="<!>";
         line=line+"<TD ALIGN=CENTER BACKGROUND="+quot+backpic[i]+quot;
         line=line+" STYLE="+quot+"background-repeat:no-repeat; background-position:center; "+quot;
         line=line+" BGCOLOR="+quot+backcol[i]+quot+"><A HREF="+quot+indxnam[i]+quot;
         line=line+" TITLE="+quot+indxalt[i]+quot+" CLASS="+quot+classnm[i]+quot+" TARGET="+quot+"_self"+quot+">&nbsp;"+indxchr[i]+"&nbsp;";
         line=line+"</A>";
         if (subptno[i]>0) {
            line=line+"<BR>";
            for (j=1; j<subptno[i]+1; j++) {
               k = i*10 + j;
               line=line+"&nbsp;<A HREF="+quot+subindx[k]+quot+"CLASS="+quot+subclnm[i]+quot+" TITLE="+quot+subtitl[k]+quot+">"+subchrs[k]+"</A>&nbsp;";
               };
            };
         line=line+"</TD>";
         document.write(line);line=" ";
         document.write(gapline);
         };
      document.write(eline);
      tline="<TD ALIGN=CENTER WIDTH=40><A HREF="+quot+"sitemap.html"+quot+" TITLE="+quot+"The site map has a list of most pages"+quot+"><IMG SRC="+quot+"images/sitemap.gif"+quot+" HEIGHT=35 WIDTH=30></A></TD>";
      tline=tline+"</TR>";
      tline=tline+"</TABLE>";
      document.write(tline);
      };

   /* LHS index */
   if (area==-1) {
     eline="<CENTER>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A HREF="+quot+"sitemap.html"+quot+" TITLE="+quot+"Use 'sitemap' page to see full list of pages."+quot+" CLASS="+quot+"HC0"+quot+">Site&nbsp;&nbsp;Map</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</A></CENTER>";
     document.write(eline);
     gapline="         <TABLE WIDTH=100% CELLSPACING=0 CELLPADDING=0 BORDER=0><TR><TD HEIGHT=2 BGCOLOR="+quot+"#002040"+quot+"></TD></TR></TABLE>";
     /*DEL** gapline="<BR>" **/
     document.write(gapline);
     for (i=0; i<noofmain; i++) {
       line="<!>";
       line=line+"&nbsp;&nbsp;";
       line=line+"<A CLASS='"+classnm[i]+"' HREF="+quot+indxnam[i]+quot+" TITLE="+quot+indxalt[i]+quot+">"+indxchr[i]+"</A>";
       if (subptno[i]>0) {
         for (j=1; j<subptno[i]+1; j++) {
           line=line+"<BR>";
           k = i*10 + j;
           line=line+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A HREF="+quot+subindx[k]+quot+"CLASS="+quot+subclnm[i]+quot+" TITLE="+quot+subtitl[k]+quot+">"+subchrs[k]+"</A>";
           };
         line=line+gapline;
         };
       document.write(line);line=" ";
       };
     eline="<CENTER><A CLASS='HC0' HREF="+quot+"links.html"+quot+" TITLE="+quot+"Links to other interesting sites"+quot+">links</A></CENTER>";
     document.write(eline);
     };

   return true; 
   };