function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

function insertAfter(newElement,targetElement) {
  var parent = targetElement.parentNode;
  if (parent.lastChild == targetElement) {
    parent.appendChild(newElement);
  } else {
    parent.insertBefore(newElement,targetElement.nextSibling);
  }
}

function addClass(element,value) {
  if (!element.className) {
    element.className = value;
  } else {
    newClassName = element.className;
    newClassName+= " ";
    newClassName+= value;
    element.className = newClassName;
  }
}

function prepareImages() {
	if (!document.getElementById) return false;
	if (!document.getElementsByTagName) return false;
	var content = document.getElementById("content");
	var items = content.getElementsByTagName("li");
	for (var i=0; i<items.length; i++) {
		items[i].onmouseover = function () {
			return changeImage(this,"Over");
		}
		
		items[i].onmouseout = function () {
			return changeImage(this,"Off");
		}
		
		items[i].onmousedown = function () {
			return changeImage(this,"Click");
		}
		
		items[i].onmouseup = function () {
			return changeImage(this,"Over");
		}
	}
}

function changeImage(whichList,state) {
	var listId = whichList.getAttribute("id");
	var thisImage = whichList.childNodes[3].childNodes[0];
	var imgValue = "/img/folio/" + listId + state + ".png";
	thisImage.setAttribute("src",imgValue);
}

addLoadEvent (prepareImages);