var firstpart="http://server11.sitewizard.co.uk/sites/decornate/images/";
   
   
   function initImgView() {
   var maxnum=20;
  document.write('<div id=navdiv>')
  var startimgsrc = firstpart + page + "_0.jpg";
   var picwritein ='<div id=picdiv><img id=pic src="' +  startimgsrc + '" /></div>';
   document.write(picwritein);
  
     for (var x=0; x<maxnum;x++)  { //preload images
     var preloadsrc=firstpart + page + "_" + x + ".jpg";
     temp = new Image();
     temp.src=preloadsrc;
     //insert our images into page
      tmp=x;
     var passedsrc=  "'" + page + "_" + tmp + ".jpg" + "'";
    
     var smallsrc= firstpart + page + "_" + tmp + "small.jpg";
     var tmpsrc= '<span id="' + x + '"><a class=navs href="#" onclick="showpic(' + passedsrc +  ');return false;"><img onerror="loadthisimg(' + x + ')" src="' + smallsrc + '" height="60" width="60" /></a></span>';
     document.write(tmpsrc);
     }
   document.write('</div>');
   };
 
   function initImgView2() {
   var maxnum=18;
  document.write('<div id=navdiv>')
  var startimgsrc = firstpart + page + "_0.jpg";
   var picwritein ='<div id=picdiv><img id=pic src="' +  startimgsrc + '" /></div>';
   document.write(picwritein);
  
     for (var x=0; x<maxnum;x++)  { //preload images
     var preloadsrc=firstpart + page + "_" + x + ".jpg";
     temp = new Image();
     temp.src=preloadsrc;
     //insert our images into page
      tmp=x;
     var passedsrc=  "'" + page + "_" + tmp + ".jpg" + "'";
    
     var smallsrc= firstpart + page + "_" + tmp + "small.jpg";
     var tmpsrc= '<span id="' + x + '"><a class=navs href="#" onclick="showpic(' + passedsrc +  ');return false;"><img onerror="loadthisimg(' + x + ')" src="' + smallsrc + '" height="60" width="60" /></a></span>';
     document.write(tmpsrc);
     }
   document.write('</div>');
   };
   
   function loadthisimg(imgref) { 
   document.getElementById(imgref).style.visibility='hidden'; 
   }
   
   function showpic(imgno) {
   var tmp=firstpart + imgno;
   document.getElementById('pic').src=tmp;
   }