var pics = new Array();

var activePic = 1;
var newActivePic = 1;

var Picture = Class.create({
  initialize: function(domObj) {
    this.domObj = domObj;
    this.url = domObj.src;
    this.title = domObj.title;
  },
  getDomObj: function() {
    return this.domObj;
  },
  getTitle: function() {
    return this.title;
  },
  getPathToPic: function() {
    if (this.url.indexOf('-high-') == -1) {
      return this.url.replace(/-low-/g,'-high-');
    }
    return this.url;
  },
  getPathToThumb: function() {
    if (this.url.indexOf('-low-') == -1) {
      return this.url.replace(/-high-/g,'-low-');
    }
    return this.url;
  }
});

function startPicRotation() {
  for (var i = 1; i < 5; i++) {
    pics[i] = new Picture($('machine' + i));
    
    if (i > 1) {
      picObj = pics[i].getDomObj();
      if (picObj.src.indexOf('transparent.gif') >= 0) {
        picObj.src = '/img/transparent.gif';
        picObj.style.border = 'none';
        picObj.alt = '';
        picObj.title = '';
      } else {
        picObj.observe('mouseover', handleOver);
        picObj.observe('mouseout', handleOut);
      }
    }
  }
  
  window.setInterval('updatePics()', 200);
  
}

function updatePics() {
  if (newActivePic != activePic) {
    activePic = newActivePic;
    $('machine1').src = pics[activePic].getPathToPic();
    $('image_title').update(pics[activePic].getTitle());
  }
}

function handleOver(e) {
  var el = Event.element(e);
  if (el.id.indexOf('machine') != -1) {
    newActivePic = parseInt(el.id.substring(7,el.id.length));
  }
  if (isNaN(activePic)) activePic = 1;
}

function handleOut(e) {
 newActivePic = 1;
}