/* Its good practice in AJAX to declare all the urls you will
 be using at the start of the script. */
 
var url="http://www.allekanalen.nl/test.php?id=";
var url2="&id2=";
var url3="&id3=";
var url4="http://www.allekanalen.nl/test2.php?id=";
var url5="&id4=";
var idmenu="'title2'";
var loading="Bezig met laden...";
var main="'menustart'";
var dummy="'1'";
var dummy2="'2'";

/* To use AJAX you need at least one http object, which will do the 
   communication
*/
var http = getHTTPObject();
var http2 = getHTTPObject2();
var http3 = getHTTPObject3();

function handleHttpResponse() {
	// 4 is the signal for finished
  if (http.readyState == 4) {
	
//	var pic = document.getElementById( 'loading' );
//	pic.innerHTML = ""; 
	
    // Split the comma delimited response into an array

  results = http.responseText;
	leftmenutext=results;
	var leftmenu=document.getElementById( 'leftmenu' );
	leftmenu.innerHTML = leftmenutext;
}
}

function handleHttpResponse2() {
	// 4 is the signal for finished
  if (http2.readyState == 4) {

  results = http2.responseText;
	leftmenu_contenttext=results;
	var leftmenu_content=document.getElementById( 'leftmenu_content' );
	leftmenu_content.innerHTML = leftmenu_contenttext;
}
}

function handleHttpResponse3() {
	// 4 is the signal for finished
  if (http3.readyState == 4) {

	var b = http3.responseText;
	var temp = new Array();
	temp = b.split('katover');
	
	document.title = temp[0];

  results = temp[1];
	maincontenttext=results;
	var maincontent=document.getElementById( 'maincontent' );
	maincontent.innerHTML = maincontenttext;
	
	results2 = temp[2];
	rightcontenttext=results2;
	var rightcontent=document.getElementById( 'rightcontent' );
	rightcontent.innerHTML = rightcontenttext;
}
}

function showtitle() {
	var leftmenu=document.getElementById( 'leftmenu' );
	leftmenu.innerHTML = 'Top 20 | <span onclick="performLookup(' + idmenu + ',' + dummy + ');performLookup2(' + main + ',' + dummy + ',' + dummy + ',' + dummy + ')" class="boxtop3">Menu</span>';
	}
	
function showtitle2() {
	var leftmenu=document.getElementById( 'leftmenu' );
	leftmenu.innerHTML = 'Top 20 | <span onclick="performLookup(' + idmenu + ',' + dummy2 + ');performLookup2(' + main + ',' + dummy + ',' + dummy + ',' + dummy2 + ')" class="boxtop3">Menu</span>';
	}

function performLookup(id,id2)
{
/* Get the name, we know its >= characters */
var title = document.getElementById("leftmenu").value;
title = id;

var title2 = document.getElementById("leftmenu").value;
title2 = id2;

//Begin communication with lookup.cgi, passing in 
// name as a parameter
http.open("GET", url + escape(title) + url5 + escape(title2), true);

// When the state changes call our other method
// handleHttpResponse
http.onreadystatechange = handleHttpResponse;

// end comms, only do this at the end of your interaction
http.send(null);
}

function performLookup2(id,id2,id3,id4)
{
/* Get the name, we know its >= characters */
var content = document.getElementById("leftmenu_content").value;
content = id;
var content2 = document.getElementById("leftmenu_content").value;
content2 = id2;
var content3 = document.getElementById("leftmenu_content").value;
content3 = id3;
var content4 = document.getElementById("leftmenu_content").value;
content4 = id4;

var leftmenu_content=document.getElementById( 'leftmenu_content' );
leftmenu_content.innerHTML = '<div class="div2">' + loading + '</div>';

//Begin communication with lookup.cgi, passing in 
// name as a parameter
http2.open("GET", url + escape(content) + url2 + escape(content2) + url3 + escape(content3) + url5 + escape(content4), true);

// When the state changes call our other method
// handleHttpResponse
http2.onreadystatechange = handleHttpResponse2;

// end comms, only do this at the end of your interaction
http2.send(null);
}

function performLookup3(id,id2)
{
/* Get the name, we know its >= characters */
var content = document.getElementById("maincontent").value;
content = id;

var content2 = document.getElementById("maincontent").value;
content2 = id2;

//Begin communication with lookup.cgi, passing in 
// name as a parameter
http3.open("GET", url4 + escape(content) + url2 + escape(content2), true);

// When the state changes call our other method
// handleHttpResponse
http3.onreadystatechange = handleHttpResponse3;

var info=document.getElementById( 'info' );
info.innerHTML = '<br><table border="1" width="400" height="70" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#cfcfcf" bgcolor="#f2f2f2"><tr><td height="70" width="400" align="center"><div class="div3"><h2>' + loading + '</h2></div></td></tr></table>';

// end comms, only do this at the end of your interaction
http3.send(null);
}

/* This method is pretty much standard AJAX, you'll see it 
everywhere. The curious can read into its details, the rest of
you can just know that this gives you a HTTP object */

function getHTTPObject() {
  var xmlhttp;
  /*@cc_on
  @if (@_jscript_version >= 5)
    try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
        xmlhttp = false;
      }
    }
  @else
  xmlhttp = false;
  @end @*/
  if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
    try {
      xmlhttp = new XMLHttpRequest();
    } catch (e) {
      xmlhttp = false;
    }
  }
  return xmlhttp;
}

function getHTTPObject2() {
  var xmlhttp;
  /*@cc_on
  @if (@_jscript_version >= 5)
    try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
        xmlhttp = false;
      }
    }
  @else
  xmlhttp = false;
  @end @*/
  if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
    try {
      xmlhttp = new XMLHttpRequest();
    } catch (e) {
      xmlhttp = false;
    }
  }
  return xmlhttp;
}

function getHTTPObject3() {
  var xmlhttp;
  /*@cc_on
  @if (@_jscript_version >= 5)
    try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
        xmlhttp = false;
      }
    }
  @else
  xmlhttp = false;
  @end @*/
  if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
    try {
      xmlhttp = new XMLHttpRequest();
    } catch (e) {
      xmlhttp = false;
    }
  }
  return xmlhttp;
}