/* the previously selected item */
var selectedItem = null;

function setDesignImage(path, element) {
	if (document.getElementById) {
		// workaround for IE
		if (!element) {
			element = event.srcElement;
		}

		var padImage = document.getElementById("currentPadImage");
		if (padImage && path) {
			padImage.src = path;
		}

		if (!selectedItem) {
			// Let's try to use the default item.
			selectedItem = document.getElementById("selectedItem");
		}
		if (selectedItem) {
			var itemClass = selectedItem.className;
			// remove the "selected" class
			selectedItem.className = itemClass.replace(/selected/, "");
		}

		element.className = element.className + " selected";
		selectedItem = element;
	}

	return;
}