/* textFilter - a simple module for a text input filter.
 * Author -- Daniel Bruckner 2011
 *
 * To use:
 * 1. Include this file on your page, probably at the bottom.
 * 2. Add the class "textFilter-input" to any text input tag you would like to
 *    act as a filter.
 * 3. Add the class "textFilter-target" to any DOM element to be hidden if it
 *    does not match the filter text.
 * 4. Add the class "textFilter-match" to the DOM element (contained by a
 *    textFilter-target) that contains the match text for its ancestor.
 *
 *
 * EXAMPLE:
  * <style type="text/css">
 * 	.search-input {
 * 		margin-bottom: 12px;
 * 	}
 * 	.textFilter-target {
 * 		line-height: 10px;
 * 		padding: 10px 4px;
 * 		border-bottom: 1px solid black;
 * 	}
 * </style>
 *
 * <div class="container">
 * 	<div class="search-input">
 * 		<input class="textFilter-input" placeholder="Start typing to filter" />
 * 	</div>
 * 	<div class="textFilter-target">
 * 		<span class="textFilter-match">This is a text sample with unique string "Lorem"</span>
 * 	</div>
 * 	<div class="textFilter-target">
 * 		<span class="textFilter-match">This is a text sample with unique string "Ipsum"</span>
 * 	</div>
 * 	<div class="textFilter-target">
 * 		<span class="textFilter-match">This is a text sample with unique string "Dolor"</span>
 * 	</div>
 * 	<div class="textFilter-target">
 * 		<span class="textFilter-match">This is a text sample with unique string "Sit"</span>
 * 	</div>
 * 	<div class="textFilter-target">
 * 		<span class="textFilter-match">This is a text sample with unique string "Amet"</span>
 * 	</div>
 * </div>
 *
 */
(function () {

/* Initialize filter inputs */
var defaultText = $('.textFilter-input').val();

$('.textFilter-input')
	.focus(function (e) {
		if ($(this).val() === defaultText)
			$(this).val('');
	})
	.blur(function (e) {
		if ($(this).val() === '')
			$(this).val(defaultText);
	})
	.keyup(function (e) {
		var patterns = $(this).val().toLowerCase().split(' ');
		if (!patterns.length)
			return;
		$('.textFilter-target')
			.hide()
			.filter(function () {
				var matchText = $(this)
					.find('.textFilter-match')
					.text()
					.toLowerCase();
				for (var i=0; i<patterns.length; i++)
					if (matchText.indexOf(patterns[i]) === -1)
						return false;
				return true;
			})
			.show();
	});

})();