function galimgview( ) {
  var gallery = document.getElementById('dogsgallery');
  if (gallery) {
    var listElements = gallery.getElementsByTagName('li');
    for(i = 0; i < listElements.length; ++i) {
      setOnClick(listElements[i]);
    }
  }
}

function setOnClick( li ) {
  img = li.getElementsByTagName('a');
  if (img[0] && li.className.indexOf('deleted') < 0) {
    img[0].href = new String(document.location).replace(/\#mainimage/, '') + "#mainimage";
    img[0].target='';
    img[0].onclick=function () { switchImage(li.id.substr(4)); }
  }
}

function switchImage( imgID ) {
  img                       = document.getElementById('mainimage');
  pleaseWait                = document.createElement('div');
  pleaseWait.style.width    = img.width + "px";
  pleaseWait.style.height   = img.height + "px";
  pleaseWait.width          = img.width;
  pleaseWait.height         = img.height;
  pleaseWait.id             = 'mainimage';
  img.parentNode.replaceChild(pleaseWait, img);

  handler = new net.Observer();
  objXmlHttp = new net.XmlHttp();

  handler.notify = function(result){
    imageLink         = document.createElement('a');
    imageLink.href    = '/pics/gallery/' + result['imageHash'] + '.jpg';
    imageLink.target  = '_blank';
    imageLink.id      = 'mainimagelink';
    newImage          = document.createElement('img');
    newImage.id       = 'mainimage';
    newImage.src      = '/pics/cache/' + result['imageHash'].substr(0,2) + '/gal_img_inline_' + result['imageHash'] + '.jpg';
    newImage.height   = result['height'];
    newImage.width    = result['width'];
    imageLink.appendChild(newImage);
    img               = document.getElementById('mainimagelink');
    img.parentNode.replaceChild(imageLink, img);
  }

  objXmlHttp.attach(handler);
  objXmlHttp.reqParam("image", imgID);
  objXmlHttp.reqParam("category", "gallery");
  objXmlHttp.reqParam("work", "act.gallery.resizeimage");
  objXmlHttp.reqParam("lang", lang);
  objXmlHttp.load("/ret.php");
}

window.addOnLoadListener(galimgview);