// JavaScript Document
var xmlHttp;

function displayEvent(str)
{ 




xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  } 
var url="content/event_detail.php";
url=url+"?event_id="+str;
//url=url+"&sid="+Math.random();
url=encodeURI(url);
xmlHttp.onreadystatechange=stateChanged2;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}

function stateChanged2() 
{ 
if (xmlHttp.readyState==4)
{ 

//var newImage = new Image();
//newImage.src = "images/event_detail.png";


//	alert("got this far");
var eventDetail = document.createElement("div");
eventDetail.id = "event_detail";
eventDetail.onclick = function(){document.getElementById('container').removeChild(document.getElementById('container').lastChild);
}
 

var image = document.createElement("img");
image.src =  "images/event_detail.png";
image.id = "event_detail_background";


var detailText = document.createElement("div");
detailText.id = "event_detail_txt";
detailText.innerHTML = xmlHttp.responseText;

eventDetail.appendChild(image);
eventDetail.appendChild(detailText);
document.getElementById("container").appendChild(eventDetail);






//document.getElementById("container").style.height=2400+"px";

}
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}