var xmlhttp = false;
// Check if we are using IE.
try {
	// If the javascript version is greater than 5.
	xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
	// If not, then use the older active x object.
	try {
		// If we are using IE.
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	} catch (E) {
		// Else we must be using a non-IE browser.
		xmlhttp = false;
	}
}
// If we are using a non-IE browser, create a JavaScript instance of the object.
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
	xmlhttp = new XMLHttpRequest();
}
/**
 * get any ajax page by giving the layer id, page and qiery
 */
function ajaxPage(layer_id, page, query) {
	document.getElementById(layer_id).innerHTML = 'loading ... ';
	xmlhttp.open("GET", page + '?' + query);
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
			document.getElementById(layer_id).innerHTML = xmlhttp.responseText;
		}
	}
	xmlhttp.send(null);
}
/**
 * get any ajax page by giving the page and query without output data
 */
function ajaxPageNoOutput(page, query) {
	xmlhttp.open("GET", page + '?' + query);
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
			location.reload(true);
		}
	}
	xmlhttp.send(null);
}
/**
 * ajax with animated jquery for selected layer
 * 
 * @param id
 * @param page
 * @param query
 * @return
 */
function ajaxGroupAnimated(id, page, query) {
	// jquery hide
	$('#' + id).fadeOut('slow');

	// call ajax and fadeout animation
	xmlhttp.open("GET", page + '?' + query);
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
			document.getElementById(id).innerHTML = xmlhttp.responseText;
			$('#' + id).fadeIn('slow');
		}
	}
	xmlhttp.send(null);
}