function GetHTTPObject()
{
	if (window.ActiveXObject)
	{
		return new ActiveXObject("Microsoft.XMLHTTP");
	}
	else if (window.XMLHttpRequest)
	{
		return new XMLHttpRequest();
	}
	else
	{
		return null;
	}
}

var httpObject = null;

function showNewPage()
{
	if(httpObject.readyState == 4)
	{
		document.getElementById('getgames').innerHTML = httpObject.responseText;
	}
}

function changePageOrOrder(order, page)
{
	httpObject = GetHTTPObject();
	if (httpObject != null)
	{
		var maincat = document.catnumbers.maincat.value;
		var subcat = document.catnumbers.subcat.value;
		var topost = "order="+order+"&page="+page+"&maincat="+maincat+"&subcat="+subcat;
		httpObject.open("POST", "/php/getgames.php", true);
		httpObject.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8"); 
		httpObject.send(topost);
		httpObject.onreadystatechange = showNewPage;
	}
}

function showOrderMenu()
{
	document.getElementById('othersel').style.display = 'block';
}

function hideOrderMenu(event)
{
	if (document.getElementById('othersel').style.display == 'block')
	{
		var topscroll = 0;
		var leftscroll = 0;
		if (typeof(window.pageYOffset) == 'number')
		{
			topscroll = window.pageYOffset;
			leftscroll = window.pageXOffset;
		}
		else if (document.body && (document.body.scrollLeft || document.body.scrollTop))
		{
			topscroll = document.body.scrollTop;
			leftscroll = document.body.scrollLeft;
		}
		else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop))
		{
			topscroll = document.documentElement.scrollTop;
			leftscroll = document.documentElement.scrollLeft;
		}
		var mouseX = event.clientX;
		var mouseY = event.clientY;
		var leftedge = document.getElementById('currsel').offsetLeft - leftscroll + 1;
		var rightedge = leftedge + document.getElementById('othersel').offsetWidth - 1;
		var topedge = document.getElementById('currsel').offsetTop - topscroll + 1;
		var bottomedge = topedge + document.getElementById('currsel').offsetHeight + document.getElementById('othersel').offsetHeight - 2;
		if (mouseX >= rightedge || mouseX <= leftedge || mouseY >= bottomedge || mouseY <= topedge)
		{
			document.getElementById('othersel').style.display = 'none';
		}
	}
}