//variables set up
var ns4=document.layers
var ns6=document.getElementById&&!document.all
var ie4=document.all
var opr=navigator.userAgent.indexOf("Opera")
var p22r2GoToEnlarge
var p22r2GoToPhotoGallery
var p22r2Previousbutton
var p22r2Nextbutton 

var p22r2CurrentPage = 0;
var p22r2ImagesNum = 0;
var p22r2CurrentEnlargeHTML1 = ""
var p22r2PhotoGalleryHTML = ""
var p22r2CurrentImgNum = 0
var p22r2CurrentEnlargeHTML2 = ""
var p22r2CurrentPageName = "PhotoGallery"

if(!document.layers)
{
  
  p22r2GoToEnlarge = "<a href='#' onclick=p22r2ChangePageName()>See large photo</a>"
  p22r2GoToPhotoGallery = "<a href='#' onclick=p22r2ChangePageName()>Back to photo list</a>"
  p22r2Previousbutton = "<a href='#' onclick=p22r2ChangeImageList('prev')>"
  p22r2Nextbutton = "<a href='#' onclick=p22r2ChangeImageList('next')>"
  p22r2CurrentPage = -1;
}

//function
function p22r2GetTotalImage()
{
var p22r2i
var p22r2tempName
p22r2ImagesNum = 0

for(p22r2i = 0; p22r2i < document.images.length; p22r2i++)
{
   p22r2tempName = document.images[p22r2i].name.toUpperCase()
   if(p22r2tempName.indexOf("ESOURCEIMG") > 0)
   {
    p22r2ImagesNum++
   }
 }
}

function p22r2ChangeImageList(funx)
{
 var p22r2i,p22r2j
 var p22r2flag
 p22r2flag = false
 if(p22r2CurrentPageName == "PhotoGallery")
 {
  if(funx == "next")
  {
    p22r2j = (p22r2CurrentPage + 1) * p22r2ImagesNum 
  }else
  {
    p22r2j = (p22r2CurrentPage - 1) * p22r2ImagesNum 
  }
  if(p22r2j > -1 && p22r2j < ImagePathFile.length)
  {
    p22r2flag = p22r2ShowImage(p22r2j)
  }
  if(p22r2flag == true)
  {
   if(p22r2j == 0 )
   { p22r2ShowPreNext(0)
   }else
   {
     //p22r2ShowPreNext(p22r2j + p22r2ImagesNum)
     p22r2ShowPreNext(p22r2j + p22r2ImagesNum)
   }
   p22r2CurrentPage = (funx == "next")? p22r2CurrentPage + 1 : p22r2CurrentPage - 1
   }
 }else
 {
   p22r2EnlargeChangeImage(funx)
 } 
}

function p22r2ShowImage(startNum)
{
var p22r2i
var p22r2j
var p22r2flag 
var p22r2tempName
 var p22r2Obj, p22r2ObjPhoto, p22r2ObjPhotoOld
 p22r2ObjPhotoOld = ""

p22r2flag = false
p22r2j = startNum
  for(p22r2i = 0; p22r2i < document.images.length; p22r2i++)
  {
    p22r2tempName = document.images[p22r2i].name.toUpperCase()
    if(p22r2tempName.indexOf("ESOURCEIMG") > 0)
    {
        if(p22r2j < ImagePathFile.length)
        {
          if(p22r2ObjPhotoOld != "")
          {
            p22r2ObjPhoto = p22r2ObjPhotoOld + 1
            p22r2ObjTitle = p22r2ObjTitleOld + 1
            p22r2ObjDesc = p22r2ObjDescOld + 1
          }else
          {
            p22r2ObjPhoto = p22r2j - startNum + 1
            p22r2ObjTitle = p22r2j - startNum + 1
            p22r2ObjDesc = p22r2j - startNum + 1
          } 
          p22r2ObjPhotoOld = p22r2ObjPhoto
          p22r2ObjPhoto = "PHOTO" + p22r2ObjPhoto
          
          p22r2ObjTitleOld = p22r2ObjTitle
          p22r2ObjTitle = "PHOTOTITLE" + p22r2ObjTitle
          
          p22r2ObjDescOld = p22r2ObjDesc
          p22r2ObjDesc = "PHOTODESC" + p22r2ObjDesc
          
          if(ImageFile[p22r2j] != "No file exist")
          {
            p22r2tempimg = ImagePathFile[p22r2j].toLowerCase()
            p22r2tempimg = p22r2tempimg.replace("images/","thumbnail/")
            p22r2tempimg = p22r2tempimg.substring(0,p22r2tempimg.indexOf(".")) + ".jpg"
            
            document.images[p22r2i].src= p22r2tempimg
            if(document.all || document.getElementById)
            {
               p22r2Obj=(document.getElementById&&!document.all)? document.getElementById(p22r2ObjPhoto): eval('document.all.' + p22r2ObjPhoto)
               p22r2Obj.style.visibility = "visible"
               
               if(p22r2ShowTitle.toUpperCase() != "NONE")
               {
               p22r2Obj=(document.getElementById&&!document.all)? document.getElementById(p22r2ObjTitle): eval('document.all.' + p22r2ObjTitle)
               p22r2Obj.innerHTML = ImageFile[p22r2j]
               p22r2Obj.style.visibility = "visible"
               }
               
               if(p22r2ShowDESC.toUpperCase()  != "NONE")
               {
               p22r2Obj=(document.getElementById&&!document.all)? document.getElementById(p22r2ObjDesc): eval('document.all.' + p22r2ObjDesc)
               p22r2Obj.innerHTML = ImageDESCFile[p22r2j]
               p22r2Obj.style.visibility = "visible"
               }

            }            
            p22r2j++
            p22r2flag = true
          }else
          {
            document.images[p22r2i].src = "regionalfeature/photogallery/trans.gif" 
            if(document.all || document.getElementById)
            {
                 p22r2Obj=(document.getElementById&&!document.all)? document.getElementById(p22r2ObjPhoto): eval('document.all.' + p22r2ObjPhoto)
                 p22r2Obj.style.visibility = "hidden"
                 if(p22r2ShowTitle.toUpperCase() != "NONE")
                 {
                 p22r2Obj=(document.getElementById&&!document.all)? document.getElementById(p22r2ObjTitle): eval('document.all.' + p22r2ObjTitle)
                 p22r2Obj.innerHTML = ""
                 p22r2Obj.style.visibility = "hidden"
                 }
                 if(p22r2ShowDESC.toUpperCase() != "NONE")
                 {
                 p22r2Obj=(document.getElementById&&!document.all)? document.getElementById(p22r2ObjDesc): eval('document.all.' + p22r2ObjDesc)
                 p22r2Obj.innerHTML = ""
                 p22r2Obj.style.visibility = "hidden"
                 }
            }            
            p22r2j = ImagePathFile.length
          }
        }else
        {
            document.images[p22r2i].src = "regionalfeature/photogallery/trans.gif"
          if(p22r2ObjPhotoOld != "")
          {
            p22r2ObjPhoto = p22r2ObjPhotoOld + 1
            p22r2ObjTitle = p22r2ObjTitleOld + 1
            p22r2ObjDesc = p22r2ObjDescOld + 1
          }else
          {
            p22r2ObjPhoto = p22r2j - startNum + 1
            p22r2ObjTitle = p22r2j - startNum + 1
            p22r2ObjDesc = p22r2j - startNum + 1
          } 
          p22r2ObjPhotoOld = p22r2ObjPhoto
          p22r2ObjPhoto = "PHOTO" + p22r2ObjPhoto
          
          p22r2ObjTitleOld = p22r2ObjTitle
          p22r2ObjTitle = "PHOTOTITLE" + p22r2ObjTitle
          
          p22r2ObjDescOld = p22r2ObjDesc
          p22r2ObjDesc = "PHOTODESC" + p22r2ObjDesc
          
          if(document.all || document.getElementById)
            {
                 p22r2Obj=(document.getElementById&&!document.all)? document.getElementById(p22r2ObjPhoto): eval('document.all.' + p22r2ObjPhoto)
                 p22r2Obj.style.visibility = "hidden"

                 if(p22r2ShowTitle.toUpperCase() != "NONE")
                 {
                 p22r2Obj=(document.getElementById&&!document.all)? document.getElementById(p22r2ObjTitle): eval('document.all.' + p22r2ObjTitle)
                 p22r2Obj.innerHTML = ""
                 p22r2Obj.style.visibility = "hidden"
                 }
                 if(p22r2ShowDESC.toUpperCase() != "NONE")
                 {
                 p22r2Obj=(document.getElementById&&!document.all)? document.getElementById(p22r2ObjDesc): eval('document.all.' + p22r2ObjDesc)
                 p22r2Obj.innerHTML = ""
                 p22r2Obj.style.visibility = "hidden"
                 }
 
            }            
        }
     }
  }//end for
  return p22r2flag
}

function p22r2Enlarge(inname)
{
  var p22r2i
  var p22r2tempSrc 
  p22r2tempSrc = inname + p22r2CurrentPage * p22r2OnePageImgNum -1
    
  if(p22r2tempSrc > ImagePathFile.length - 1 || ImageFile[0]== "No file exist")
  {
    return false;
  }
  if(ns4)
  {
    photoid= p22r2NSCurrentPage*p22r2OnePageImgNum + inname - 1
    //document.forms["p22r2EnLargeForm"].p22r2EPhotoSRC.value = ImagePathFile[photoid]
    //document.forms["p22r2EnLargeForm"].p22r2EPhotoTitle.value = ImageFile[photoid]
    //document.forms["p22r2EnLargeForm"].p22r2EPhotoDesc.value = ImageDESCFile[photoid]
    //document.forms["p22r2EnLargeForm"].submit()
    url = document.forms["p22r2EnLargeForm"].action + "?" 
        + "p22r2EPhotoSRC=" + strfromHTMLtoURL(ImagePathFile[photoid])
        + "&p22r2EDispPhotoDesc=" + document.forms["p22r2EnLargeForm"].p22r2EDispPhotoDesc.value
        + "&p22r2EDispPhotoTitle=" + document.forms["p22r2EnLargeForm"].p22r2EDispPhotoTitle.value
        + "&p22r2EPhotoShowType=" +  document.forms["p22r2EnLargeForm"].p22r2EPhotoShowType.value
        + "&p22r2EPhotoHeight=" + document.forms["p22r2EnLargeForm"].p22r2EPhotoHeight.value
        + "&p22r2EPhotoWidth=" + document.forms["p22r2EnLargeForm"].p22r2EPhotoWidth.value
        + "&p22r2EFrameHeight=" + document.forms["p22r2EnLargeForm"].p22r2EFrameHeight.value
        + "&p22r2EFrameWidth=" + document.forms["p22r2EnLargeForm"].p22r2EFrameWidth.value
        + "&p22r2EFrameType=" + document.forms["p22r2EnLargeForm"].p22r2EFrameType.value
        + "&siteid=" + document.forms["p22r2EnLargeForm"].siteid.value
        + "&PageId=" + document.forms["p22r2EnLargeForm"].PageId.value
        + "&RegionID=" + document.forms["p22r2EnLargeForm"].RegionID.value
        + "&p22r2EPhotoDesc=" + strfromHTMLtoURL(ImageDESCFile[photoid])
        + "&p22r2EPhotoTitle=" + strfromHTMLtoURL(ImageFile[photoid])

    win = window.open(url,'EnlargePhoto','width=300,height=300,top=110,left=110,scrollbars=yes,resizable=yes')
    return false;
  }else
  {
   
    p22r2CurrentPageName = "EnlargePhoto"
    if(ie4)
    {
      eval('document.all.PageName').innerHTML = p22r2GoToPhotoGallery
    }
    if(ns6)
    {
      document.getElementById("PageName").innerHTML = p22r2GoToPhotoGallery
    }
    p22r2EnlargePhoto(p22r2tempSrc)    
  }  
}

function p22r2EnlargePhoto(CurrentID)
{
var p22r2EnlargeHTML
var p22r2temppath
  if(!ns4)
  {
    if(CurrentID < ImagePathFile.length && CurrentID > -1)
    {
       p22r2temppath = ImagePathFile[CurrentID]
       //p22r2temppath = p22r2temppath.replace("thumbnail/","images/")
       //p22r2EnlargeHTML = p22r2EnlargePageHTML
       if(ie4)
       {
         eval('document.all.PhotoGallery').innerHTML=p22r2EnlargePageHTML
         p22r2CurrentImgNum = CurrentID
       }
       if(ns6)
       {
         document.getElementById("PhotoGallery").innerHTML =p22r2EnlargePageHTML
         p22r2CurrentImgNum = CurrentID
       }
       //p22r2Obj=(document.getElementById&&!document.all)? document.getElementById(p22r2ObjPhoto): eval('document.all.' + p22r2ObjPhoto)
       //p22r2Obj.style.visibility = "visible"
           p22r2ObjEPhoto = "EPHOTO"
           document.images["EPHOTO"].src= p22r2temppath 
         
           p22r2ObjETitle = "EPHOTOTITLE"
           p22r2ObjEDesc = "EPHOTODESC"

           if(p22r2EShowTitle.toUpperCase() != "NONE")
           {
               p22r2Obj=(document.getElementById&&!document.all)? document.getElementById(p22r2ObjETitle): eval('document.all.' + p22r2ObjETitle)
               p22r2Obj.innerHTML = ImageFile[CurrentID]
               p22r2Obj.style.visibility = "visible"
           }
               
           if(p22r2EShowDESC.toUpperCase()  != "NONE")
           {
               p22r2Obj=(document.getElementById&&!document.all)? document.getElementById(p22r2ObjEDesc): eval('document.all.' + p22r2ObjEDesc)
               p22r2Obj.innerHTML = ImageDESCFile[CurrentID]
               p22r2Obj.style.visibility = "visible"
           }
           if(CurrentID == 0 )
           {
              p22r2ShowPreNext(0)
           }else
           {  
              p22r2ShowPreNext(CurrentID)
           }   
     }         
  }  
}


function p22r2ChangePageName()
{
 if(p22r2DispEnlarge.toLowerCase() == 'newwindow')
 {
   
   p22r2NewWindowEnlarge(1)
   return true;
 }
 if(!ns4)
 {
   if(p22r2CurrentPageName == "PhotoGallery")
   {
     p22r2CurrentPageName = "EnlargePhoto"
     p22r2EnlargePhoto(p22r2CurrentPage*p22r2ImagesNum)
     if(ie4)
     {
         eval('document.all.PageName').innerHTML= p22r2GoToPhotoGallery
     }
     if(ns6)
     {
         document.getElementById("PageName").innerHTML = p22r2GoToPhotoGallery
     }

   }else
   {
     p22r2CurrentPageName = "PhotoGallery"
     p22r2PhotoGalleryPhoto()
     if(ie4)
     {
         eval('document.all.PageName').innerHTML= p22r2GoToEnlarge
     }
     if(ns6)
     {
         document.getElementById("PageName").innerHTML = p22r2GoToEnlarge
     }

   }
 }else
 {
    //alert(p22r2CurrentPage)
    p22r2Enlarge(p22r2CurrentPage * p22r2ImagesNum)
 }
}

function p22r2PhotoGalleryPhoto()
{
 if(!ns4)
 {
   if(ie4)
   {
         eval('document.all.PhotoGallery').innerHTML=p22r2PhotoGalleryHTML
   }
   if(ns6)
   {
         document.getElementById("PhotoGallery").innerHTML =p22r2PhotoGalleryHTML
   }
     p22r2flag = true
     p22r2temp = p22r2CurrentImgNum / p22r2ImagesNum 
     p22r2CurrentPage = 0
     while(p22r2flag)
     {
       if(p22r2temp >= p22r2CurrentPage)
       {
         p22r2CurrentPage = p22r2CurrentPage + 1
       }else
       {
         p22r2flag = false
       }
     }
     p22r2CurrentPage = p22r2CurrentPage - 2
     p22r2ChangeImageList("next")
 }
}

function p22r2EnlargeChangeImage(funx)
{
//  alert("funx")
  var p22r2i = p22r2CurrentImgNum
  if(funx == "next")
  {
    p22r2i = (p22r2i + 1 > ImagePathFile.length - 1)? p22r2i : p22r2i + 1
  }else
  {
    p22r2i = (p22r2i - 1 < 0)? p22r2i : p22r2i - 1
  }
  document.images["EPHOTO"].src = ImagePathFile[p22r2i]
  p22r2ObjEPhoto = "EPHOTO"
 // document.images["EPHOTO"].src= p22r2temppath 
         
  p22r2ObjETitle = "EPHOTOTITLE"
  p22r2ObjEDesc = "EPHOTODESC"

  if(p22r2EShowTitle.toUpperCase() != "NONE")
  {
         p22r2Obj=(document.getElementById&&!document.all)? document.getElementById(p22r2ObjETitle): eval('document.all.' + p22r2ObjETitle)
         p22r2Obj.innerHTML = ImageFile[p22r2i]
         p22r2Obj.style.visibility = "visible"
  }
               
  if(p22r2EShowDESC.toUpperCase()  != "NONE")
  {
         p22r2Obj=(document.getElementById&&!document.all)? document.getElementById(p22r2ObjEDesc): eval('document.all.' + p22r2ObjEDesc)
         p22r2Obj.innerHTML = ImageDESCFile[p22r2i]
         p22r2Obj.style.visibility = "visible"
  }
  if(p22r2i == 0)
  {
  p22r2ShowPreNext(0)
  }else
  {p22r2ShowPreNext(p22r2i + 1)
  }
  p22r2CurrentImgNum = p22r2i
}

function p22r2InitImageList()
{
p22r2GetTotalImage()
if(p22r2photogallerymode != "sameasns")
{
   p22r2ChangeImageList("next")
}
p22r2PreLoadImg()
}

function p22r2PreLoadImg()
{
 for(mvari=0;mvari< document.images.length;mvari++)
 {
   if(document.images[mvari].name == "trans") 
   {
     document.images[mvari].src = p22r2ImageTrans.src
   }
 }
 test1 = document.getElementsByTagName("TD")
 for(mvari=0;mvari<test1.length;mvari++)
 {
  if(test1[mvari].id == "imgframetop")
  {
    testele = test1[mvari].style
    testele.background = "url('" + p22r2FrameTop.src + "')"
  }
  if(test1[mvari].id == "imgframebottom")
  {
    testele = test1[mvari].style
    testele.background = "url('" + p22r2FrameBottom.src + "')"
  }
  if(test1[mvari].id == "imgframeleft")
  {
    testele = test1[mvari].style
    testele.background = "url('" + p22r2FrameLeft.src + "')"
  }
  if(test1[mvari].id == "imgframeright")
  {
    testele = test1[mvari].style
    testele.background = "url('" + p22r2FrameRight.src + "')"
  }
 }
}

function p22r2NewWindowEnlarge(photoid)
{
  photoname = "ResourceImg" + photoid
  if(!ns4)
  {
     photoid = p22r2CurrentPage * p22r2OnePageImgNum + photoid - 1
  }else
  {
    // alert(p22r2NSCurrentPage + "  " + photoid)
     photoid = p22r2NSCurrentPage * p22r2OnePageImgNum + photoid - 1
  }   
  url = document.forms["p22r2EnLargeForm"].action + "?" 
      + "p22r2EPhotoSRC=" + strfromHTMLtoURL(ImagePathFile[photoid])
      + "&p22r2EDispPhotoDesc=" + document.forms["p22r2EnLargeForm"].p22r2EDispPhotoDesc.value
      + "&p22r2EDispPhotoTitle=" + document.forms["p22r2EnLargeForm"].p22r2EDispPhotoTitle.value
      + "&p22r2EPhotoShowType=" +  document.forms["p22r2EnLargeForm"].p22r2EPhotoShowType.value
      + "&p22r2EPhotoHeight=" + document.forms["p22r2EnLargeForm"].p22r2EPhotoHeight.value
      + "&p22r2EPhotoWidth=" + document.forms["p22r2EnLargeForm"].p22r2EPhotoWidth.value
      + "&p22r2EFrameHeight=" + document.forms["p22r2EnLargeForm"].p22r2EFrameHeight.value
      + "&p22r2EFrameWidth=" + document.forms["p22r2EnLargeForm"].p22r2EFrameWidth.value
      + "&p22r2EFrameType=" + document.forms["p22r2EnLargeForm"].p22r2EFrameType.value
      + "&siteid=" + document.forms["p22r2EnLargeForm"].siteid.value
      + "&PageId=" + document.forms["p22r2EnLargeForm"].PageId.value
      + "&RegionID=" + document.forms["p22r2EnLargeForm"].RegionID.value
      + "&p22r2EPhotoDesc=" + strfromHTMLtoURL(ImageDESCFile[photoid])
      + "&p22r2EPhotoTitle=" + strfromHTMLtoURL(ImageFile[photoid])

  win = window.open(url,'EnlargePhoto','width=600,height=550,top=110,left=110,scrollbars=yes,resizable=yes')
  //win = window.open(url,'EnlargePhoto','width=20,height=200,top=110,left=110,scrollbars=yes,resizable=yes')
  return false;
}


function p22r2ShowPreNext(photoid)
{
          p22r2ObjPhoto = "NextButton"
          p22r2Obj=(document.getElementById&&!document.all)? document.getElementById(p22r2ObjPhoto): eval('document.all.' + p22r2ObjPhoto)
          if(p22r2CurrentPageName == "PhotoGallery")
          {
             photoidtemp = (photoid == 0) ? p22r2OnePageImgNum : photoid
            // p22r2Obj.style.visibility = (photoidtemp * p22r2OnePageImgNum < ImagePathFile.length) ? "visible" : "hidden"
             p22r2Obj.style.visibility = (photoidtemp < ImagePathFile.length) ? "visible" : "hidden"
          }else 
          {
             photoidtemp = (photoid ==0 ) ? photoid + 1 : photoid  
             p22r2Obj.style.visibility = (photoidtemp < ImagePathFile.length) ? "visible" : "hidden"
          } 

          p22r2ObjPhoto = "PreviousButton"
          p22r2Obj=(document.getElementById && !document.all)? document.getElementById(p22r2ObjPhoto): eval('document.all.' + p22r2ObjPhoto)
          p22r2Obj.style.visibility = (photoid <= 0 ) ? "hidden" : "visible"
}