var photoRollover = {
init:
  function () {
    // if we have the getElement* functions available
    if (document.getElementsByTagName && document.getElementById &&
        document.createTextNode && document.createElement &&
        document.appendChild && document.removeChild && 
        document.hasChildNodes) {

      var thumbdiv = document.getElementById('photothumbs');
      var wrappers = document.getElementById('photowrappers');
      var links = thumbdiv.getElementsByTagName('a');
      var images = new Array();
      for (var i = 0; i < links.length; i++) {
        // for every link in the thumb div
        var link = links[i];
		photoRollover.imglinks = new Array();
        if (link.href) { // if it has an href
          var imgs = link.getElementsByTagName('img');
          // for every image within the link
          link.foundimg = false;
          for (var j = 0; j < imgs.length; j++) {
            link.foundimg = true;
            break;
          }
          if (link.foundimg) {
            link.wrapper = link.href.replace(/.*#(.*)$/, '$1');
            link.wrapper = document.getElementById(link.wrapper);
            link.wrapperdisplay = link.wrapper.style.display;
            link.wrapper.style.display = 'none';
			photoRollover.imglinks = links;
            photoRollover.addEvent(link, 'mouseover', photoRollover.showFull);
            photoRollover.addEvent(link, 'focus', photoRollover.showFull);
            
			//photoRollover.addEvent(link, 'mouseout', photoRollover.hideFull);
            //photoRollover.addEvent(link, 'blur', photoRollover.hideFull);
          }
        }
      }
    }
  },

showFull:
  function () {
	  for (var i = 0; i < photoRollover.imglinks.length; i++)
	  {
		  photoRollover.imglinks[i].wrapper.style.display = 'none';
	  }
    this.wrapper.style.display = this.wrapperdisplay;
  },

hideFull:
  function () {
    this.wrapper.style.display = 'none';
  },

addEvent: 
  function (obj, type, fn) {
    if (obj.addEventListener) {
      obj.addEventListener(type, fn, false);
    } else if (obj.attachEvent) {
      obj['e'+type+fn] = fn;
      obj[type+fn] = function() { obj['e'+type+fn](window.event); }
      obj.attachEvent('on'+type, obj[type+fn]);
    }
  },

removeEvent:
  function (obj, type, fn) {
    if (obj.removeEventListener) {
      obj.removeEventListener(type, fn, false);
    } else if (obj.detachEvent) {
      obj.detachEvent('on'+type, obj[type+fn]);
      obj[type+fn] = null;
      obj['e'+type+fn] = null;
    }
  }
};

photoRollover.addEvent(window, 'load', photoRollover.init);
