function mpbGetWidth() {
	var x = 0;
	if (self.innerHeight) {
		x = self.innerWidth;
	} else if (document.documentElement	&& document.documentElement.clientHeight) {
		x = document.documentElement.clientWidth;
	} else if (document.body) {
		x = document.body.clientWidth;
	}
	return x;
}

function mpbGetHeight() {
	var y = 0;
	if (self.innerHeight) {
		y = self.innerHeight;
	} else if (document.documentElement
			&& document.documentElement.clientHeight) {
		y = document.documentElement.clientHeight;
	} else if (document.body) {
		y = document.body.clientHeight;
	}
	return y;
}

function mpbinitImage() {
	var box = document.getElementById("picturebox");
	box.style.opacity = 0;
	box.style.zIndex = -50;
}

function mpbcloseImage() {
	mpbfade("picturebox");
	var box = document.getElementById("picturebox");
	box.style.zIndex = -50;
}

function mpbdisplayImage(sentObject) {
	xmlhttp = mpbGetXmlHttpObject();
	if (xmlhttp == null) {
		alert("Your browser does not support AJAX!");
		return false;
	}
	var box = document.getElementById("picturebox");
	//get available window size
	var x = mpbGetWidth();
	var y = mpbGetHeight();
	box.style.width = x-50+"px";
	box.style.height = y-60+"px";
	box.style.top = "25px";
	box.style.left = "10px";
	var max_width = x-60;
	var max_height = y-60;
	// Clear current content
	box.innerHTML = "";
	var url;
	var filename = sentObject.rel;
	url = "myboximage.php?file=" + filename + "&width="+max_width+"&height="+max_height+"&s=1";
	// box.style.visibility = "visible";
	xmlhttp.onreadystatechange = mpbstateChanged;
	xmlhttp.open("GET", url, true);
	xmlhttp.send(null);
	box.FadeState = -2;
	box.style.zIndex = 500;
	mpbfade("picturebox");
	return false;
}

function mpbstateChanged() {
	if (xmlhttp.readyState == 4) {
		document.getElementById("picturebox").innerHTML = xmlhttp.responseText;
	}
}

function mpbGetXmlHttpObject() {
	if (window.XMLHttpRequest) {
		// code for IE7+, Firefox, Chrome, Opera, Safari
		return new XMLHttpRequest();
	}
	if (window.ActiveXObject) {
		// code for IE6, IE5
		return new ActiveXObject("Microsoft.XMLHTTP");
	}
	return null;
}
var TimeToFade = 600.0;

function mpbfade(eid) {
	var element = document.getElementById(eid);
	if (element == null)
		return;

	if (element.FadeState == null) {
		if (element.style.opacity == null || element.style.opacity == ''
				|| element.style.opacity == '1') {
			element.FadeState = 2;
		} else {
			element.FadeState = -2;
		}
	}

	if (element.FadeState == 1 || element.FadeState == -1) {
		element.FadeState = element.FadeState == 1 ? -1 : 1;
		element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
	} else {
		element.FadeState = element.FadeState == 2 ? -1 : 1;
		element.FadeTimeLeft = TimeToFade;
		setTimeout(
				"mpbanimateFade(" + new Date().getTime() + ",'" + eid + "')",
				33);
	}
}

function mpbanimateFade(lastTick, eid) {
	var curTick = new Date().getTime();
	var elapsedTicks = curTick - lastTick;

	var element = document.getElementById(eid);

	if (element.FadeTimeLeft <= elapsedTicks) {
		element.style.opacity = element.FadeState == 1 ? '1' : '0';
		element.style.filter = 'alpha(opacity = ' + (element.FadeState == 1 ? '100'
				: '0') + ')';
		element.FadeState = element.FadeState == 1 ? 2 : -2;
		return;
	}

	element.FadeTimeLeft -= elapsedTicks;
	var newOpVal = element.FadeTimeLeft / TimeToFade;
	if (element.FadeState == 1)
		newOpVal = 1 - newOpVal;

	element.style.opacity = newOpVal;
	element.style.filter = 'alpha(opacity = ' + (newOpVal * 100) + ')';

	setTimeout("mpbanimateFade(" + curTick + ",'" + eid + "')", 33);
}
function mpbdisplayAnnouncement(){
	$("#annBox").show();
	window.setTimeout("mpbCloseAnnouncement()",5000);
}
function mpbCloseAnnouncement(){
	$("#annBox").hide();
}