/*!
 * Auto Complete 5.1
 * April 13, 2010
 * Corey Hart @ http://www.codenothing.com
 */ 
jQuery(function($){
	// Setup maxHeight for IE6
	$.autoComplete.defaults.maxHeight = 250;

	// Normal Auto-complete initiation
	$('input[name=search1]').autoComplete();

	// Add enabling feature (disable to begin with)
	$('input[name=enable-1]').attr('disabled', 'true').click(function(){
		$('input[name=search1]').autoComplete();
		$('input[name=destroy-1]').attr('disabled', false);
		$(this).attr('disabled', 'true');
	});
	// Add disabling feature
	$('input[name=destroy-1]').click(function(){
		$('input[name=search1]').autoComplete('destroy');
		$('input[name=enable-1]').attr('disabled', false);
		$(this).attr('disabled', 'true');
	});



	// Auto-complete preventing form submission, and firing onSelect function
	$('input[name=search2]').autoComplete({
		// preventEnterSubmit is already flagged true by default
		onSelect: function(event, ui){
			alert('You have selected ' + ui.data.value);
		}
	});



	// Auto-complete using separate ajax script/post values
	$('input[name=cid]').autoComplete({
		ajax: 'ajax2.php',
		postData: {
			hook1: 'Do something on hook1',
			hook2: 1942,
			hook3: 'Do something with hook3'
		},
		postFormat: function(event, ui){
			// Add the current timestamp to each request
			ui.data.requestTimestamp = (new Date()).getTime();

			// Return the data object to be passed with the ajax function
			return ui.data;
		}
	});



	// Auto-complete using metadata and maximum requests
	$('input[name=search4]').autoComplete({
		onMaxRequest: function(event, ui){
			$(this).css('background-color', 'red');
			alert('Sorry, but you have used up the maximum number of reqests allowed, and ' + ui.search + ' was not processed');
		}
	});
	// Clear requests and remove red background
	$('input[name=search4-submit]').click(function(){
		$('input[name=search4]').autoComplete('flush').css('background-color', 'white').val('').focus();
	});



	// Auto-complete with trigger
	$('#input-c').autoComplete();
	// Trigger full 'c' list
	$('#submit-c').click(function(){
		$('#input-c').autoComplete('button.ajax', { all: true, letter: 'c' }, 'ALL_LETTER_C_REQUESTS');
	});
	// Trigger full 'd' list
	$('#submit-d').click(function(){
		$('#input-c').autoComplete('button.ajax', { all: true, letter: 'd' },  'ALL_LETTER_D_REQUESTS');
	});
	// Clear just the cache, not the # of requests
	$('#submit-flush').click(function(){
		$('#input-c').autoComplete('flush', true);
	});



	// Autocomplete on User Supplied data
	$('input[name=search6]').autoComplete({
		dataSupply: ['jane', 'john', 'doe', 'amy', 'alice', 'louis', 'liz', {value: 'mark'}, {value: 'merideth', display: 'Merideth Johnson'}]
	});
	// Trigger whole list
	$('#search6').click(function(){
		$('input[name=search6]').autoComplete('button-supply');
	});



	// Multiple words, autofill, and striped lists
	$('input[name=search7]').autoComplete({
		multiple: true,
		multipleSeparator: ' ',
		autoFill: true,
		striped: 'auto-complete-striped',
		// Add a delay as autofill takes some time
		delay: 100
	});



	// Hide/Show affect on code preview
	var wrapper = $('#AutoCompleteFocus'), maxWidth = $(window).width() - wrapper.offset().left - 50;
	if ( maxWidth > 500 ) {
		maxWidth = 500;
	}

	// Toggle code for floater
	wrapper.find('a').toggle(
		function(){
			$(this).html('- Close Code');
			wrapper.css({ height: 250, width: maxWidth }).find('pre').show();
			return false;
		},
		function(){
			$(this).html('+ Open Code');
			wrapper.css({ height: 100, width: 300 }).find('pre').hide();
			return false;
		} 
	);

	// Setup global focus event for tracking
	$.autoComplete.focus = function(){
		var focus = $.autoComplete.getFocus( true ), previous = $.autoComplete.getPrevious( true );
		wrapper.find('.current span').html(
			focus.length ? 'name=' + focus.attr('name') + "'" : 'Nothing in Focus'
		);
		wrapper.find('.previous span').html(
			previous.length ? 'name=' + previous.attr('name') + "'" : 'Nothing previously in focus'
		);
	};
});