function loadOverlays() {
	if (document.images) {
		var pic1 = new Image(77,85); pic1.src = '/img/accessories/wheels/wheel-01-overlay-front.jpg';
		var pic2 = new Image(40,66); pic2.src = '/img/accessories/wheels/wheel-01-overlay-rear.jpg';
		var pic3 = new Image(78,87); pic3.src = '/img/accessories/wheels/wheel-02-overlay-front.jpg';
		var pic4 = new Image(38,67); pic4.src = '/img/accessories/wheels/wheel-02-overlay-rear.jpg';
		var pic5 = new Image(76,84); pic5.src = '/img/accessories/wheels/wheel-03-overlay-front.jpg';
		var pic6 = new Image(39,67); pic6.src = '/img/accessories/wheels/wheel-03-overlay-rear.jpg';
	}
}

function removeAllChildNodes(node) {
	while (node.hasChildNodes() == true) {
		node.removeChild(node.firstChild);
	}
}

function clearOverlays() {
	var canvas = document.getElementById('wheels');
	removeAllChildNodes(canvas);
}

function doOverlay(config) {
	var canvas = document.getElementById('wheels');
	var overlay = document.createElement('img');
	canvas.style.position = 'relative';
	overlay.src = config.asset;
	overlay.alt = '';
	overlay.style.position = 'absolute';
	overlay.style.top = (config.y-20) +'px';
	overlay.style.left = (config.x-10) +'px';
	canvas.appendChild(overlay);
}

function setInfo(srcNode, targetNodeId) {
	var list = srcNode.getElementsByTagName('dl')[0].cloneNode(true);
	list.style.display = 'block';
	list.id = targetNodeId;
	var targetNode = document.getElementById(targetNodeId);
	var parentNode = targetNode.parentNode;
	parentNode.replaceChild(list, targetNode);
}

window.onload = function() {
	setTimeout('loadOverlays()', 500);
}