function listChange(mode)
{
    xmlhttp = createXMLHttp();
	if(xmlhttp){
			
	    var requestDate = "js/servicelist.json?mode="+mode;
        xmlhttp.onreadystatechange = listView;
		xmlhttp.open("GET",requestDate, true);
		xmlhttp.send(null);
	}	
}

function listView()
{
    if(xmlhttp.readyState == 4 && xmlhttp.status == 200)
	{
        
	    var datatext = xmlhttp.responseText;
		var data  = eval( '('+ datatext +')' );

        var list = document.getElementById("list");
	    list.innerHTML = "";

		
		for(var i=0; i<data.length; i++)
		{
			var li = document.createElement("li");
			li.innerHTML = data[i];
			
			list.appendChild(li);
	    }
	}

}

function createXMLHttp()
{
	var XMLhttpObject = null;
	
	try{
		XMLhttpObject = new XMLHttpRequest();
	
	}catch(e){
			
			try{
				XMLhttpObject = new ActiveXObject("Msxml2.XMLHTTP");
			
			}catch(e){
			
				try{
					XMLhttpObject = new ActiveXObject("Microsoft.XMLHTTP");
				
				}catch(e){
					return null;
				}
			}
	}
	return XMLhttpObject;
}