function loadMapIcons(type, id){
	
	var map_elem = document.getElementById('client_map');
	var loader = document.getElementById('loader');
	
	var xval = lbElementGetX(map_elem);
	var yval = lbElementGetY(map_elem);
	
	var height = getElementHeight(map_elem);
	var width = getElementWidth(map_elem);
	
	xval = xval + ((width/2) - (125));
	yval = yval + ((height/2) - (22.5));
	
	loader.style.display = "block";
	loader.style.left = xval+"px";
	loader.style.top = yval+"px";
	
	// do an ajax call for clients
	var url = LB_BASE_URL + "ajax_call.php?page=client_search";
	new Ajax.Request(
	url, 
	{
		method: 'post', 
		parameters: 'type='+type+'&id='+id, 
		onComplete: displayPoints,
		asynchronous: true
	});
	
	var url = LB_BASE_URL + "ajax_call.php?page=client_search";
	new Ajax.Request(
	url, 
	{
		method: 'post', 
		parameters: 'type='+type+'&id='+id+'&render=1', 
		onComplete: displayTable,
		asynchronous: true
	});
	
	
}

function displayTable(ajax){
		
	document.getElementById('client_table').innerHTML = ajax.responseText;
	
}

function displayPoints(ajax){
		
	var loader = document.getElementById('loader');
	loader.style.display = "none";
		
	eval(ajax.responseText);
}

function showBox(elem, id){
	
	var box = document.getElementById(id);
	
	var xval = lbElementGetX(elem);
	var yval = lbElementGetY(elem);
	
	box.style.left = xval+"px";
	box.style.top = yval+"px";
	box.style.display = "block";
	
}

function closeBox(id){
	var box = document.getElementById(id);
	box.style.display = "none";
}