﻿/**
* AJAX stuff.
*/

var ajaxHolderId = '';
var xmlHttp = null;
var loadingBarId = "loadingBar";

function sendAJAX(query,holderId) {
	ajaxHolderId = holderId;

	if (navigator.userAgent.indexOf("Opera")>=0)
	{
		alert("Sorry, AJAX feature on this website doesn't work in Opera.");
		return;
	}

//	showLoadingBar(loadingBarId);
//	showLoadingBar(ajaxHolderId);
	document.getElementById(ajaxHolderId).innerHTML = "<div id=loaderBarJs><br><div class='loading'><img src='./lang/vietnam/images/waiting-icon.gif' border=0><br>Đang load dữ liệu...</div><br></div>";

    if (query.indexOf("?") == -1)
    {
        url = query;
        data = "";
        xmlHttp = getXmlHttpObject();
	    xmlHttp.open("POST",url,true);
    }
    else
    {
        url = query.substr(0,query.indexOf("?"));
	    data = query.substr(query.indexOf("?")+1);
	    xmlHttp = getXmlHttpObject();
	    xmlHttp.open("POST",url,true);
    }
	
	// set http header
	xmlHttpHeader='Content-Type:application/x-www-form-urlencoded; charset=UTF-8';
	xmlHttp.setRequestHeader(xmlHttpHeader.split(':')[0],xmlHttpHeader.split(':')[1]);

	if (navigator.userAgent.indexOf("MSIE")>=0) {
		xmlHttp.onreadystatechange=stateChanged;
	}
	else
    {
		xmlHttp.onload=stateChanged;
		xmlHttp.onerror=stateChanged;
	}
	
	// send data
	xmlHttp.send(data);
}

function getXmlHttpObject()
{
	var obj=null;
	
	if (navigator.userAgent.indexOf("MSIE")>=0)
  { 
		try
    { 
			obj=new ActiveXObject("Msxml2.XMLHTTP");
      return obj;
    } 
		catch(e)
    { 
      alert("Error. Scripting for ActiveX might be disabled");
    }
	}
	else
  {
		obj=new XMLHttpRequest();
		return obj;
	}
}

function stateChanged() { 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") {
		document.getElementById(ajaxHolderId).innerHTML = xmlHttp.responseText;
		hideLoading();
	}
}
// end AJAX stuff

/**
* Show loading bar
*/
var loaderId;
function showLoading(id) {
	loaderId = id;
	document.getElementById(loaderId).innerHTML = "<div id=loaderBarJs><br><div class='loading'>Loading data ...</div><br></div>";
}

/**
* Hide loading bar
*/
function hideLoading() {
	document.getElementById('loaderBarJs').style.display='none';
}

