function fadeLargeImage()
{
  //alert('fading...');
  var image = document.getElementById('image_view');
  image.style.visibility = 'hidden';
  setOpacity(image, 0);
  fadeIn(image.id,0);
}

function gotoGalleryItem(_gallery,_item)
{
  window.location = "galleryview.php?gallery_id="+_gallery+"&gi="+_item;
}

function showImageViewer(_image,_width,_height,_title,_gallery,_item)
{
  var margin=110;
  var container = document.getElementById('image_viewer');
  var container_border = document.getElementById('image_viewer_border');
  var ratio = 1;
  var size = new windowSize();
  getWindowSize(size);

  if (parseInt(_width) > parseInt(_height)/* && parseInt(_width) > parseInt(size.width)-margin*/)
  {
    ratio = (parseInt(size.width)-margin) / parseInt(_width);
    if ((parseInt(_height) * ratio) > parseInt(size.height)-margin)
    {
      ratio = (parseInt(size.height)-margin) / parseInt(_height);
    }
  }
  else if (parseInt(_width) <= parseInt(_height)/* && parseInt(_height) > parseInt(size.height)-margin*/)
  {
    ratio = (parseInt(size.height)-margin) / parseInt(_height);
    if ((parseInt(_width) * ratio) > parseInt(size.width)-margin)
    {
      ratio = (parseInt(size.width)-margin) / parseInt(_width);
    }
  }

  container.style.width = ((_width * ratio) + 20) + "px";
  container.style.height = ((_height * ratio) + 30) + "px";
  container_border.style.width = ((_width * ratio) + 20) + "px";
  container_border.style.height = ((_height * ratio) + 30) + "px";

  setOpacity(container_border, 80);
  var image_holder = document.getElementById('image_holder');
  setOpacity(image_holder, 100);

  var button_holder = document.getElementById('button_container');
  setOpacity(button_holder, 100);

  var buy_holder = document.getElementById('buy_container');
  setOpacity(buy_holder, 100);
  if (_item)
  {
    buy_holder.style.visibility = "visible";
    document.getElementById('buy_anchor').href = "javascript:gotoGalleryItem("+_gallery+","+_item+");";
  }
  else
    buy_holder.style.visibility = "hidden";

  var title_holder = document.getElementById('title_container');
  title_holder.innerHTML = '<b>'+_title+'</b>';

  image = document.getElementById('image_view');
  image.onload = fadeLargeImage;
  image.src = _image;
  container.style.top = ((size.height-parseInt(container.style.height)-50)/2)+'px';
  container.style.left = ((size.width-parseInt(container.style.width))/2)+'px';
  container.style.display = "block";
  container.style.visibility = "visible";
  container_border.style.top = ((size.height-parseInt(container.style.height)-50)/2)+'px';
  container_border.style.left = ((size.width-parseInt(container.style.width))/2)+'px';
  container_border.style.display = "block";
  container_border.style.visibility = "visible";
}

function closeImageViewer()
{
  var container = document.getElementById('image_viewer');
  container.style.visibility = "hidden";
  container.style.display = "none";
  var container_border = document.getElementById('image_viewer_border');
  container_border.style.visibility = "hidden";
  container_border.style.display = "none";
}