//event handler to turn on palette and show image
function showImage()
  {    
    initImage(this) 
    showPalette('imagepalette','headings',0,0)
    document.getElementById('q_control').style.display = ''
    origPos = getScroll()
    window.scrollTo(0,0)
    return false;
  }
  
 //function to switch clients
 function resetImagePalette()
  {
   initImage(this)   
   return false
  }
 
 
 function viewImage()
  {
    if (confirm('Would you like to see this image full size?'))
    {
      var newWin = window.open(this.src,'temp','location=no,menubar=no,resizable=yes,width=' + (this.nativeWidth + 20) + ',height=' + (this.nativeHeight + 20))
    } 
  }
 

//function to take image object, and update elements from data.
  function initImage(imageObj)
    {
      var displayImage = document.getElementById('displayImage');
      var imageName = document.getElementById('imageName');
      
      var prevIdx = imageObj.idx - 1
      if (prevIdx < 0) {prevIdx = maxIdx}
      previousLk.setButton(prevIdx); //previous link
      
      
      var nextIdx = imageObj.idx + 1
      if (nextIdx > maxIdx) {nextIdx = 0}       
      nextLk.setButton(nextIdx); //next link  
     
      displayImage.src =  imageObj.image.src
      displayImage.alt = imageObj.image.alt 
      
      if (imageObj.image.width > 650)
        {
          displayImage.nativeWidth = imageObj.image.width
          displayImage.nativeHeight = imageObj.image.height
          
          displayImage.style.width = '650px'
          displayImage.onclick = viewImage
        }
      else
        {
          displayImage.style.width = 'auto'
          displayImage.onclick = null
        }
      //displayImage.style.width = (imageObj.image.width) ? '650px' : 'auto'   
         
      imageName.firstChild.nodeValue = imageObj.title
    } 

  function setButton(idx)
    {
      this.idx = imageLinkArray[idx].idx
      this.href = imageLinkArray[idx].href
      this.title = imageLinkArray[idx].title
      this.image = imageLinkArray[idx].image
    }
    
    
 //function to put away palette  
 function hideImage()
  {   
    hidePalette('imagepalette')
    document.getElementById('q_control').style.display = 'none'
    window.scrollTo(origPos.horiz,origPos.vert)
    origPos
    return false
  }





//Globals and add event handlers
 if(document.getElementById)
  {
    var content = document.getElementById('mcinner')
    var contentLx = content.getElementsByTagName('A')
    var imageLinkArray = new Array();
    var currLk
    for (var a = 0; a < contentLx.length; a++) 
      {
        currLk = contentLx[a]
        if (currLk.getAttribute('target') == 'popupimgWin')
          {
            currLk.onclick = showImage; 
            currLk.idx = imageLinkArray.length;
            currLk.image = new Image()
            currLk.image.src = currLk.href
            currLk.image.alt = currLk.getElementsByTagName('IMG')[0].getAttribute('alt')
            
            imageLinkArray.push(currLk)
          }        
      }
   
    document.getElementById('cp_close').onclick = hideImage
    
    var origPos = {vert:0,horiz:0}    
    
    var previousLk = document.getElementById('q_prev')
    previousLk.setButton = setButton
    previousLk.onclick = resetImagePalette
    
    var nextLk = document.getElementById('q_next')
    nextLk.setButton = setButton
    nextLk.onclick = resetImagePalette
    
    var maxIdx = imageLinkArray.length - 1
  }