var selectedImage = -1;
var pageImages = new Array();

function setSizeOfBox() {
	var f = getFrameSize();
	var usedheight = 310;
	var tb = document.getElementById("textbox");
	var ss = document.getElementById("shadowside");
	var tx = tb.getElementsByTagName("DIV")[0];
	var related = document.getElementById("relatedcolumn");
	var hasImage = pageImages.length!=0;
	if (!hasImage) {
		var title = document.getElementById("imageandtitle");
		var main = document.getElementById("main");
		if (title!=null) title.style.top = "-240px";
		if (main!=null) main.style.top = "45px";
		if (related!=null) related.style.top = "50px";
		usedheight = 115;
	}
	var h = (f.height -  usedheight)+"px";
	tb.style.height = h;
	//
	if (related==null || related.getElementsByTagName("DIV").length==0) {
		tb.style.width = 510;
		ss.style.width = 510 + 7;
		tx.style.width = 440;
	}

	//
	tb.style.overflow="auto";
	window.onresize = setSizeOfBox;
}

function getFrameSize() {
	var f = new Object();
	if (self.innerWidth) {
		f.width = self.innerWidth;
		f.height = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientWidth) {
		f.width = document.documentElement.clientWidth;
		f.height = document.documentElement.clientHeight;
	} else if (document.body)	{
		f.width = document.body.clientWidth;
		f.height = document.body.clientHeight;
	}
	return f;
}


function overImage(i) {
	var a = document.getElementById("img_"+i);
	if (a==null) return;
	var i = a.getElementsByTagName("span");
	i[0].style.display = "none";
	i[1].style.display = "block";
}

function outImage(i) {
	if (i==selectedImage) return;
	var a = document.getElementById("img_"+i);
	var i = a.getElementsByTagName("span");
	i[1].style.display = "none";
	i[0].style.display = "block";
}

function showImage(i) {
	var lastSel = selectedImage;
	selectedImage = i;
	if (lastSel!=-1) outImage(lastSel);
	overImage(i);
	var img = pageImages[i];
	document.getElementById("image").innerHTML =
		"<table border='0' cellspacing='0' cellpadding='0'><tr valign='top'><td><img src='image?h=284&img="
		+img.src+"' alt='"+img.title+"'  border='0' align='left' /></td><td "
		+"style='padding:200px 0px 0px 5px;float:left;font-family: arial;'>"
		+img.title+"<br/>"+img.caption+"</td></tr></table>";
}
function pageInit() {
	if (pageImages.length!=0) showImage(0);
	else document.getElementById("image").innerHTML = "";
	if (pageImages.length==1) document.getElementById("img_0").style.display = "none";
}

function fixSearch() {
	var ff = document.getElementById('query');
	if (ff.value == query) {
		ff.value = "";
	} else if (ff.value == "") {
		ff.value = query;
	}
}


var p;

function popupImage(img) {
	p = window.open("", 'Image','width=482,height=482,scrollbars=no');
	p.focus();
	p.document.open();
	p.document.write("<html><head><script>function resize() { "+
		"var img = document.getElementsByTagName('img')[0]; "+
		"window.resizeTo(img.offsetWidth+32, img.offsetHeight+64); }</script>"+
		"<body onload='resize();'><img src='" + img + "'/></body></html>");
	p.document.close();
}
