var rolloverC = Class.create({
  initialize: function() {
    this.imgCont = {};
    this.counter = 0;
  },
  initAllElements: function () {
    var elemCont = $$('img[rel="rollover"], input[rel="rollover"][type="image"]');
    elemCont.each(this.readImages, this);
    elemCont.each(this.hookImages);
  },
  readImages: function (imageObj) {
    var lastPoint = imageObj.src.lastIndexOf('.');
    if (lastPoint > -1) {
      var namepath = imageObj.src.slice(0, lastPoint);
      if (namepath.substr(-4)!="-off") {
			  var filesuffix = imageObj.src.slice(lastPoint);
			  var ident = imageObj.identify();
			  var imgArr = new Array;
			  imgArr[0] = new Image;
			  imgArr[0].src = imageObj.src;
			  imgArr[1] = new Image;
			  imgArr[1].src = namepath+"-ro"+filesuffix;
			  this.imgCont[ident] = imgArr;
      }
    }
  },
  hookImages: function (imageObj) {
    imageObj.observe('mouseover', function(event) {
      var elem = event.element();
      elem.src = rollCC.imgCont[elem.identify()][1].src;
    } );
    imageObj.observe('mouseout', function(event) {
      var elem = event.element();
      elem.src = rollCC.imgCont[elem.identify()][0].src;
    } );
  }
});

Event.observe(window, 'load', function() {
  rollCC = new rolloverC;
  rollCC.initAllElements();
});

// To Dos:
// - Nicht, wenn bereits -ro im namen ist
// - Klassenwechsler (statt Bildwechsler)