// define global variables
var ajaxbutton1="";
var ajaxbutton2="";
var ajaxbutton3="";
var ajaxbutton4="";
var ajaxmessage="";
var ajaxbutton5="";
var ajaxid="";

function getdatapa(what,button1,button2,button3,button4,button5,message,id) { // get data from source
 try {
   xmlhttp = window.XMLHttpRequest?new XMLHttpRequest():
  		new ActiveXObject("Microsoft.XMLHTTP");
 }
 catch (e) { /* do nothing */ }
 
 ajaxbutton1=button1;
 ajaxbutton2=button2;
 ajaxbutton3=button3;
 ajaxbutton4=button4;
 ajaxbutton5=button5;
 ajaxmessage=message;
 ajaxid=id;
 xmlhttp.onreadystatechange = triggeredpa; // when request finished, call the function to put result to destination DIVs
 myRand=parseInt(Math.random()*99999999);  // create cache buster
 xmlhttp.open("GET", what + "?rand=" + myRand); // use cache buster
 xmlhttp.send(null);
  return false;
}

function triggeredpa() { // put data returned by requested URL to selected DIVs
  if (xmlhttp.readyState == 4) if (xmlhttp.status == 200)  {
    if (ajaxid == 1) {
      document.getElementById(ajaxbutton1).innerHTML ="<img src='img/pac-button-1-y.jpg'>";
      document.getElementById(ajaxbutton2).innerHTML ="<img src='img/pac-button-2-n.jpg'>";
      document.getElementById(ajaxbutton3).innerHTML ="<img src='img/pac-button-3-n.jpg'>";
      document.getElementById(ajaxbutton4).innerHTML ="<img src='img/pac-button-4-n.jpg'>";
      document.getElementById(ajaxbutton5).innerHTML ="<img src='img/pac-button-5-n.jpg'>";
      document.getElementById(ajaxmessage).innerHTML =xmlhttp.responseText;
    }
    else if (ajaxid == 2) {
      document.getElementById(ajaxbutton1).innerHTML ="<img src='img/pac-button-1-n.jpg'>";
      document.getElementById(ajaxbutton2).innerHTML ="<img src='img/pac-button-2-y.jpg'>";
      document.getElementById(ajaxbutton3).innerHTML ="<img src='img/pac-button-3-n.jpg'>";
      document.getElementById(ajaxbutton4).innerHTML ="<img src='img/pac-button-4-n.jpg'>";
      document.getElementById(ajaxbutton5).innerHTML ="<img src='img/pac-button-5-n.jpg'>";
      document.getElementById(ajaxmessage).innerHTML =xmlhttp.responseText;
    }
    else if (ajaxid == 3) {
      document.getElementById(ajaxbutton1).innerHTML ="<img src='img/pac-button-1-n.jpg'>";
      document.getElementById(ajaxbutton2).innerHTML ="<img src='img/pac-button-2-n.jpg'>";
      document.getElementById(ajaxbutton3).innerHTML ="<img src='img/pac-button-3-y.jpg'>";
      document.getElementById(ajaxbutton4).innerHTML ="<img src='img/pac-button-4-n.jpg'>";
      document.getElementById(ajaxbutton5).innerHTML ="<img src='img/pac-button-5-n.jpg'>";
      document.getElementById(ajaxmessage).innerHTML =xmlhttp.responseText;
    }
    else if (ajaxid == 4) {
      document.getElementById(ajaxbutton1).innerHTML ="<img src='img/pac-button-1-n.jpg'>";
      document.getElementById(ajaxbutton2).innerHTML ="<img src='img/pac-button-2-n.jpg'>";
      document.getElementById(ajaxbutton3).innerHTML ="<img src='img/pac-button-3-n.jpg'>";
      document.getElementById(ajaxbutton4).innerHTML ="<img src='img/pac-button-4-y.jpg'>";
      document.getElementById(ajaxbutton5).innerHTML ="<img src='img/pac-button-5-n.jpg'>";
      document.getElementById(ajaxmessage).innerHTML =xmlhttp.responseText;
    }
    else if (ajaxid == 5) {
      document.getElementById(ajaxbutton1).innerHTML ="<img src='img/pac-button-1-n.jpg'>";
      document.getElementById(ajaxbutton2).innerHTML ="<img src='img/pac-button-2-n.jpg'>";
      document.getElementById(ajaxbutton3).innerHTML ="<img src='img/pac-button-3-n.jpg'>";
      document.getElementById(ajaxbutton4).innerHTML ="<img src='img/pac-button-4-n.jpg'>";
      document.getElementById(ajaxbutton5).innerHTML ="<img src='img/pac-button-5-y.jpg'>";
      document.getElementById(ajaxmessage).innerHTML =xmlhttp.responseText;
    }
  }
}