function displayInsightDetail(id)
{
	// Create and send the AJAX xall
	createRequest();

	var url = "/js/ajax/insight/getDetail.php?id=" + id;
	request.open("GET",url,true);
	request.onreadystatechange = updateDetail;
	request.send(null);
}

function updateDetail()
{
	if (request.readyState == 4)
	{
		var delimiter = "[::]";
		var updatedInfo = request.responseText;
		
		// alert(updatedInfo);
		
		var aUpdated = new Array();
		aUpdated = updatedInfo.split(delimiter);
		
		if (aUpdated[0] == "SUCCESS")
		{
			// alert("AM I HERE?");
			// var i = 0;
			// for (i = 0; i < aUpdated.length; i++)
				// alert(aUpdated[i]);
			
			// update the fields with the correct information
			if (aUpdated[3] != "EMPTY") {
				document.getElementById('insight_detail_image').src = "/images/insight/" + aUpdated[3];
				document.getElementById('insight_detail_image').style.display = "inline";
			}
			else {
				document.getElementById('insight_detail_image').src = "/images/insight/placeholder.gif";
				document.getElementById('insight_detail_image').style.display = "none";
			}
				 
			if (aUpdated[1] != "EMPTY") {
				replaceText(document.getElementById('insight_detail_title'),aUpdated[1]); }
			else {
				replaceText(document.getElementById('insight_detail_title'),""); }
			
			if (aUpdated[2] != "EMPTY") {
				replaceText(document.getElementById('insight_detail_text'),aUpdated[2]); }
			else {
				replaceText(document.getElementById('insight_detail_text'),""); }
			
			
			
			document.getElementById('insight_detail_wrapper').style.display = "block";
			//we need to set the height correctly... 
			var height = document.getElementById('insight_detail_wrapper').offsetHeight + 20;
			document.getElementById('library_main').style.height = height + "px";
			document.getElementById('insight_left').style.display = "none";
			document.getElementById('insight_right').style.display = "none";
			
			
		}
		else
		{
			alert('error'); // development only... 
		}
	}	
}

function closeInsightDetail()
{
	//we need to set the height correctly...
	document.getElementById('library_main').style.height = "auto"
	document.getElementById('insight_left').style.display = "block";
	document.getElementById('insight_right').style.display = "block";
	document.getElementById('insight_detail_wrapper').style.display = "none";
	
	
}