//ADDING OTHER SCRIPT FILES THIS PAGE USES SO AS TO NOT HAVE TO ADD MULTIPLE SCRIPTS TO THE PAGE
var docHead = document.getElementsByTagName('head')[0];

var js = document.createElement('script');
js.setAttribute('type','text/javascript');
js.setAttribute('src','includes/AjaxRequest.js');
docHead.appendChild(js);

js = document.createElement('script');
js.setAttribute('type','text/javascript');
js.setAttribute('src','includes/findPosition.js');
docHead.appendChild(js);

var displayDiv;

function AjaxAnswer(what,answerId){
	var xmlHttp = getXmlHttpObject();
	xmlHttp.onreadystatechange=function(){
		if(xmlHttp.readyState==4){
			//REMOVE ANY EXISTING ANSWER THERE MAY BE		
			RemoveAnswer()
			
			//CREATE A DIV TO DISPLAY THE AJAX RETURNED TEXT
			displayDiv = document.createElement("div",true);
			displayDiv.innerHTML = '<div style="text-align:center"><a href="javascript:RemoveAnswer()">Close</a></div>'
			displayDiv.innerHTML += xmlHttp.responseText;
			//SET THE STYLE ON THE NEWLY CREATED DIV
			
			with (displayDiv.style){
				background='#eeeeee';
				border='1px solid #990000';
				width='400px';
				padding='20px';
				position='absolute';
				top=(findPosY(what)-0) + 'px';	
				left=(findPosX(what)-100) + 'px';	
			}
			displayDiv.className = 'smLabelAL'
			//APPEND THE NEW DIV TO THE DIV FOR DISPLAYING THE FAQ ANSWER
			document.getElementById('Answer').appendChild(displayDiv);
		}
	}
	xmlHttp.open("GET","AjaxFAQ.aspx?answerId=" + answerId,true);
	xmlHttp.send(null);  
}

function RemoveAnswer(){
	//REMOVE THE APPENDED FAQ ANSWER DIV TAG 
	//FROM THE DIV TAG DISPLAYING IT
	try{document.getElementById('Answer').removeChild(displayDiv);}
	catch(e){}
}