﻿var infile = "";
var href=document.location.href;
if(href.indexOf("complaint_service.htm#")!=-1){
//infile = href.replace("complaint_service.htm#","");
 infile = href.substring(0, href.indexOf("complaint_service.htm#"));
//alert(infile);
}else{
//infile = href.replace("complaint_service.htm","");
infile = href.substring(0, href.indexOf("complaint_service.htm"));
//alert(infile);
}

function genLeftMenu() {
	//create width,2010/1/27,yame
	document.write("<table width='100%' class='leftMenu' cellpadding='0' cellspacing='3' border='0'>");
//	var xmlDoc = checkXMLObject("xml/byservices/channels_all_srv.xml");
//	var channel = xmlDoc.getElementsByTagName('channel');
//	for(var i=0;i<channel.length;i++){
//		var ser_area = channel[i].getElementsByTagName('SER_CAT')[0].firstChild.data;
//		var xmlFile = channel[i].getElementsByTagName('SER_CAT_SORT')[0].firstChild.data;
//		if(xmlFile.search("\\W") != -1){
//			xmlFile = xmlFile.substring(0,xmlFile.search("\\W"));
//		}
//		var icon = infile+"/common/image/icon2/"+xmlFile.toLowerCase()+".png";
//		xmlFile = infile+"/eng/xml/byservices/"+xmlFile+".xml";
//		genLeftMenuItem(ser_area,xmlFile,icon);
//	}
    genLeftMenuItem("Business, Trade and Industry", infile+"/xml/byservices/Business.xml","/common/image/icon2/business.png");
    genLeftMenuItem("Communications and Media", infile+"/xml/byservices/Communications.xml","/common/image/icon2/communication.png");
	genLeftMenuItem("Culture, Leisure and Sports", infile+"/xml/byservices/culture.xml","/common/image/icon2/culture.png");
    genLeftMenuItem("Education and Training", infile+"/xml/byservices/Education.xml","/common/image/icon2/education.png");
    genLeftMenuItem("Employment", infile+"/xml/byservices/Employment.xml","/common/image/icon2/employment.png");
    genLeftMenuItem("Environment", infile+"/xml/byservices/Environment.xml","/common/image/icon2/environment.png");
    genLeftMenuItem("Finance and Economics", infile+"/xml/byservices/Finance.xml","/common/image/icon2/finance.png");
    genLeftMenuItem("Housing and Building", infile+"/xml/byservices/Housing.xml","/common/image/icon2/housing.png");
    genLeftMenuItem("Immigration, Local Residents Documentation and Nationality Matters", infile+"/xml/byservices/Immigration.xml","/common/image/icon2/immigration.png");
    genLeftMenuItem("Information Technology", infile+"/xml/byservices/Information.xml","/common/image/icon2/information.png");
    genLeftMenuItem("Infrastructure, Land and Town Planning", infile+"/xml/byservices/Infrastructure.xml","/common/image/icon2/infrastructure.png");
    genLeftMenuItem("Law, Order and Human Rights", infile+"/xml/byservices/Law.xml","/common/image/icon2/law.png");
    genLeftMenuItem("Public Administration",infile+"/xml/byservices/Public_Admin.xml","/common/image/icon2/admin.png");
    genLeftMenuItem("Public Health and Safety", infile+"/xml/byservices/Public_Health.xml","/common/image/icon2/health.png");
    genLeftMenuItem("Social and Community Services", infile+"/xml/byservices/Social.xml","/common/image/icon2/social.png");
    genLeftMenuItem("Taxes and Duties", infile+"/xml/byservices/Taxes.xml","/common/image/icon2/taxes.png");
    genLeftMenuItem("Tourism", infile+"/xml/byservices/Tourism.xml","/common/image/icon2/tourism.png");
    genLeftMenuItem("Transport", infile+"/xml/byservices/Transport.xml","/common/image/icon2/transport.png");
    genLeftMenuItem("Other Public Services", infile+"/xml/byservices/Other.xml","/common/image/icon2/other.png");
    document.write("</table>");
    
}
function genLeftMenuItem(menuText,xmlFile,icon) {
	//create align and valign,2010/1/27,yame
	var area_seq2 = null;
	document.write("<tr><td align=\"left\" valign=\"middle\" onmouseover=\"this.className='leftMenuMouseOver';\" onmouseout=\"this.className='leftMenuMouseOut';\" class='leftMenuMouseOut'>");
    document.write("<div onmouseover=\"this.className='leftMenuDivMouseOver';\" onmouseout=\"this.className='leftMenuDivMouseOut';\" class='leftMenuDivMouseOut'>");
    document.write("<a href='javascript:void(0);' onclick='initializeSelect(\""+menuText+"\",\""+xmlFile+"\",\""+icon+"\",\""+area_seq2+"\")'>" + menuText + "</a></div></td></tr>");

}
//<div style='z-index:1;padding-top:-200px;float:right;position:relative;'><img  src='/common/image/eu_logo.png' alt='Efficiency Unit'/></div>

function genfooter() {

    document.write("<table width='100%' cellspacing='0' cellpadding='0' ><tr valign='top'><td ></td><td style='width:167px;border-left-color:#FED897;border-left-width:1px;border-left-style:solid;'>");
    document.write("<span style='padding:0;margin:0;position:relative; float:right; padding-left: 9px; bottom:20px;'>");
    document.write("<a href='http://www.eu.gov.hk/eindex.html'><img src='/common/image/eu_logo.jpg' alt='Efficiency Unit' title='Efficiency Unit' border='0'/></a>");
//    document.write("<br></br><img src='/common/image/caring_org.jpg' alt='Caring Organisation' title='Caring Organisation' border='0'/>");	
    document.write("</span></td></tr><tr class='footer'><td>");
    document.write("<p> 2010 © | <a href='/eng/based/notice.htm'>Important Notice</a> | <a href='/eng/based/privacy.htm'>Privacy Statement</a> </td>");
    document.write("<td align='right' style='width:162px; height:15px;'><a href='http://www.gov.hk/en/residents' target='_blank'><img style='width:100%; float:right; padding-left:-300px;' src='/common/image/logo_govhk.png' alt='GovHK' title='GovHK' border='0'/></a></p></td></tr>");
    document.write("</table>");

}
function genRightLayer() {
	document.write('<script type="text/javascript" src="http://www.eform.one.gov.hk/js/shared.js"></script>');
    document.write("<table width='100%' cellspacing='0' cellpadding='0' ><tbody><tr><td>");
    document.write("<a href='javascript:void(0);' onClick=\"openEform('EU0-001','en');\">");
	document.write("<img src='/eng/based/image/enquiry_box.jpg'/>");
	document.write("</a>");
	document.write("<p></p>");
  	document.write("<a href='/eng/based/mobileapp.htm');\">");
	document.write("<img src='/eng/based/image/mobileapps_box.jpg'/>");
	document.write("</a>");
    document.write("</td></tr><tr><td style='height:110px;'><br/></td></tr><tr ><td  style='height:100%'>");
    document.write("</td></tr></tbody></table>");

}
function genTopLayer(activeItem) {

    document.write("<table width='100%' cellspacing='0' cellpadding='0' height='200px' class='TopLayer'><tbody>");
    document.write("<tr valign='top'><td colspan='2' class='header'><a href='/eng/based/sitemap.htm'>SITEMAP</a></td></tr>");
    document.write("<tr valign='middle' style='height:90px;'><td align='left'><img src='/common/image/logo.png' height='100%' alt='1823' title='1823'/></td><td align='right'><img src='/eng/based/image/sogan.png' alt='1823 Online' title='1823 Online' /></td></tr>");
    document.write("<tr><td colspan='2'>");
    genMainMenu(activeItem);
    document.write("");
    document.write();
    document.write("</tbody></table>");
}

function genMainMenu(activeItem) {
    document.write("<div style='float:left;'><table ><tbody><tr>");
    document.write(genMenuItem("home", activeItem, "index_down.png", "index_up.png", "/eng/index.htm", "HOME"));
    document.write(genMenuItem("faq", activeItem, "faq_down.png", "faq_up.png", "/eng/FAQ/Dept_List.htm", "ENQUIRY"));
    document.write(genMenuItem("complaint", activeItem, "complaint_down.png", "complaint_up.png", "/eng/complain/complain01.htm", "COMPLAINT"));
    document.write(genMenuItem("about", activeItem, "about_down.png", "about_up.png", "/eng/based/aboutus.htm", "ABOUT 1823"));
    document.write(genMenuItem("perform", activeItem, "perform_down.png", "perform_up.png", "/eng/based/performance.htm", "1823 PERFORMANCE"));
    document.write(genMenuItem("contact", activeItem, "contact_down.png", "contact_up.png", "/eng/based/contact1823.htm", "CONTACT 1823"));
	var href = location.href;
	if(href.indexOf(".shtm")==-1){
		href = href.replace(".htm",".html");
	}else{
		href = href.replace(".shtm",".shtml");
	}
	try{
		var request = {
				QueryString : function(val) {
					var uri = window.location.search;
					var re = new RegExp("" + val + "=([^&?]*)", "ig");
					return ((uri.match(re)) ? (uri.match(re)[0].substr(val.length + 1)) : null);
				}
		}
		var ser_area =unescape(request.QueryString("ser_area"));
		if(ser_area == null || ser_area == ""){throw "Err1";}
		var header = "bd_"+ser_area.substring(0,1).toLowerCase();
		href = href.replace("complaint_business_dept.html","xml/byBD/"+header+".html");
	}catch(err){
	}
	document.write("</tr></tbody></table></div><div style='width:225px; text-align:right; float:right;'> <a href='javascript:window.location =location.href.replace(\"eng/\",\"big5/\");'>繁體中文</a> | <a href='javascript:window.location =\"http://sc.1823.gov.hk/TuniS/\"+location.href.replace(\"http://\", \"\").replace(\"eng/\",\"big5/\");'>简体中文</a> | <a href='" + href + "'>Text Only</a></div>");
    //document.write("</tr></tbody></table></div><div style='width:225px; text-align:right; float:right;'><a href='javascript:window.location =location.href.replace(\"eng/\",\"big5/\");'>繁體中文</a> | <a href='javascript:window.location =location.href.replace(\"eng/\",\"gb/\");'>简体中文</a> | <a href='" + href + "'>Text Only</a></div>");

}

function genTopLayer_ser(activeItem) {

    document.write("<table width='100%' cellspacing='0' cellpadding='0' height='200px' class='TopLayer'><tbody>");
    document.write("<tr valign='top'><td colspan='2' class='header'><a href='/eng/based/sitemap.htm'>SITEMAP</a></td></tr>");
    document.write("<tr valign='middle' style='height:90px;'><td align='left'><img src='/common/image/logo.png' height='100%' alt='1823' title='1823'/></td><td align='right'><img src='/eng/based/image/sogan.png' alt='1823 Online' title='1823 Online' /></td></tr>");
    document.write("<tr><td colspan='2'>");
    genMainMenu_ser(activeItem);
    document.write("");
    document.write();
    document.write("</tbody></table>");
}

function genMainMenu_ser(activeItem) {
 document.write("<div style='float:left;'><table ><tbody><tr>");
    document.write(genMenuItem("home", activeItem, "index_down.png", "index_up.png", "/eng/index.htm", "home"));
    document.write(genMenuItem("faq", activeItem, "faq_down.png", "faq_up.png", "/eng/FAQ/Dept_List.htm", "faq"));
    document.write(genMenuItem("complaint", activeItem, "complaint_down.png", "complaint_up.png", "/eng/complain/complain01.htm", "complaint"));
    document.write(genMenuItem("about", activeItem, "about_down.png", "about_up.png", "/eng/based/aboutus.htm", "about"));
    document.write(genMenuItem("perform", activeItem, "perform_down.png", "perform_up.png", "/eng/based/performance.htm", "perform"));
    document.write(genMenuItem("contact", activeItem, "contact_down.png", "contact_up.png", "/eng/based/contact1823.htm", "contact"));

	var href = location.href;
	if(href.indexOf(".shtml")==-1){
		href = href.replace(".htm",".html");
	}else{
		href = href.replace(".shtml",".shtm");
	}
	if (activeItem == "complaint"){
		document.write("</tr></tbody></table></div><div style='width:225px; text-align:right; float:right;'> <a href='javascript:window.location=changeLang(\"big5\");'>繁體中文</a> | <a href='javascript:window.location=changeLang(\"gb\")'>简体中文</a> | <a href='" + href + "'>Text Only</a></div>");
	} else {
        document.write("</tr></tbody></table></div><div style='width:225px; text-align:right; float:right;'><a href='javascript:window.location =location.href.replace(\"eng/\",\"big5/\");'>繁體中文</a> | <a href='javascript:window.location =\"http://sc.1823.gov.hk/TuniS/\"+location.href.replace(\"http://\", \"\").replace(\"eng/\",\"big5/\");'>简体中文</a> | <a href='" + href + "'>Text Only</a></div>");
	}
}

function genMenuItem(itemId, activeItem, onmouseoverImg, onmouseoutImg, hrefLink, altImg) {
    return "<td> <a  onmouseover=\"MM_swapImage('" + itemId + "','','/eng/based/image/" + onmouseoverImg + "',1)\" onmouseout='MM_swapImgRestore()' href='" + hrefLink + "'> <img src='/eng/based/image/" + ((activeItem == itemId) ? onmouseoverImg : onmouseoutImg) + "' name='" + itemId + "' id='" + itemId + "' alt='" + altImg + "' title='" + altImg + "'  /> </a> </td>";
}

function MM_swapImgRestore() { //v3.0
    var i, x, a = document.MM_sr; for (i = 0; a && i < a.length && (x = a[i]) && x.oSrc; i++) x.src = x.oSrc;
}
function MM_preloadImages() { //v3.0
    var d = document; if (d.images) {
        if (!d.MM_p) d.MM_p = new Array();
        var i, j = d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i < a.length; i++)
            if (a[i].indexOf("#") != 0) { d.MM_p[j] = new Image; d.MM_p[j++].src = a[i]; }
    }
}

function MM_findObj(n, d) { //v4.01
    var p, i, x; if (!d) d = document; if ((p = n.indexOf("?")) > 0 && parent.frames.length) {
        d = parent.frames[n.substring(p + 1)].document; n = n.substring(0, p);
    }
    if (!(x = d[n]) && d.all) x = d.all[n]; for (i = 0; !x && i < d.forms.length; i++) x = d.forms[i][n];
    for (i = 0; !x && d.layers && i < d.layers.length; i++) x = MM_findObj(n, d.layers[i].document);
    if (!x && d.getElementById) x = d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
    var i, j = 0, x, a = MM_swapImage.arguments; document.MM_sr = new Array; for (i = 0; i < (a.length - 2); i += 3)
        if ((x = MM_findObj(a[i])) != null) { document.MM_sr[j++] = x; if (!x.oSrc) x.oSrc = x.src; x.src = a[i + 2]; }
}

function getSerId(ser_cat){
 if (ser_cat !=null){
	switch (ser_cat)
	{
	case "Public Administration":
	  return "public_admin";
	  break;
	case "Public Health and Safety":
	  return "public_health";
	  break;
	case "Culture, Leisure and Sports":
	  return "culture";
	  break;
	case "Immigration, Local Residents Documentation and Nationality Matters":
	  return "immigration";
	  break;  
	case "Housing and Building":
	  return "Housing";
	  break;  
	case "Law, Order and Human Rights":
	  return "Law";
	  break;  
	case "Social and Community Services":
	  return "Social";
	  break;  
	case "Finance and Economics":
	  return "Finance";
	  break;  
	case "Tourism":
	  return "Tourism";
	  break;  
	case "Business, Trade and Industry":
	  return "Business";
	  break;  
	case "Infrastructure, Land and Town Planning":
	  return "infrastructure";
	  break;  
	case "Education and Training":
	  return "education";
	  break;  
	case "Communications and Media":
	  return "communications";
	  break;  
	case "Employment":
	  return "employment";
	  break;  
	case "Taxes and Duties":
	  return "Taxes";
	  break;  
	case "Information Technology":
	  return "information";
	  break;  
	case "Transport":
	  return "transport";
	  break;  
	case "Environment":
	  return "environment";
	  break; 	  
	case "Other Public Services":
	  return "Other";
	  break;  	  
	default:
	  return null;
	}
 }
}

function getSerCat(ser_id){
 if (ser_id !=null){
 switch (ser_id)
{
case "public_admin":
  return "Public Administration";
  break;
case "public_health":
  return "Public Health and Safety";
  break;
case "culture":
  return "Culture, Leisure and Sports";
  break;
case "immigration":
  return "Immigration, Local Residents Documentation and Nationality Matters";
  break;  
case "Housing":
  return "Housing and Building";
  break;
case "Law":
  return "Law, Order and Human Rights";
  break;
case "Social":
  return "Social and Community Services";
  break;
case "Finance":
  return "Finance and Economics";
  break; 
case "Tourism":
  return "Tourism";
  break;
case "Business":
  return "Business, Trade and Industry";
  break;
case "infrastructure":
  return "Infrastructure, Land and Town Planning";
  break;
case "education":
  return "Education and Training";
  break; 
case "communications":
  return "Communications and Media";
  break;
case "employment":
  return "Employment";
  break;
case "Taxes":
  return "Taxes and Duties";
  break;
case "information":
  return "Information Technology";
  break; 
case "transport":
  return "Transport";
  break;
case "environment":
  return "Environment";
  break;
case "Other":
  return "Other Public Services";
  break;  
default:
  return null;
}

 }
}

function getXml(ser_id){
 if (ser_id !=null){
 //alert ("xml/byservices/" + ser_id + ".xml");
 
 ser_id = ((ser_id.substring(0, 1)).toUpperCase()) + ser_id.substring(1,ser_id.length);
 if (ser_id == "Public_admin" ){
	ser_id = "Public_Admin";
 }
 if (ser_id == "Public_health" ){
	ser_id = "Public_Health";
 }
 //alert(ser_id);
 return ("xml/byservices/" + ser_id + ".xml");
 }
}



function changeLang(vLang){
 	//var ser_id1 = "";
	//ser_id1=	document.getElementById('serId').value ;
	//alert("changeLang");
	//alert(ser_id);
	//alert(document.getElementById("serId").value);

	if (!(document.getElementById("serId").value)  || (!ser_id) ){
		//alert ("change lang not serId.txt");
                var y = "1";
	} else {	
		ser_id = document.getElementById("serId").value ;
	}

	if (!document.getElementById("serArea").value || (!area_seq)){
		//alert (" change lang not area seq");
                var z = "1";
	} else {	
		area_seq = document.getElementById("serArea").value ;
	}

	var href = document.location.href;
	if(href.indexOf(".shtml")==-1){
		href = href.replace(".htm",".html");
	}else{
		href = href.replace(".shtml",".shtm");
	}
	
//alert(ser_id);	
	//if (ser_id != "" && ser_id != null){
	var iHref ="";
	if (!(document.getElementById("serId").value) || document.getElementById("serId").value == null || ser_id == null || (!ser_id) || ser_id == "" || ser_id == "null"){
	  //alert ("iHref not serId.txt");
	  iHref = document.location.href.substring(0, href.indexOf("complaint_service.htm")) + "complaint_service.htm";	  
	} else {
		if(area_seq){
			iHref = document.location.href.substring(0, href.indexOf("complaint_service.htm")) + "complaint_service.htm?ser_id=" + ser_id + "&area_seq=" + area_seq;
	        } else {
	                iHref = document.location.href.substring(0, href.indexOf("complaint_service.htm")) + "complaint_service.htm?ser_id=" + ser_id;
                }
	}
	var gbHref = iHref.replace("eng/","big5/");
	var engHref = iHref.replace("eng/","eng/");
	var big5Href = iHref.replace("eng/","big5/");

	//var engHref = iHref;
	//var big5Href = iHref;
	//alert(engHref);
	//alert(big5Href);
	//alert(iHref);

	if (vLang == "gb"){
	
		//document.location.href = engHref;
		//document.redirect = engHref;
		//alert (engHref);
		iHref=gbHref;
		var lnkHref = iHref;
		if(lnkHref.toLowerCase().indexOf("sc.1823.gov.hk/tunis/")>=0){
		}else{
			iHref = "http:" + "//sc.1823.gov.hk/TuniS/" + lnkHref.substring(lnkHref.indexOf("http://")+7);
		}
	} else if (vLang == "eng"){
	
		//document.location.href = engHref;
		//document.redirect = engHref;
		//alert (engHref);
		iHref=engHref;
		var lnkHref = iHref;
		if(lnkHref.toLowerCase().indexOf("sc.1823.gov.hk/tunis/")>=0){
			iHref = "http:" + "//" + lnkHref.substring(lnkHref.toLowerCase().indexOf("sc.1823.gov.hk/tunis/") + 21);
		}else{
		}
	} else {
		
		//document.redirect = "http://www.abc.com";
		//document.location.href = big5Href;
		//alert(big5Href);
		iHref=big5Href;
		var lnkHref = iHref;
		if(lnkHref.toLowerCase().indexOf("sc.1823.gov.hk/tunis/")>=0){
			iHref = "http:" + "//" + lnkHref.substring(lnkHref.toLowerCase().indexOf("sc.1823.gov.hk/tunis/") + 21);
		}else{
		}
	}
	return iHref;
}

function initializeSelect(ser_cat,xmlFile,icon, a_seq){
//ming
//alert(xmlFile);
var ser_id1 = "";

if (ser_cat == null) {
 return;
}

if (xmlFile ==null){
   ser_id1 = ser_cat;
   //alert("org ser_id1");
   //alert(ser_id1);
   ser_cat=getSerCat(ser_id1);
   var xmlFile1=getXml(ser_id1);
   //icon=getIcon(ser_id1);
   xmlFile=href.substring(0, href.indexOf("complaint_service.htm"))+xmlFile1;
   //icon =  "/common/image/icon2/" + (ser_id1.replace("public_","")).toLowerCase() + ".png";
   //icon = "../.."+icon;
////alert("xml null");
   //alert(ser_cat);

   //alert(xmlFile);
   //alert(icon);
} else {
  ser_id1=getSerId(ser_cat);
  //alert(ser_id1);
  
}

document.getElementById("serId").value = ser_id1;
document.getElementById("serArea").value = area_seq;
//a_seq 
ser_id = ser_id1;
//alert("izeSelect ser_id" + ser_id1);
//alert(ser_id);
//alert(ser_id);
//document.location.href = href.substring(0, href.indexOf("complaint_service1.htm")) + "complaint_service1.htm?ser_id=" + ser_id1;
//alert(document.location.href);
//ming
	if (window.XMLHttpRequest){
		xhttp=new XMLHttpRequest();
	}else{
		xhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}

	xhttp.open("GET",xmlFile,false);
	xhttp.send("");
	xmlDoc=xhttp.responseXML; 
	
	//var navigationText = document.getElementById("navigationText");//not use id name,2010/1/27,yame
	//modify img path,2010/1/27,yame
    document.getElementById("navigationText").innerHTML = ser_cat;
    document.getElementById("imgId").style.visibility = 'visible';
			
//	var xmlDoc = checkXMLObject(xmlFile);
	var channel = xmlDoc.getElementsByTagName('channel');
	//var tdObject = document.getElementById('changeTd');//not use id name,2010/1/27,yame
	
	document.getElementById('changeTd').setAttribute("className","ComplaintContentLayer");
	//var area ="";
	var str = '<table width="100%" >';
	str += '<tr height=>';
	str += '<td class="ComplaintHeading" style="background: url('+icon+') no-repeat right bottom;">';
	str += ser_cat.toUpperCase();
	str += '</td>';
	str += '</tr>';
	str += '<tr>';
	str += ' <td class="BlueSquare">';
	str += '<ul>';
	var lastStr = "";
	for(var i=0;i<channel.length;i++){
		var s = channel[i].getElementsByTagName('SER_AREA_SORT')[0].firstChild.data;
		//alert ("sort:" + s);
		if(lastStr != s){
			str += '<li>';
			var area = channel[i].getElementsByTagName('SER_AREA')[0].firstChild.data;
			str += '<a href="javascript:void(0);" onclick="loadCDATA(\''+xmlFile+'\',\''+area+'\',null)">';
			//alert('<a href="javascript:void(0);" onclick="loadCDATA(\''+xmlFile+'\',\''+area+'\',null)">');
			str += area;
			lastStr = s;
			str += '</a>';
			str += '</li>';
		}
		
	}
	str += '</ul>';
	str += '</td>';
	str += '</tr>';
	str += '<tr>';
	str += '<td class="BluePoint" id="matterTD">';
	str += '<ul><li>'+channel[0].getElementsByTagName('SER_AREA')[0].firstChild.data+'</li></ul>';
	//str += '<ul><li>'+area+'</li></ul>';
	str += '</td>';
	str += '</tr>';
	str += '<tr>';
	str += '<td class="DepartmentTable" id="channelTD">';
str += '<table width="100%" >';
			str += '<tr class="ComplaintTableHeader orangeline">';
			str += '<td width="30%">';
			str += 'SUBJECT MATTER';
			str += '</td>';
			str += '<td width="70%">';
			str += 'COMPLAINT CHANNEL';
			str += '</td>';
			str += '</tr>';
			str += '<tr>';
			str += '<td colspan="2">';
			str += '<br />';
			str += '</td>';
			str += '</tr>';
	for(var i=0;i<channel.length;i++){
		if(channel[i].getElementsByTagName('SER_AREA')[0].firstChild.data == channel[0].getElementsByTagName('SER_AREA')[0].firstChild.data){
			//delete some label,2010/1/27,yame
			str += '<tr class="ComplaintTable">';
			str += '<td>';
			str += channel[i].getElementsByTagName('SUB_MATTER')[0].firstChild.data;
			str += '</td>';
			str += '<td>';
			str += xmlStrTohtml(convert_xml_to_string(channel[i].getElementsByTagName('COMP_CHANNEL')[0]));
			str += '</td>';
			str += '</tr>';
		}
	}

			str += '</table>';
	str += '</td>';
	str += '</tr>';
	str += '</table>';
	
	document.getElementById('changeTd').innerHTML= str;
	if (a_seq && a_seq != null && a_seq != "null") {
	   loadCDATA(xmlFile,area, a_seq);
	}
}

function loadCDATA(xmlFile,ser_area, a_seq){
	if (window.XMLHttpRequest){
		xhttp=new XMLHttpRequest();
	}else{
		xhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}

	xhttp.open("GET",xmlFile,false);
	xhttp.send("");
	xmlDoc=xhttp.responseXML; 
	
//	var xmlDoc = checkXMLObject(xmlFile);
	var channel = xmlDoc.getElementsByTagName('channel');
	//var title = document.getElementById('matterTD');//not use id name,2010/1/27,yame
	//var content = document.getElementById('channelTD');//not use id name,2010/1/27,yame

	if (!(!(a_seq)) && a_seq != null && a_seq != "" && a_seq!="null" ) {
		for(var i=0;i<channel.length;i++){
			if(channel[i].getElementsByTagName('SQ')[0].firstChild.data == a_seq){
				ser_area = channel[i].getElementsByTagName('SER_AREA')[0].firstChild.data;
				//alert ("find ser_area");
				//alert (ser_area);
				a_seq = null;
				break;
			}
		}
	}	
	document.getElementById('matterTD').innerHTML = '<ul><li>'+ser_area+'</li></ul>';
	
	var area_seq2 = "";
	
	var str = "";
	
			str += '<table width="100%" >';
			str += '<tr class="ComplaintTableHeader orangeline">';
			str += '<td width="30%">';
			str += 'SUBJECT MATTER';
			str += '</td>';
			str += '<td width="70%">';
			str += 'COMPLAINT CHANNEL';
			str += '</td>';
			str += '</tr>';
			str += '<tr>';
			str += '<td colspan="2">';
			str += '<br />';
			str += '</td>';
			str += '</tr>';	
	for(var i=0;i<channel.length;i++){
		if(channel[i].getElementsByTagName('SER_AREA')[0].firstChild.data == ser_area){

		//alert(area_seq.value);
		//alert (i);
			//if (!area_seq || area_seq=="null" || !(area_seq != null) ) {
			if (area_seq2 == ""){
				area_seq = channel[i].getElementsByTagName('SQ')[0].firstChild.data;
				//alert(area_seq);
				document.getElementById("serArea").value = area_seq;
				area_seq2 = area_seq;
			}
			//delete some label,2010/1/27,yame
			str += '<tr class="ComplaintTable">';
			str += '<td>';
			str += channel[i].getElementsByTagName('SUB_MATTER')[0].firstChild.data;
			str += '</td>';
			str += '<td>';
			str += xmlStrTohtml(convert_xml_to_string(channel[i].getElementsByTagName('COMP_CHANNEL')[0]));
			str += '</td>';
			str += '</tr>';
		}
	}
	
			str += '</table>';
			document.getElementById('channelTD').innerHTML = str;
}

function convert_xml_to_string(xmlObject){
	if (window.ActiveXObject) { // for IE
		return xmlObject.xml;
	} else {
		return (new XMLSerializer()).serializeToString(xmlObject);
	}
}
function xmlStrTohtml(str){
	while(str.indexOf("&lt;")>=0){
		str = str.replace("&lt;","<");
	}
	while(str.indexOf("&gt;")>=0){
		str = str.replace("&gt;",">");
	}
	while(str.indexOf("&amp;")>=0){
		str = str.replace("&amp;","&");
	}
	return str;
}
//Created / Generates the captcha function    
function DrawCaptcha()
{
//To activate the captcha, just uncomment the following code.
/*
	var a = Math.ceil(Math.random() * 10)+ '';
	var b = Math.ceil(Math.random() * 10)+ '';       
	var c = Math.ceil(Math.random() * 10)+ '';  
	var d = Math.ceil(Math.random() * 10)+ '';  
	var e = Math.ceil(Math.random() * 10)+ '';  
	var f = Math.ceil(Math.random() * 10)+ '';  
	var g = Math.ceil(Math.random() * 10)+ '';  
	var code = a + ' ' + b + ' ' + ' ' + c + ' ' + d + ' ' + e + ' '+ f + ' ' + g;
	
	document.getElementById("form1").txtCaptcha.value = code;
*/
}

// Validate the Entered input aganist the generated security code function   
function ValidCaptcha(){
	var str1 = removeSpaces(document.getElementById("form1").txtCaptcha.value);
	var str2 = removeSpaces(document.getElementById("form1").txtInput.value);
	if (str1 == str2) return true;        
	return false;
	
}

// Remove the spaces from the entered and generated code
function removeSpaces(string)
{
	return string.split(' ').join('');
}

function lastUpdateDate(lastUpdate){
	var d1 = Date.parse(lastUpdate);
	var d2 = new Date(d1);
	var monthInt = (d2.getMonth() + 1);
	var monthStr = ( 1==monthInt)?'Jan':( 2==monthInt)?'Feb':(3==monthInt)?'Mar':
    ( 4==monthInt)?'Apr':( 5==monthInt)?'May':(6==monthInt)?'Jun':
    ( 7==monthInt)?'Jul':( 8==monthInt)?'Aug':(9==monthInt)?'Sep':
    (10==monthInt)?'Oct':(11==monthInt)?'Nov':'Dec';
	
    document.write("<table width='100%' cellspacing='0' cellpadding='0' ><tr>");
    document.write("<td align='left'><span style='padding:0;margin:0;position:relative; float:right; padding-right: 20px; bottom:-10px;font-size:12px;'><br></br><br></br><br></br>Last revision date: " + d2.getDate() + " " + monthStr + " " + d2.getFullYear() + "</span></td>");
    document.write("<td class='RightLayer' align='right' style='width:170px; height:15px;'>&nbsp;</td>");
    document.write("</tr></table>");

}

function print_doc() {
    document.write("<a href='#' onclick='print_doc_action();'>");
    document.write("<img title='print' src='/common/image/print.png' alt='print' />");
    document.write("</a>");
}
function print_doc_action(){
	var href = location.href;
	if(href.indexOf(".shtm")==-1){
		href = href.replace(".htm",".html");
	}else{
		href = href.replace(".shtm",".shtml");
	}
	var child = window.open(href);
	child.focus();
	child.print();
}

function openEformAsl(vfr) {
var lang = "en";	    
openEform(vfr, lang);
}

function switchMenu(obj) {
	var faq = document.getElementById(obj);
	if ( faq.style.display != "none" ) {
		faq.style.display = 'none';
	}
	else {
		faq.style.display = '';
	}
}

function goToXmlPage(xmlUrl){
	var l = xmlUrl.length;
	var newUrl = xmlUrl.substring(0,l-4)+"htm";
	window.location.href = newUrl;
	//alert(newUrl);
}
