// Load HTML pages into a specified <div> element
// adpated from http://www.webdeveloper.com/forum/showthread.php?t=73180

var m_TargetDivId = 'childPage';

function showPage(url)
{
	url = 'pages/' + url + '.html';
	
	if (window.XMLHttpRequest)
	{
		// Non-IE browsers
		req = new XMLHttpRequest(); 
		req.onreadystatechange = fillTargetDiv; 

		try
		{
			req.open("GET", url, true); 
		}
		catch (e)
		{
			alert(e); 
		}
		
		req.send(null); 
    }
	else if (window.ActiveXObject)
	{
		// IE
		req = new ActiveXObject("Microsoft.XMLHTTP"); 
		if (req)
		{
			req.onreadystatechange = fillTargetDiv; 
			req.open("GET", url, true); 
			req.send();
		}
    }
}

function fillTargetDiv()
{ 
	if (req.readyState == 4)
	{
		// Complete 
		if (req.status == 200)
		{
			// OK response
			if (m_TargetDivId.length > 0)
			{
				document.getElementById(m_TargetDivId).innerHTML = req.responseText;
			}
			else
			{
				alert("Can't switch page - target div not set");
			} 
		}
		else
		{
			alert("Problem: " + req.statusText);
		} 
	}
}