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);

 	  var firstpart="http://server12.sitewizard.co.uk/sites/grahamsstudios/images/"; 
       
      function initImgView() { 

	  var page="wedding";
      var maxnum=98;
      document.write('<div id=navdiv>')
      var startimgsrc = firstpart + page + "_0.jpg";
      var picwritein ='<div id=picdiv><img id=pic1 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 + "s.jpg";
         var tmpsrc= '<span id="' + x + '"><a class=navs1 href="#" onclick="showpic1(' + passedsrc + ');return false;"><img onerror="loadthisimg(' + x + ')" src="' + smallsrc + '" height="60" width="60"></a></span>';
         document.write(tmpsrc);
         }
       document.write('</div>');
       };

     function showpic1(imgno) {
          var tmp=firstpart + imgno;
          document.getElementById('pic1').src=tmp;
     }


function initImgView2() { 

	  var page="baby";
      var maxnum=15;
      document.write('<div id=navdiv>')
      var startimgsrc = firstpart + page + "_0.jpg";
      var picwritein ='<div id=picdiv1><img id=pic1 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 + "s.jpg";
         var tmpsrc= '<span id="' + x + '"><a class=navs1 href="#" onclick="showpic1(' + passedsrc + ');return false;"><img onerror="loadthisimg(' + x + ')" src="' + smallsrc + '" height="60" width="60"></a></span>';
         document.write(tmpsrc);
         }
       document.write('</div>');
       };

     function showpic1(imgno) {
          var tmp=firstpart + imgno;
          document.getElementById('pic1').src=tmp;
     }

function initImgView3() { 

	  var page="portraits";
      var maxnum=50;
      document.write('<div id=navdiv>')
      var startimgsrc = firstpart + page + "_0.jpg";
      var picwritein ='<div id=picdiv1><img id=pic1 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 + "s.jpg";
         var tmpsrc= '<span id="' + x + '"><a class=navs1 href="#" onclick="showpic1(' + passedsrc + ');return false;"><img onerror="loadthisimg(' + x + ')" src="' + smallsrc + '" height="60" width="60"></a></span>';
         document.write(tmpsrc);
         }
       document.write('</div>');
       };

     function showpic1(imgno) {
          var tmp=firstpart + imgno;
          document.getElementById('pic1').src=tmp;
     }