/* imgres - create appropriate html img tag based on screen resolution */
function imgres(mode,imgna,imgno,imgcl){ 
  if ((screen.width == 640) && (screen.height == 480)) {var sres = "res800"; var pfx = "med-"}
   else if ((screen.width == 800) && (screen.height == 600)) {var sres = "res800"; var pfx = "med-"}
   else if ((screen.width == 1024) && (screen.height == 768)) {var sres = "res1024"; var pfx = "hi-"}
   else {var sres = "res1024"; var pfx = "hi-"};
  if (mode == '1') {
   document.write("<img class='" + imgcl + "' style='filter:blendTrans(duration=3)' name='slide" + imgno + "' align='center' src='images/" + sres + '/' + pfx + imgna + "'>");}
  else if (mode == '2') { 
   document.write("<img alt='Click to view details' class='" + imgcl + "' src='images/" + sres + '/' + "male/" + pfx + 'large-' + imgna + "'>");}
  else if (mode == '3') { 
   document.write("<img alt='Click to view details' class='" + imgcl + "' src='images/" + sres + '/' + "female/" + pfx + 'large-' + imgna + "'>");}
  else if (mode == '4') { 
   document.write("<img alt='Click to view details (Picture to follow)' class='" + imgcl + "' src='images/" + sres + '/' + pfx + imgna + "'>");}
  else if (mode == '5') { 
   document.write("<img alt='Click to view details' class='" + imgcl + "' src='images/" + sres + '/' + "male/" + pfx + 'large-' + imgna + "'>");}
  else if (mode == '6') { 
   document.write("<img alt='Click to view details' class='" + imgcl + "' src='images/" + sres + '/' + "female/" + pfx + 'large-' + imgna + "'>");}
  else { 
   document.write("<img class='" + imgcl + "' src='images/" + sres + '/' + pfx + imgna + "'>");}
}