var images = new Array();
var img;

function addImage(id) {
  var image = new Object();
  image.id = id;
  image.lock = false;
  images[images.length] = image;
}


function getId(id) {
  return document.getElementById(id);
}


function changeMenu(menu, image) {
  img = image;
  if (getId(menu).style.display == 'block') {
    getId(menu).style.display = 'none';
    window.setTimeout("getId(img).src = 'images/arrow_red.gif'", 100);
  } else {
    getId(menu).style.display = 'block';
    window.setTimeout("getId(img).src = 'images/arrowDown_red.gif'", 100);
  }
}


function setImageState(id, fileName, lock) {

  var i;
  for (var j = 0; j < images.length; j++) {
    if (images[j].id == id) {
      i = j;
    }  
  }    

  if (lock == true) {
    getId(id).src = 'images/' + fileName;
    if (images[i].lock) {
      images[i].lock = false;
    } else {  
      images[i].lock = true;
    }
  } else if (!images[i].lock || lock == 'passLock') {
    getId(id).src = 'images/' + fileName;
  }
}