// JavaScript Document
// This script is adapted from the "30 Second AJAX Tutorial" originally posted on rajshekhar.net. 

// This function establishes how the XMLHTTP request will be handled
// depending on whether the client is using IE or not.
function createRequestObject() {
    var req;
    var browser = navigator.appName;
    if(browser == "Microsoft Internet Explorer"){
        req = new ActiveXObject("Microsoft.XMLHTTP");
    }else{
        req = new XMLHttpRequest();
    }
    return req;
}

var http = createRequestObject();

// Next, we handle the triggered event.  In this case, if JavaScript is enabled, we will send the request and wait for a response.
function sndReq(state, val) {
		var procpage = '/include/ajax/ajax_image_presearch.php';
		
		if(state=='change') {
			procpage = procpage + '?change=' + val;
		} else {
			procpage = procpage + '?searchterm=' + val;
		}

		http.open('get', procpage);
    http.onreadystatechange = handleResponse;
    http.send(null);
}

function handleResponse() {
    if(http.readyState == 4){
        var response = http.responseText;
        var update = new Array();

        if(response.indexOf('|' != -1)) {
            update = response.split('|');
            document.getElementById(update[0]).innerHTML = update[1];
        }
    }
}