var phraseStr = 'wpisz...';
var priceMinStr = 'cena od...';
var priceMaxStr = 'cena do...';


function clearOnFocus(element, value) {
		if(element.value == value) {
			element.value = '';
		}
		return false;
	}
	
	function setValueOnBlur(element, value) {
		if(element.value == '' || element.value == null) {
			element.value = value;
		}
		return false;
	}
	
	function clearDefaults() {
		if($('#phraseS').attr('value') == phraseStr) {
			$('#phraseS').attr('value', '');
		}
		
		if($('#priceMin').attr('value') == priceMinStr) {
			$('#priceMin').attr('value', '');
		}
		
		if($('#priceMax').attr('value') == priceMaxStr) {
			$('#priceMax').attr('value', '');
		}
	}
	
	$(function() {
	
	function format(av) {
		if(av == true) {
				res =  '<div style="float: right; color: green; font-size: 10px; text-align: right; width: 65px; font-weight: regular;">(dostępny)</div>'
			} else {
				res = '<div style="float: right; color: red; font-size: 10px; text-align: right; width: 65px; font-weight: regular;">(niedostępny)</div>'
			}
			
		return res;
	}
	
	$("#phraseS").autocomplete('/search/ajaxlivesearch', {
		minChars: 1,
		mustMatch: false,
		matchContains: false,
		scroll: true,
		scrollHeight: 220,
		width: 220,
		parse: function(data) {
			return $.map(eval(data), function(row) {
			//alert(row.name);
				return {
					data: row,
					value: row.name,
					result: row.name
				}
			});
		},
		
		
		formatItem: function(item) {
			
			
			var itemDiv = '';
			var av = '';
			
			itemDiv = '<div style="float: right; width: 125px;">' + item.name + '</div>';

			return  format(item.available)+itemDiv;
			//return item;
		}
	}).result(function(e, item) {
		$("#phraseS").attr("value", item.name);
		
	});
});
