window.onload=initialize;

var input;
var resultsNode;
var messageNode;
var videoDiv;
var videoInPlayer;

function initialize() {
	
	resultsNode = document.getElementById('searchresults');
	messageNode = document.getElementById('message');
	videoDiv = document.getElementById('embeddedvideo');
	input = document.getElementById('input');

	input.onkeyup = sendSearch;
	
	request = null;
	createRequest();	
	
}

function sendSearch() {

	var url="videoserve.php?query="+escape(input.value);
	
	request.open("GET", url, true);
	request.onreadystatechange = displayVideo;
	request.send(null);

}

function displayVideo() {

	if (request.readyState < 4) {
	
		messageNode.innerHTML = "The army of gnomes is processing your request . . .";
		return;
		
	}
	
	messageNode.innerHTML = "&nbsp;";
	
	result = request.responseText;
	
	rawstring = result.split('|');
	
	regexp = /^nogo/;
	
	if (!regexp.test(rawstring[0])) {
	
		embedVideo(rawstring[0]);
	
	}
	
	resultsNode.innerHTML = rawstring[1];
	return;

}

function createRequest() {

	// From "Head Rush Ajax" by Brett McLaughlin

	try {
		request = new XMLHttpRequest();
	} catch (trymicrosoft) {
		try {
			request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (othermicrosoft) {
			try {
				request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (failed) {
				request = null;
			}
		}
	}
	
	if (request == null) {
		alert("Error creating request object!");
	}

}

function embedVideo(videoid) {

	videoDiv.innerHTML = '<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/'+videoid+'&hl=en&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'+videoid+'&hl=en&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>';

}