/*
 * Dialogs JavaScript
 * (c) 2006 Your IT Depot Ltd.
 */

//Get available browser size
//Core code from quirksmode.org - Thanks to ma.gnolia.com
function pageSize() {
	var width, height;
	if(self.innerHieght) { //Cool browsers have this
		width = self.innerWidth;
		height = self.innerHeight;
		alert(width + " x " + height);
	} else if(document.documentElement && document.documentElement.clientHeight) {
		width = document.documentElement.clientWidth;
		height = document.documentElement.clientHeight;
	} else if(document.body) {
		width = document.body.clientWidth;
		height = document.body.clientHeight;
	}

	return {width: width, height: height}; //return array
}

function scrollPosition() {
	if(self.pageYOffset)
		return self.pageYOffset;
	if(document.documentElement && document.documentElement.scrollTop)
		return document.documentElement.scrollTop;
	if(document.body)
		return document.body.scrollTop;
}

function showDialog(width, height) {
	var box = "dialogBox";
	var dialog = "dialog";
	var e = document.getElementById(box);
	var dimensions = pageSize();
	var scroll = scrollPosition();

	e.style.top = 0 + ((dimensions.height - height) / 2) + "px";
	e.style.left = ((dimensions.width - width) / 2) + "px";
	e.style.display = "inline";
	e.style.position = "absolute";

	e = document.getElementById(dialog);
	e.style.width = dimensions.width + "px";
	e.style.height = dimensions.height + "px";
	e.style.display = "inline";
	e.style.position = "absolute";

	e = document.getElementsByTagName("body");
	e[0].style.overflow = "hidden";
	if(self.pageYOffset)
		self.pageYOffset = 0;
	if(document.documentElement && document.documentElement.scrollTop)
		document.documentElement.scrollTop = 0;
	if(document.body)
		document.body.scrollTop = 0;

}

function hideDialog() {
	var box = "dialogBox";
	var dialog = "dialog";

	var e = document.getElementById("footer");
	var d = document.getElementById(dialog);
	e.removeChild(d);
	d = document.getElementById(box);
	e.removeChild(d);
	e = document.getElementsByTagName("body");
	e[0].style.overflow = "auto";
}

function setImage(url, width) {
	if(url == "")
		return "";
	var e = document.getElementById("comic");
	e.innerHTML = '<a href=\"' + url + '\"><img src=\"' + url + '\" width=\"' + width + '\" alt=\"\" /></a>';
}