function callAHAH(url, pageElement, callMessage, errorMessage) {
     document.getElementById(pageElement).innerHTML = callMessage;
     try {
     req = new XMLHttpRequest(); 
     } catch(e) {
       try {
       req = new ActiveXObject("Msxml2.XMLHTTP");  
       } catch (e) {
         try {
         req = new ActiveXObject("Microsoft.XMLHTTP");  
         } catch (E) {
          req = false;
         } 
       } 
     }
     req.onreadystatechange
        = function() {responseAHAH(pageElement, errorMessage);};
     req.open("GET",url,true);
	 // request.setRequestHeader("Pragma", "no-cache");
	 // request.setRequestHeader("Cache-Control", "must-revalidate");
	 // request.setRequestHeader("If-Modified-Since", document.lastModified);

     req.send(null);
  }

function responseAHAH(pageElement, errorMessage) {
   if(req.readyState == 4) {
      if(req.status == 200) {
         output = req.responseText;
         document.getElementById(pageElement).innerHTML = output;
         } else {
         document.getElementById(pageElement).innerHTML = errorMessage+"\n"+responseText;
         }
      }
  }
function cpic(x,y) {
	if (document.getElementById)
		{
		var ag1 = x;
		var ag2 = y;
		callAHAH("getpic.php?pic=" + ag2 + "&selc=" + ag1, "ajaxreplace","<br><br><br><br><p><img src='images/loading_ani2.gif' alt='' width='48' height='54' /></p>", "...no server response - please reload the page...");
			for (i=0;i<3;i++) {
			ag3 = "ch" + i;
			document.getElementById(ag3).innerHTML = "<img src=\"templates/sgj3/images/arrowleft_dark.gif\">";
			}
		document.getElementById(ag2).innerHTML = "<img src=\"templates/sgj3/images/arrowleft.gif\">";
		}
}