var requester;
var elementChange;

var toy1 = -1;
var toy2 = -1;

function getRequester()
{
                if (requester != null && requester.readyState != 0 && requester.readyState != 4)
                {
                        requester.abort();
                }

                try
                {
                        requester = new XMLHttpRequest();
                }
                catch (error)
                {
                        try
                        {
                                requester = new ActiveXObject("Msxml2.XMLHTTP");
                        }
                        catch (error)
                        {
                                try
                                {
                                        requester = new ActiveXObject("Microsoft.XMLHTTP");
                                }
                                catch (error)
                                {
                                        requester = null;
                                }
                        }
                }
}

function getCats(pos)
{
	getRequester();

	if (requester != null)
	{
		elementChange = "box" + pos;
		requester.onreadystatechange = catsReceived;
		requester.open("GET", "/getcats.php?pos=" + pos);
		requester.send(null);
	}
}

function catsReceived()
{
	if (requester.readyState == 4)
	{
		if (requester.status == 200)
		{
			var element = document.getElementById(elementChange);
			element.innerHTML = requester.responseText;
		}
                else
                {
                        alert("Sorry, we're having difficulties at the moment.");
                }
        }
}

function getToys(category, pos)
{
	getRequester();

		if (requester != null)
		{
			elementChange = "box" + pos;
			requester.onreadystatechange = toysReceived; 
			requester.open("GET", "/gettoys.php?id=" + category + "&pos=" + pos);
			requester.send(null);
		}
}

function toysReceived()
{
	if (requester.readyState == 4)
	{
		if (requester.status == 200)
		{
			var element = document.getElementById(elementChange);
			element.innerHTML = requester.responseText;
		}
		else
		{
			alert("Sorry, we're having difficulties at the moment.");
		}
	}
}

function getBattle(toyID, pos)
{
	if (toyID == -1)
	{
                if (pos == 1)
                {
                        toy1 = -1;
                }
                else if (pos == 2)
                {
                        toy2 = -1;
                }

		getCats(pos);	

		return;
	}

	if (pos == 1)
	{
		toy1 = toyID;
	}
	else if (pos == 2)
	{
		toy2 = toyID;
	}

	if (toy1 != -1 && toy2 != -1)
	{
		getRequester();

                if (requester != null)
                {
                        requester.onreadystatechange = battleReceived;
                        requester.open("GET", "/getbattle.php?toy1=" + toy1 + "&toy2=" + toy2);
                        requester.send(null);
                }
	}
}

function battleReceived()
{
	if (requester.readyState == 4)
	{
		if (requester.status == 200)
		{
			var element = document.getElementById("results");
			element.innerHTML = requester.responseText;
		}
		else
		{
			alert("Sorry, we're having difficulties at the moment.");
		}
	}
}