var closeBox = "<span style='float: right;'>&nbsp;&nbsp;<a href='javascript:dim()'>X</a></span>";

document.write("\
<div id='dim_background' onClick='dim()'></div>\
<div id='dim_window'>\
  <div id='dim_window_title'>" + closeBox + "</div>\
  <div id='dim_window_body'></div>\
</div>");

function dim(divId, title) {
	var bg = document.getElementById('dim_background').style;
	var win = document.getElementById('dim_window').style;

	if(bg.display == 'block')
		bg.display = win.display = 'none';
	else {
		dimSetTitle(title);
		dimSetContents(document.getElementById(divId).innerHTML);
		bg.display = win.display = 'block';
		dimResize();
	}
}

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

        imgBox.innerHTML = '<img src="' + image + '" alt="' + alt + '" onclick="dim();" />';
        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 dimResize() {
	var bg = document.getElementById('dim_background');
	var win = document.getElementById('dim_window');
	var bar = document.getElementById('dim_window_title');

	if(navigator.appName == 'Microsoft Internet Explorer') {
		bg.style.width = document.body.offsetWidth - 20;
		bg.style.height = document.body.scrollHeight;
		win.style.top = document.body.scrollTop + 20;
	} else {
		bg.style.width = window.innerWidth - 15;
		bg.style.height = document.body.scrollHeight;
		win.style.top = window.pageYOffset + 20;
	}

	//Title bar width
	bar.style.width = document.getElementById('dim_window').pixelWidth;
}

function dimSetTitle(titleText) {
	document.getElementById('dim_window_title').innerHTML = 
		"<span style='float: left;'>" + titleText + "</span>" + closeBox;
}

function dimSetContents(bodyText) {
	document.getElementById('dim_window_body').innerHTML = bodyText;
}

function dimAjax(script, query) {
	if(window.ajaxQuery)
		ajaxQuery('dim_window_body', script, query);
	else
		alert('Error: AJAX capability has not been loaded!');
}