﻿
var lResizeTo = 270;

 function ShowLarger(pNewImageID)
 {

    
    if (pNewImageID == 1)
    {
       document.getElementById("DisplayImage").src = document.getElementById("ctl00_ContentPlaceHolder1_image_group_viewer1_hf_Image1_lg").value;
       resize("DisplayImage",lResizeTo);
       
       if (document.getElementById("DisplayTitle") != null)
       {
            document.getElementById("DisplayTitle").innerText = document.getElementById("ctl00_ContentPlaceHolder1_image_group_viewer1_hf_Image1_title").value;
       }
    } 
    else if (pNewImageID == 2)
    {
       document.getElementById("DisplayImage").src = document.getElementById("ctl00_ContentPlaceHolder1_image_group_viewer1_hf_Image2_lg").value;
       resize("DisplayImage",lResizeTo);
       
       if (document.getElementById("DisplayTitle") != null)
       {
            document.getElementById("DisplayTitle").innerText = document.getElementById("ctl00_ContentPlaceHolder1_image_group_viewer1_hf_Image2_title").value;
       }
    } 
    else if (pNewImageID == 3)
    {
       document.getElementById("DisplayImage").src = document.getElementById("ctl00_ContentPlaceHolder1_image_group_viewer1_hf_Image3_lg").value;
       resize("DisplayImage",lResizeTo);
       
       if (document.getElementById("DisplayTitle") != null)
       {
            document.getElementById("DisplayTitle").innerText = document.getElementById("ctl00_ContentPlaceHolder1_image_group_viewer1_hf_Image3_title").value;
       }
    } 
    else if (pNewImageID == 4)
    {
       document.getElementById("DisplayImage").src = document.getElementById("ctl00_ContentPlaceHolder1_image_group_viewer1_hf_Image4_lg").value;
       resize("DisplayImage",lResizeTo);
       
       if (document.getElementById("DisplayTitle") != null)
       {
            document.getElementById("DisplayTitle").innerText = document.getElementById("ctl00_ContentPlaceHolder1_image_group_viewer1_hf_Image4_title").value;
       }
    }
    
   
 }
 
 function resize(which, max) 
{
    
  var elem = document.getElementById(which);
  
  if (elem == undefined || elem == null) return false;
  if (elem.width ==0 || elem.height ==0) 
  {
    window.location.reload( false );
    return false;
  }
  else 
  {
      if (elem.width > elem.height) 
      {
           
          if (max == undefined || max == null)
          {
            max = lResizeTo;
          }
           imageWidth = max;
           lCurrentWidth = elem.width;
           lCurrentHeight = elem.height;
           lPercent = imageWidth / lCurrentWidth;
           imageHeight = lCurrentHeight * lPercent;
           neww = imageWidth;
           newh = imageHeight;
           elem.width =neww;
           elem.height = newh;
          
      } 
      else 
      {
        if (max == undefined || max == null)
        {
            max = lResizeTo;
        }
         imageHeight = max;
         lCurrentWidth = elem.width;
         lCurrentHeight = elem.height;
         lPercent = imageHeight / lCurrentHeight;
         imageWidth = (lCurrentWidth * lPercent);
         neww = imageWidth;
         newh = imageHeight;
         elem.width =neww;
         elem.height = newh;
         
      }
  }
 
} 
