//functions required for pop up images

 function popimgage(id,width,height,text,imgsource,linktext,linkclass){
   document.writeln("<div id=\"" + id + "_m\" class=\"modaldiv\"></div>");
   document.writeln("<span class=\"" + linkclass + "instruction\" onclick=\"showpopimg('" + id + "')\" title=\"" + linktext + "\">" + linktext + "</span>");
   document.writeln("<div id=\"" + id + "\" style=\"width:" + width + "px;height:" + height + "px;margin-left:-" + width/2 + "px;margin-top:-" + height/2 + "px;\" class=\"hidepopimg\">")
   document.writeln("<img src=\"images/" + imgsource + "\" alt=\"" + text + "\" />")
   document.writeln("<div onclick=\"hidepopimg('" + id + "')\" class=\"closeimg\" title=\"Close this image\">[close]</div></div>")
 }

 function showpopimg(id){
   document.getElementById(id).className="showpopimg";
   document.getElementById(id + "_m").style.display="block";
 }

 function hidepopimg(id){
   document.getElementById(id).className="hidepopimg";
   document.getElementById(id + "_m").style.display="none";
 } 
 
 function setcursor(e){
   e.style.cursor="url(./images/zoom_in.cur), pointer";
 }