var page=4;
var firstpart="http://server12.sitewizard.co.uk/sites/davidleeimages/images/";


    function initImgView() {
    var maxnum=10;
   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 + "thumb.jpg";
      var tmpsrc= '<span id="' + x + '"><a class=navs href="#" onclick="showpic(' + passedsrc +  ');return false;"><img onerror="loadthisimg(' + x + ')" src="' + smallsrc + '" height="62" width="62"></a></span>';
      document.write(tmpsrc);
      }
    document.write('</div>');
    };


    function loadthisimg(imgref) { 
    document.getElementById(imgref).style.display='none'; 
    }
    
    function showpic(imgno) {
    var tmp=firstpart + imgno;
    document.getElementById('pic').src=tmp;
    }
 


over = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" over";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp("over"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", over);