var xmlDoc;
var xmlDataItem;
var xmlDataIndex = Math.random();
var witwInfo;

function importXML_WITW()
{
	if (document.implementation && document.implementation.createDocument)
	{
		xmlDoc = document.implementation.createDocument("", "", null);
		xmlDoc.onload = loadData_WITW;
	}
	else if (window.ActiveXObject)
	{
		xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.onreadystatechange = function () { if (xmlDoc.readyState == 4) loadData_WITW() };
	}
	else
	{
		alert('Your browser can\'t handle this script');
		return;
	}
	xmlDoc.load("xmlfiles/witw.xml");
}

function loadData_WITW()
{
	xmlDataItem = xmlDoc.getElementsByTagName('item');
	xmlDataIndex = Math.floor(xmlDataIndex * xmlDataItem.length);
	document.getElementById('witwImage').src = xmlDataItem[xmlDataIndex].getAttribute('imageurl');
	witwInfo = document.getElementById('witwInfo');
	witwInfo.innerHTML = '';
	for (i=0; i < xmlDataItem[xmlDataIndex].childNodes.length; i++)
	{
		if (xmlDataItem[xmlDataIndex].childNodes[i].nodeType != 1) continue;
		var value = xmlDataItem[xmlDataIndex].childNodes[i].getAttribute('value');
		var text  = xmlDataItem[xmlDataIndex].childNodes[i].getAttribute('text');
		witwInfo.innerHTML += ''
			+ '<div class="copy_standard_11">'
			+ '<input id="witwRadio' + i + '" type="radio" name="witwLocation" value="' + value + '" class="radio" onclick="javascript:witwRadioButton_OnClick(this)" /><label for="witwRadio' + i + '">' + text + '</label>'
			+ '</div>';
	}
}

function witwRadioButton_OnClick(sender)
{
	document.getElementById('witwInfo').innerHTML = ''
		+ '<span style="font:bold 8pt Arial; letter-spacing:1px; color:#' + ((xmlDataItem[xmlDataIndex].getAttribute('correctanswer') == sender.value) ? '2d5e87">CORRECT!' : 'bf5504">INCORRECT!') + '</span>'
		+ '<p>' + xmlDataItem[xmlDataIndex].getAttribute('description') + '</p>';
	
	btnVisit = document.getElementById('witwVisitLocationButton');
	btnVisit.href = xmlDataItem[xmlDataIndex].getAttribute('linkurl');
	btnVisit.onclick = '';
}