// Preload "loading" images
var imgGears = new Image(33, 30);
imgGears.src = '/images/design/gears.gif';



function toggleExpansion(inGameID) {


	// Get the div in question
	var expDiv = document.getElementById("expand_" + inGameID);


	// Are we expanding or contracting?
	if (expDiv.style.display != "block") {

		// Turn on the display
		expDiv.style.display = "block";

		// Grab the content if it isn't there already
		if (expDiv.innerHTML == "" || expDiv.innerHTML == null || !expDiv.innerHTML) {

			// Say loading
			expDiv.innerHTML = '<div style="text-align: center;"><img id="gears_' + inGameID + '" width="33" height="30" /></div>';
			document.getElementById('gears_' + inGameID).src = imgGears.src;

			// Set up http request object
			var http;
			if (window.XMLHttpRequest)
				http = new XMLHttpRequest();
			else if (window.ActiveXObject)
				http = new ActiveXObject("Microsoft.XMLHTTP");

			// Request data
			http.open('GET', 'http://' + domain() + '/expansion.php?id=' + inGameID);
			http.onreadystatechange = function () {

				// When ready with data
				if (http.readyState == 4) {

					// Success
					if (http.status == 200) {
						setExpansion(inGameID, http.responseXML.getElementsByTagName("game").item(0));
					}

					// Failure
					else {
						expDiv.style.display = '';
						expDiv.innerHTML = '';
						alert('Failed to retrieve game details.');
					}

				}
			}
			http.send(null);

		}



	}
	else {

		expDiv.style.display = "none";

	}

}



function setExpansion(inGameID, inRoot) {

	var expDiv = document.getElementById("expand_" + inGameID);
	var buildString;



	buildString  = '<div class="expand_browsershot"><a href="/out.php?id=' + inGameID + '"><img src="http://www.agpursuit.com/mpogr/thumbshot.asp?id=' + inGameID + '" height="180" width="240" border="0" /></a></div>';

	// buildString += '<div class="expand_adsense">';
	// buildString += '<iframe src="adsense.php" height="90" width="120" frameborder="0"></iframe>';
	// buildString += '</div>';
	
	buildString += '<div class="expand_linkdiv"><a class="expand_link" href="out.php?id=' + inGameID + '">play</a></div>';
	buildString += '<div class="expand_linkdiv"><a class="expand_link" href="vote.php?id=' + inGameID + '">vote</a></div>';

	buildString += '<div class="clearfloat">&nbsp;</div>';

	buildString += '<div class="expand_pair">';
	buildString += '<div class="expand_property">Genre</div>';
	buildString += '<div class="expand_value">' + inRoot.getAttribute('genre') + '</div>';
	buildString += '</div>';


	buildString += '<div class="expand_pair">';
	buildString += '<div class="expand_property">Graphics</div>';
	buildString += '<div class="expand_value">' + inRoot.getAttribute('graphics') + '</div>';
	buildString += '</div>';


	buildString += '<div class="expand_pair">';
	buildString += '<div class="expand_property">Plug-in</div>';
	buildString += '<div class="expand_value">' + inRoot.getAttribute('plugin') + '</div>';
	buildString += '</div>';


	buildString += '<div class="expand_pair">';
	buildString += '<div class="expand_property">Multiplayer</div>';
	buildString += '<div class="expand_value">' + inRoot.getAttribute('multiplayer') + '</div>';
	buildString += '</div>';


	buildString += '<div class="expand_pair">';
	buildString += '<div class="expand_property">Beta</div>';
	buildString += '<div class="expand_value">' + inRoot.getAttribute('beta') + '</div>';
	buildString += '</div>';


	buildString += '<div class="expand_pair">';
	buildString += '<div class="expand_property">Prizes</div>';
	buildString += '<div class="expand_value">' + inRoot.getAttribute('prizes') + '</div>';
	buildString += '</div>';

	buildString += '<div class="clearfloat">&nbsp;</div>';

	buildString += '<div class="expand_property">Description</div>';
	buildString += '<div class="expand_description">' + inRoot.getElementsByTagName("description")[0].firstChild.nodeValue + '</div>';


	buildString += '<div class="expand_rollup"><span class="expand_rollup" onclick="toggleExpansion(' + inGameID + ');">close details</span></div>';

	expDiv.innerHTML = buildString;

}




function domain() {
	if (location.href.substring(0, 20).toLowerCase() == 'http://www.mpogr.com')
		return 'www.mpogr.com';
	else
		return 'mpogr.com';

}