// web location of the server side script
var stockPopSuggestionServerScript = "stockpopup/stockpop_sugg.php";
var stockPopServerScript = "stockpopup/stockpop.php";

function showStock() {
		$('#jSuggestContainer').hide();
		var gloss = $('#stockPopup');
		// remove the previous result if existing
		$('#stockPopupResult').remove();
		// append new result and show it
		gloss.append('<div id="stockPopupResult" style="position: absolute; font-famiy: sans-serif; font-size: 8pt; display: none; background: #fff; border: 1px solid #ccc; width: 400px;'
            + 'left: '+ gloss.offset().left + 'px;'
            + 'top: ' + (gloss.offset().top + gloss.height() + 2) + 'px; "><div id="stockTextContent">Loading...</div><div style="text-align: center;"><a href="#" style="color: #000;" id="closePopupResult">Close</a></div></div>');
		$('#closePopupResult').click(function() {
			$('#stockPopupResult').remove();
		});
		$('#stockPopupResult').slideDown();
		// make AJAX request 
		$.ajax({
			url : stockPopServerScript + '?q=' + $('#stockPopQuery').val(),
			success : function(text) {
				$('#stockTextContent').html("<div>" + text + "</div>");
				$('#stockPopQuery').val('').focus();
				//$('#jSuggestContainer').hide();
			}
		});
	}

$(document).ready(function() {
	$("#stockPopQuery").jSuggest({
		url: stockPopSuggestionServerScript,
		type: "GET",
		data: 'stockPopQuery',
		delay: 250,
		minchar: 2,
		autoChange: false,
		loadingImg: 'stockpopup/ajax-loader.gif',
		result: '#stockPopupResult'
	});
	
	// attach event handlers
	$('#stockSearch').click(showStock);
	$('#stockPopQuery').keydown(function(event) {
  			/*if (event.keyCode == 13 && $('#stockPopQuery').length < 1)
  				showStock();*/
  	});
});