document.observe("dom:loaded", function() {
	var oDS = new YAHOO.util.XHRDataSource("index.php?option=com_maxsource&view=sources&format=raw");
	oDS.responseType = YAHOO.util.XHRDataSource.TYPE_JSON;
	// sample output is:
	// {"results":[{"key":"A123","name":"The Times"},{"key":"B123","name":"The Guardian"},{"key":"C300","name":"The Dorset Echo"}],"count":3}
	oDS.responseSchema = {
		resultsList : "results",
		    fields : [{ key: "zname" }, { key: "zkey" }, { key: "zregion" }, { key: "zmediatype" } ],
		    metaFields : { totalRecords : "totalcount" }
		};
	var oAC = new YAHOO.widget.AutoComplete("myInput","myContainer", oDS);
	
	oAC.queryDelay = .5;
	oAC.animSpeed = .1;
	oAC.maxResultsDisplayed = 999;
	oAC.minQueryLength = 3;
	oAC.resultTypeList = false; 	
	//oAC.alwaysShowContainer = true; 
	//oAC.typeAhead = true;
    oAC.generateRequest = function(sQuery) {
    	if ($('sourceradiobtn').checked)
    		s1 = 'sources';
    	else
    		s1 = 'authors';
    	//console.log("s1" + s1);
    	return "&table=" + s1 + "&filter=" + sQuery; 
	};
    
    //itemSelect handler function:
    var itemSelectHandler = function(sType, aArgs) {
    	var s1 = '<div class="showBoxOuter"><div class="showBoxInner"><h1>' + aArgs[2].zkey + ":" + aArgs[2].zname + "</h1>";
    	if (aArgs[2].zmediatype != null)
    		s1 += '<h2>' + 'Type: ' + aArgs[2].zmediatype + '</h2>';
    	if (aArgs[2].zregion != null)
	         s1 += '<h2>' + 'Region: ' + aArgs[2].zregion + '</h2>';
    	s1 += '</div></div>'; 
    	$('showSource').update(s1);
    };
    oAC.itemSelectEvent.subscribe(itemSelectHandler);
  
    //var dataReturnHandler = function(sType, aArgs) {
	//	console.log("data returned");
    //};
    //oAC.dataReturnEvent.subscribe(dataReturnHandler);

    //oAC.doBeforeLoadData = function(sQuery, oResponse, oPayload) {
   	//	console.log("before load handler" + oResponse.totalcount + oResponse.totalRecords + oResponse.metaFields);
   	//	return true;
    //};
});

function debug1() {

}