// Esitellään muuttuja XMLHTTPRequest-objektille:
//var pageContent;

/*function readPage(page, elementName)
{
    // Jos käytettävä selain on Internet Explorer:
    if(window.ActiveXObject)
    {
        pageContent = new ActiveXObject("Microsoft.XMLHTTP");
    }
    // Jos käytettävä selain on jokin muu, esim. Mozilla, Opera, Safari:
    else if(window.XMLHttpRequest)
    {
        pageContent = new XMLHttpRequest();
    }

    // Määritellään funktio, joka suoritetaan, kun vastaus palvelimelta on saapunut:
    pageContent.onreadystatechange = StateChange;

    // Käytetään GET-muuttujia tiedon lähettämiseen asynkronisesti palvelimelle 
    pageContent.open("GET", page, true);

    // Lähetetään pyyntö palvelimelle:
    pageContent.send(null);
	
	
	function stateChange() {
		if(pageContent.readyState == 2) {
				document.getElementById(elementName).innerHTML = "Sivua ladataan..";	
		}
		if(pageContent.readyState == 4)
		{
			// Tarkistetaan, onko pyynnön suoritus onnistunut:
			if(pageContent.status == 200)
			{
				// Jos kaikki on kunnossa, käsitellään saapunut data:
				//alert(pageContent.responseText);
				document.getElementById(elementName).innerHTML = pageContent.responseText;
			}
			else
			{
				alert("Pyynnön suorituksessa on tapahtunut virhe!");
			}
		}
	}
}*/


function readPage(keyPage, elementName) {
	// Use AJAX to load other pages
	var pageContent;
	// Check if the browser knows the standard request
	if(window.XMLHttpRequest) {
		// Mozilla etc
		pageContent = new XMLHttpRequest();
	// If it does not know the standard object, check if
	// it knows the activeX object.
	} else if(window.ActiveXObject) {
		// Internet Explorer 6
		pageContent = new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		alert('Your browser doesn\'t support AJAX'); 
	}
	// Open the file
	pageContent.onreadystatechange = StateChange;
	pageContent.open('GET', keyPage, true);

	pageContent.send(null);
	// Listen for a change state
	function StateChange() {
		// The state is changed, but is it 4?
		if(pageContent.readyState == 2) {
			document.getElementById(elementName).innerHTML = "<img src='images/loading.gif' alt='loading..' width='50px' />";	
		}
		if(pageContent.readyState == 4) {
			//Write content
			document.getElementById(elementName).innerHTML = pageContent.responseText;
		}
	}
}