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 ajaxPageNoLoading(layer_id, page, query) {
	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);
}
/**
 * loading image while call the ajax page
 * 
 * @param img
 * @param page
 * @param query
 * @param layer_id
 * @return
 */
function ajaxImageLoading(img, page, query, layer_id) {
	document.getElementById(layer_id).innerHTML = '<br /><br /><br /><img src="' + img + '" />';
	ajaxPageNoLoading(layer_id, page, query);
}
function domAjax(page, query, image_id, layer_id) {
	document.getElementById(image_id).innerHTML = '<img src="images/image_loader.gif" align="absmiddle" /><b>Loading ...</b>';

	// call ajax page
	xmlhttp.open("GET", page + '?' + query);
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
			document.getElementById(layer_id).innerHTML = xmlhttp.responseText;
			document.getElementById(image_id).innerHTML = '';
		}
	}
	xmlhttp.send(null);
}
/**
 * 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;
			$('#' + layer_id).slideDown('slow');
		}
	}
	xmlhttp.send(null);
}
function ajaxLogin(layer_id, page, query) {
	xmlhttp.open("GET", page + '?' + query);
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
			text = xmlhttp.responseText;
			if(text == 1)
				ajaxPage("thick_box","ajax/user_groups.ajax.php","form=do");
			else 
				document.getElementById('thick_box').innerHTML = text;
		}
	}
	xmlhttp.send(null);
}