// JavaScript Document
function getResource(id, cid) {	
	document.getElementById('resource_list').innerHTML = "";
   if (window.XMLHttpRequest) { // Mozilla, Safari,...
	   http_request = new XMLHttpRequest();
   } else if (window.ActiveXObject) { // IE
	   http_request = new ActiveXObject("Microsoft.XMLHTTP");
   }
   http_request.open('GET', 'ajax_resources.php?type_ID='+id+'&cat_ID='+cid, true);
   /*http_request.open('GET', 'request.html', true);*/
   http_request.onreadystatechange = function(){
		if (http_request.readyState == 4) {
		   if (http_request.status == 200) {
			   displayAll(http_request);
		   } else {
			   alert('There was a problem with the request.');
		   }
	   }
   }
   http_request.send(null);
}

function displayAll(req){
	var oHTML = '';
	if(req.responseText.length > 18){
		var data = eval('(' + req.responseText + ')');
		oHTML = '<ul>';
		for(i=0; i < data.resources.length; i++){
			oHTML += '<li><div class="resource_item">';
            oHTML += '<table width="98%" cellpadding="0" cellspacing="2">';
            oHTML += '<tr>';
            oHTML += '<td width="50%" align="left"><b>'+data.resources[i].resource.name+'</b></td>';
            oHTML += '<td width="50%" align="right">'+data.resources[i].resource.phone+'</td>';
            oHTML += '</tr>';
            oHTML += '<tr><td>&nbsp;</td></tr>';
            oHTML += '<tr>';
            oHTML += '<td align="left" colspan="2">'+data.resources[i].resource.address + " " + data.resources[i].resource.city+", "+data.resources[i].resource.zip+'</td>';
            oHTML += '</tr>';
            oHTML += '<tr>';
            oHTML += '<td align="left" colspan="2"><a href="mailto:'+data.resources[i].resource.email+'">'+data.resources[i].resource.email+'</a></td>';
            oHTML += '</tr>';
            oHTML += '<tr>';
            oHTML += '<td align="left" colspan="2"><a href="'+data.resources[i].resource.url+'">'+data.resources[i].resource.url_title+'</a></td>';
            oHTML += '</tr>';
            oHTML += '</table>';
            oHTML += '</div></li>';
		}
		oHTML += '</ul>';
	}else{
		oHTML = '<b><font color="#FFFFCC"  face="Arial, Helvetica, sans-serif" size="-1" >No Results</font></b>';
	}
	
	document.getElementById('resource_list').innerHTML = oHTML;
}