function getElement(e)
{
  if(document.getElementById)
  {
    return document.getElementById(e);
  }
  return document.all[e];
}

function getWindowWidth()
{
  if(document.getElementById)
  {
    return document.body.offsetWidth;    
  }
  return window.innerWidth;
}

function getWindowHeight()
{
  if(document.getElementById)
  {
    return document.body.offsetHeight;
  }
  return window.innerHeight;
}
    
function setImageH(src)
{
  frame = getElement("imageFrame");
  if(frame != null)
  {
    frame.style.width = "660px";
    frame.style.height = "500px";
    frame.style.top = "80px";
    frame.style.left = "" + ((getWindowWidth()/ 2) - 340) + "px";
    var img = getElement("image");
    if(img != null)
    {
      img.style.width = "640px";
      img.style.height = "480px";
      img.src = src;
      frame.style.visibility = "visible";
    }

  }
}

function setImageV(src)
{
  frame = getElement("imageFrame");
  if(frame != null)
  {
    frame.style.width = "500px";
    frame.style.height = "660px";
    frame.style.top = "30px";
    frame.style.left = "" + ((getWindowWidth()/ 2) - 250) + "px";
    var img = getElement("image");
    if(img != null)
    {
      img.style.width = "480px";
      img.style.height = "640px";
      img.src = src;
      frame.style.visibility = "visible";

    }

  }
}

function hideImage()
{
  var frame = getElement("imageFrame");
  if(frame != null)
  {
    frame.style.top = "-680px";
    frame.style.visibility = "hidden";
  }
}