function jobVacancies(){

	var url = "";
	if(window.location.search.substring(1)){
	url="/ajax/JobVacanciesProxy.aspx?"+window.location.search.substring(1);
	}else{
	url="/ajax/JobVacanciesProxy.aspx";
	}
	var xmlhttp = getXMLHTTP();	
	if (xmlhttp!=null){
		xmlhttp.onreadystatechange=function (){
	if (xmlhttp.readyState==4){
		if (xmlhttp.status==200){ // 200 = "OK"
			var xmlDoc = null;
			if (window.XMLHttpRequest){ // code for IE7, Firefox, Opera, etc.
				parser = new DOMParser();
				xmlDoc = parser.parseFromString(xmlhttp.responseText, "text/xml");
			}else { // code for IE6, IE5
				xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
				xmlDoc.async = "false";
				xmlDoc.loadXML(xmlhttp.responseText);
			}
			jobVacanciesList(xmlDoc);
	    }
	  	else{
	  	   	alert("Problem retrieving XML data:" + xmlhttp.statusText);
	    }
	}
}
		xmlhttp.open("POST",url,true);
		xmlhttp.send("");
	}else{
  		alert("Your browser does not support XMLHTTP.");
  	}
}


function jobVacanciesList(xmlDoc){
    var tmpStr = "";
	var objNodeID = xmlDoc.getElementsByTagName("id");
	var objNodeTitle = xmlDoc.getElementsByTagName("job_title");
    
    var objNodeCat = xmlDoc.getElementsByTagName("job_cat");
    var objNodeCompany = xmlDoc.getElementsByTagName("company");
    var objNodeDuties = xmlDoc.getElementsByTagName("duties");
    var objNodePostDate = xmlDoc.getElementsByTagName("post_date");
    var objNodeRegion = xmlDoc.getElementsByTagName("region");
    var len = objNodeID.length;

	
    tmpStr = "<table id=\"mainTable\" width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" class=\"genTableNoTitle_noMargin\">";
	tmpStr += "<tr>";
    tmpStr += "<th class=\"itemHeader dateHeader\">Date Posted</th>";
    tmpStr += "<th class=\"itemHeader\">Job Title</th>";
    tmpStr += "</tr>";
    var HK_count = 0;
    var Mainland_count = 0;
    var ClassEven = "";
    for (i = 0; i < len; i++) {
        if (objNodeRegion[i].childNodes[0].nodeValue == "HK"){
            if (HK_count%2)
                ClassEven = "class=\"even\"";
            else ClassEven = "";
            tmpStr += "<tr " + ClassEven + " id=\""+objNodeRegion[i].childNodes[0].nodeValue+"_"+HK_count+"\">";
            HK_count++;
        }else if (objNodeRegion[i].childNodes[0].nodeValue == "CN"){
            if (Mainland_count%2)
                ClassEven = "class=\"even\"";
            else ClassEven = "";
            tmpStr += "<tr " + ClassEven + " id=\""+objNodeRegion[i].childNodes[0].nodeValue+"_"+Mainland_count+"\">";
            Mainland_count++;
        }
		//alert("1");
        tmpStr += "<td>"+objNodePostDate[i].childNodes[0].nodeValue+"</td>";
        //alert("2");
        tmpStr += "<td><a href=\"job_details.aspx?id=" + objNodeID[i].childNodes[0].nodeValue + "\">" + objNodeTitle[i].childNodes[0].nodeValue + /*"(" + objNodeID[i].childNodes[0].nodeValue + ")*/"</a><br/><span class=\'jobCompany\'>" /*+"Company: "*/ + objNodeCompany[i].childNodes[0].nodeValue + "</span></td></tr>";
		 //alert("3");
		//	tmpStr += "</tr><tr id=\""+objNodeRegion[i].childNodes[0].nodeValue+"_"+i+"_details"+"\"><td></br>";
    }
    tmpStr +="</table>";
	
	//alert(tmpStr);
    document.getElementById('tableContent').innerHTML = tmpStr;
            
	jobActive("HK_",1);	
}

function jobActive(region,page){
	
	var item_per_page = 5;
	var max_item = page*item_per_page;
	var init_item = max_item - item_per_page;
	var tmpStr="";
	var jvHK=document.getElementById('jvHK');
	var jvCN=document.getElementById('jvCN');
	var mainTableBody = document.getElementById("mainTable");
	var rows = mainTableBody.getElementsByTagName("tr");
	
	var page_item = 0;
	var region_item = 0;
	if(region=="HK_"){
		jvHK.setAttribute("class","active");
		jvHK.setAttribute("className","active");
		jvCN.setAttribute("class","");
		jvCN.setAttribute("className","");
	}else if(region=="CN_"){
		jvCN.setAttribute("class","active");
		jvCN.setAttribute("className","active");
		jvHK.setAttribute("class","");
		jvHK.setAttribute("className","");
	}
	
		for (var i=0;i<rows.length;i++){
			//if(rows[i].getAttribute('id') != ""){
			if(rows[i].getAttribute('id') != "" && rows[i].getAttribute('id') != null){
				if(rows[i].getAttribute('id').substr(0,3) == region){
					region_item++;
					if(region_item > init_item*2 && page_item < max_item*2 ){
						rows[i].style.display = "";
						page_item++;
					}else{			
						rows[i].style.display = "none";
					}
				}else{
					rows[i].style.display = "none";
				}
			}
		}
		var totalPage = Math.ceil(region_item/(item_per_page*2));
		var previousPage=page-1;
		if (previousPage<=0)
			previousPage=1;
		var nextPage=page+1;
		if (nextPage>=totalPage)
			nextPage=totalPage;
		tmpStr="<a href=\"#\" onclick=\"javascript:jobActive('"+region+"',"+previousPage+");\"><img src=\"../images/arrow_paginator_inquiries_l.gif\" alt=\"\" /></a>";
		//alert(totalPage);
		for(var b=1;b<=totalPage;b++){
			if(page==b){
				tmpStr+="<span class=\"highlight\">"+b+"</span>";
			}else{
				tmpStr+="<a href=\"#\" onclick=\"javascript:jobActive('"+region+"',"+b+");\">"+b+"</a>";
				var tmp="<a href=\"#\" onclick=\"javascript:jobActive('"+region+"',"+b+");\" >"+b+"</a>";
				
			}
			if(b!=totalPage){
				tmpStr+=" | ";
			}
		}
		tmpStr+="<a href=\"#\" onclick=\"javascript:jobActive('"+region+"',"+nextPage+");\"><img src=\"../images/arrow_paginator_inquiries_r.gif\" alt=\"\" /></a>";
		
		document.getElementById('paging').innerHTML = tmpStr;
}