// tools for main table

var mastertablewidth=getInsideWindowWidth()-20; // margin is 10

// function to do a table providing a full-width fountain.
// It allwos a second row to be drawn, extending the LH part of fountain down
// Syntax:

// fountain(
//    <height> across whole of fountain
//    <height> extra height across first part
//    <width of area of two rows>
//    <initial r>
//    <initial g>
//    <initial b>
//    <final r>
//    <final g>
//    <final b>
//  )

//fountainwidth=getInsideWindowWidth();
fountainwidth=document.width;


fountainwidth=mastertablewidth; // allow for margins

function fountain(height1,i_r,i_g,i_b,f_r,f_g,f_b,path){
  if((arguments.length!=7)&&(arguments.length!=8)){
    alert("wrong number of arguments to fountain" + arguments.length);
  }


  if(arguments.length==7){
    var path="";
  }
  var maxsteps=100;  // maximum number of steps
  var i;
  var j;
  var cellpad=0;
  var cellheight1=height1-(cellpad*2);
  var wid=mastertablewidth;

  var StartCol=new Array(parseInt("0x" + i_r),parseInt("0x" + i_g),parseInt("0x" + i_b));
  var EndCol=new Array(parseInt("0x" + f_r),parseInt("0x" + f_g),parseInt("0x" + f_b));

  var IntermediateCol=new Array();


  // for scaleing across colour space:

  var numsteps=Math.floor(wid/(cellpad+cellpad+1));
  if(numsteps>maxsteps)numsteps=maxsteps;

  var cellwid=Math.round(wid/numsteps);
  var tmpnum=new Number();

  var m=new Array();
  for(j=0;j<3;j++){m[j]=(EndCol[j]-StartCol[j])/numsteps;}

  var finalcolor=f_r+f_g+f_b;

  document.write("<div style='width:100%; height:" + height1 + "px; background-color: #" + finalcolor  + "; position: absolute; top:0px; left: 0px;'></div>");
  document.write("<div style='position: absolute; top:0px; left: 0px;'>");

  document.write("<center>");
  document.write("<table width=100% height=" + height1 + " cellpadding=" + cellpad + " cellspacing=0 bgcolor=" + i_r + i_g + i_b + ">");
  document.write("<tr>");


  for(i=0;i<numsteps;i++){
    for(j=0;j<3;j++){
      tmpnum=Math.round(StartCol[j]+(m[j]*i));
      IntermediateCol[j]=tmpnum.toString(16);
    }
    document.write("<td bgcolor=#"+IntermediateCol[0] + IntermediateCol[1] + IntermediateCol[2] + ">");

    document.write("<img src='" + path + "graph/132x10.gif' height=" + cellheight1 + " width=" + cellwid + "></td>");
  }

  document.write("<tr>");


  document.write("</table>");
  document.write("</center>");
  document.write("</div>");
}




// style definitions

// general sizes
var LHCellWid=210;                               // left hand menu column
var ImgCellWid=140;                               // column for images on right
var MainCellWid=getInsideWindowWidth()-LHCellWid-ImgCellWid;

if(MainCellWid<300)MainCellWid=300;

// maintextwid is width of main text body INCLUDING padding
// NB the width is less then MainColWidth to create space around the
// <div class=maintext> element

var padwid=8;

// expand padding on long lines

if(MainCellWid>416){
  padwid=Math.round(padwid+((MainCellWid-416)*0.1));
}

maintextwid=450+(padwid*2);



if((self.name=="pospaper")||(self.name=="censusdata")){
  maintextwid=420;
  if(padwid<20)padwid=20;
}



// function to force table to respect these if we are lucky
function setuptable(){
  document.write("<td colspan=3><img src='graph/5x5.gif' height=10 width=" + MainCellWid + " </td>");
  document.write("<td><img src='graph/5x5.gif' height=10 width=" + ImgCellWid + " </td>");
}

var maintextstyle="";

maintextstyle+=".maintext{";
maintextstyle+="  width: " + maintextwid + "px;";
maintextstyle+="  border-left:  2px solid;";
maintextstyle+="  border-right: 2px solid;";
maintextstyle+="  padding-left: " + padwid + "px;";
maintextstyle+="  padding-right: " + padwid + "px;";
maintextstyle+="  padding-top: 10px;";
maintextstyle+="  padding-bottom: 10px;";
maintextstyle+="  border-color: #900010;";
maintextstyle+="  text-align: justify;";
maintextstyle+="  line-height:120%;";
maintextstyle+="  background-color: #ffffdc;";
maintextstyle+="}";

document.write("<style type='text/css'>" + maintextstyle + "</style>");


// function to provide a divider starting in maintext
// syntax: divider( <linewidth in pixels> | <proportion of padwidth to overshoot>

function divider(linewid, overshoot){
  var linewidth;
  var leftovershoot;

  if(arguments.length>0){linewidth=linewid;}else{linewidth=3};
  if(arguments.length>1){leftovershoot=overshoot*padwid*-1;}else{leftovershoot=padwid*-0.45;};

  var divider0wid=Math.round(maintextwid*0.4)-leftovershoot;

  document.write("<img src='graph/5x5.gif' height=" + linewid + " width=" + divider0wid + " style='background-color:#900010; position: relative; left: " + leftovershoot + ";'>");
}


// function to provide a wide divider starting in maintext and drawing into margin
// syntax: wodedivider( <linewidth in pixels> | <proportion of margin overshoot>

function widedivider(linewid, prop){
  var linewidth;
  var proportion;
  var lmarg=(getInsideWindowWidth()-maintextwid)/2;

  if(arguments.length>0){linewidth=linewid;}else{linewidth=3};
  if(arguments.length>1){proportion=prop;}else{proportion=0.5;}

  leftovershoot=(lmarg*proportion*-1)-padwid;

  var divider0wid=Math.round(maintextwid*0.4)-leftovershoot;

  document.write("<img src='graph/5x5.gif' height=" + linewid + " width=" + divider0wid + " style='background-color:#900010; position: relative; left: " + leftovershoot + ";'>");
}



// stuff for the static images on the right
// RF this is rubbish it doesnt do anything
//var photo_array=new Array(
//   "photoset/photo_set_1.jpg",
//   "photoset/photo_set_2.jpg",
//   "photoset/photo_set_3.jpg",
//   "photoset/photo_set_4.jpg",
//   "photoset/photo_set_5.jpg",
//   "photoset/photo_set_6.jpg",
//   "photoset/photo_set_7.jpg",
//   "photoset/photo_set_8.jpg"
//)




function index_rcol(){
  var time=new Date();
  var i=Math.round(time.getSeconds()*Math.random()*10);
  i=i%photo_array.length;
  var j=(i+1)%photo_array.length;
  var k=(j+1)%photo_array.length;




  //document.write("  <div style='padding-right:10px;'>");
  document.write("  <table cols=2 cellpadding=0 cellspacing=0>");
  document.write("  <tr>");
  document.write("  <td width=20>&nbsp;</td>");
  document.write("  <td width=20>&nbsp;</td>");
  document.write("  </tr>");

  document.write("  <tr> <!-- row 1 -->");
  document.write("  <td colspan=2><img src='" + photo_array[i] + "'></td>");
  document.write("  </tr>");

  document.write("  <tr> <!-- row 2 -->");
  document.write("  <td>&nbsp;</td>");
  document.write("  <td bgcolor=pink><img src='graph/5x5.gif' height=20 width=20></td>");
  document.write("  </tr>");

  document.write("  <tr> <!-- row 3 -->");
  document.write("  <td colspan=2><img src='" + photo_array[j] + "'></td>");
  document.write("  </tr>");

  document.write("  <tr> <!-- row 4 -->");
  document.write("  <td bgcolor=orange><img src='graph/5x5.gif' height=20 width=20></td>");
  document.write("  <td>&nbsp;</td>");
  document.write("  </tr>");

  document.write("  <tr> <!-- row 5 -->");
  document.write("  <td colspan=2><img src='" + photo_array[k] + "'></td>");
  document.write("  </tr>");
  document.write("  </table>");
  //document.write("  </div>");

}