function dim(divId, title) {
	var bg =	document.getElementById('dim_background');
	var win =	document.getElementById('dim_window');
	var winTitle =	document.getElementById('dim_window_title');
	var winBody =	document.getElementById('dim_window_body');
	var imgBox =	document.getElementById('dim_image');

	if(bg.style.display == 'block') {
		bg.style.display = win.style.display = imgBox.style.display = 'none';
	} else {
		winTitle.innerHTML = '<span style="float: left;">' + title + '</span>'
			+ '<span style="float: right;">&nbsp;&nbsp;<a href="javascript:dim()">X</a></span>';
		winBody.innerHTML = document.getElementById(divId).innerHTML;
		bg.style.display = win.style.display = 'block';

		if(navigator.appName == 'Microsoft Internet Explorer') {
			var newTop = document.body.scrollTop + 20;
		} else {
			var newTop = window.pageYOffset + 20;
		}

		win.style.top = newTop + 'px';
		winTitle.style.width = win.pixelWidth;
	}
}

function dimImage(image, alt) {
	var bg =	document.getElementById('dim_background');
	var imgBox =	document.getElementById('dim_image');

	imgBox.innerHTML = '<img name="loading" src="http://www.metroid-database.com/loading3.gif" alt="Loading" \
		style="border: 2px lime solid;" /><br /> \
		<a href="' + image + '">[View Full Image]</a> <a href="javascript:dim()">[Close]</a> <br /> \
		<img src="' + image + '" alt="' + alt + '" style="display: none; max-width: 100%;" \
		onload="document.images.loading.style.display = \'none\'; this.style.display = \'inline\';" \
		onclick="dim();" /></a>';
	bg.style.display = 'block';
	imgBox.style.display = 'block';

	if(navigator.appName == 'Microsoft Internet Explorer') {
		var newTop = document.body.scrollTop + 5;
	} else {
		var newTop = window.pageYOffset + 5;
	}

	imgBox.style.top = newTop + 'px';
}

function chlink(url) {     
        var links = document.getElementById('leftmenu').getElementsByTagName('a');
        for(var i = 0; i < links.length; i++) {
                if(links[i].href == url) {
                        links[i].setAttribute('class', 'highlight');
                        links[i].innerHTML = '<div id="pointer">&gt;</div>' + links[i].innerHTML;
                        break;
                }
        }
}