var availablerules = {
  'img.availablesmall' : function(element) {
    element.onmouseover = function() {
      this.id.match(/available(\d+)small(\d+)/);
      document.getElementById('available'+RegExp.$1+'large').src=availablephotos[RegExp.$1][RegExp.$2];
    }
    element.onclick = function() {
      this.id.match(/available(\d+)small(\d+)/);
      var e = document.getElementById('available'+RegExp.$1+'zoom');
      e.src=availablephotoszoom[RegExp.$1][RegExp.$2];
      e.style.display='inline';
    }
  },

  'img.availablelarge' : function(element) {
    element.onmouseover = function() {
      this.id.match(/available(\d+)large/);
      this.src = availablephotos[RegExp.$1][1];
    }
    element.onclick = function() {
      this.id.match(/available(\d+)large/);
      var e = document.getElementById('available'+RegExp.$1+'zoom');
      e.src=availablephotoszoom[RegExp.$1][1];
      e.style.display='block';
    }
  },

  'td.availabletd' : function(element) {
    element.onmouseout = function() {
      this.id.match(/available(\d+)td/);
      document.getElementById('available'+RegExp.$1+'large').src=availablephotos[RegExp.$1][1];
    }
  },

  'img.availablezoom' : function(element) {
    element.onmouseout = function() {
      this.src='blank.gif';
      this.style.display='none';
    }
    element.onclick = function() {
      this.src='blank.gif';
      this.style.display='none';
    }
  }

}

Behaviour.register(availablerules);

