// JavaScript Document
var fading = false;
var userInfoLoaded = false;
var lastMessage = 0;
function showPage(file)
{
	if (fading == true)
	return false;
	if (!document.getElementById('mydivgrey'))
	{
		mydivgrey = document.createElement("div");
		mydivgrey.style.visibility = "hidden";
		mydivgrey.style.backgroundColor = "#CCCCCC";
		mydivgrey.id = "mydivgrey";
		mydivgrey.style.width = "100%";
		mydivgrey.style.height = "100%";
		mydivgrey.style.position = "absolute";
		mydivgrey.style.zIndex = "2";
		mydivgrey.style.top = "0px";
		mydivgrey.style.opacity = 0.7;
		mydivgrey.style.filter = "alpha(opacity=50)";
		mydivgrey.style.left = "0px";
//		document.getElementById('thefirstnode').appendChild(mydivgrey);
		document.body.appendChild(mydivgrey);
	}
	if (!document.getElementById('mydiv'))
	{
		mydivgrey = document.createElement("div");
		mydiv = document.createElement("div");
		mydiv.style.visibility = "hidden";
		mydiv.style.backgroundColor = "#BBBBBB";
		mydiv.style.position = "absolute";
		mydiv.style.top = ((getClientHeight() / 2)-300) + "px";
		mydiv.style.left = ((getClientWidth() / 2)-400) + "px";
		mydiv.style.zIndex = "3";
		mydiv.style.width = "800px";
		mydiv.style.opacity = 0;
		mydiv.style.filter = "alpha(opacity=0)";
		mydiv.style.height = "600px";
		mydiv.innerHTML = '<div align="center">Please enter the code here:<br /><input type="text" id="insertfield" style="width:300px;" /><br /><br /><input type="button" id="insertbutton" value="Insert" /><input type="button" id="cancelbutton" value="Cancel" onclick="closeOverlays();" /></div>';
		mydiv.id = "mydiv";
		document.body.appendChild(mydiv);
	}
	fading = true;
	mydiv = document.getElementById('mydiv');
	shader = document.getElementById('mydivgrey');
	mydiv.innerHTML = '<img src="load.gif" alt="loading.." />Loading...';
	mydiv.style.visibility = "visible";
	shader.style.visibility = "visible";
	fade(500,'mydiv');
	gajax(file,'mydiv');
	shader.onclick = function() { closeOverlays();};
}
var op = 0;
var object;
var interval;
function fade(time,obj)
{
	interval = window.setInterval("doFade()", time/20); 
	object = obj;
}
function doFade()
{
	if (op == 100)
	{
		window.clearInterval(interval);
		op = 0;
		fading = false;
	}
	else
	{
		op = op + 5;
		document.getElementById(object).style.opacity = op/100;
		document.getElementById(object).style.filter = "alpha(opacity=" + op + ")";
	}
}
//Generic AJAX object updater
var greq = 0;
var ghttp = createRequestObject();
function gajax(url,obj) //Divs only
{
	greq = 1;
	//document.getElementById(obj).innerHTML = '<div id="temploading" style="padding:50px;text-align:center;"><img src="ajax-loader.gif" alt="Loading..." /><br />Loading...</div>';
	ghttp.open('get', url, true);
	ghttp.onreadystatechange = function() { ghandleResponse(obj); };
	ghttp.send(null);
}
function ghandleResponse(obj) 
{
	if(ghttp.readyState == 4 && ghttp.status == 200)
	{
		var response = ghttp.responseText;
		if(response) 
		{
			document.getElementById(obj).innerHTML = response;
		}
	}
}
function getClientHeight()
{
	if (window.innerHeight)
	return window.innerHeight;
	else if (document.documentElement.clientHeight && document.documentElement.clientHeight > 0)
	return document.documentElement.clientHeight;
	else
	return document.body.clientHeight;
}
function getClientWidth()
{
	if (window.innerWidth)
	return window.innerWidth;
	else if (document.documentElement.clientWidth && document.documentElement.clientWidth > 0)
	return document.documentElement.clientWidth;
	else
	return document.body.clientWidth;
}
function closeOverlays()
{
	if (document.getElementById('mydivgrey'))
	{
		document.getElementById('mydivgrey').style.visibility = "hidden";
	}
	if (document.getElementById('mydivmailb'))
	{
		document.getElementById('mydivmailb').style.visibility = "hidden";
	}
	if (document.getElementById('mydivmail'))
	{
		document.getElementById('mydivmail').style.visibility = "hidden";
	}
	if (document.getElementById('mydiv'))
	{
		document.getElementById('mydiv').style.visibility = "hidden";	
		document.getElementById('mydiv').style.opacity = 0;
		document.getElementById('mydiv').style.filter = "alpha(opacity=0)";
		document.getElementById('mydiv').innerHTML = '';
	}
}
function createRequestObject()
{
var req;
if(window.XMLHttpRequest)
{
req = new XMLHttpRequest();
} else if(window.ActiveXObject) 
{
req = new ActiveXObject("Microsoft.XMLHTTP");
} else 
{
alert('Your browser does not properly support javascript.');
}
return req;
}