$(document).ready(function(){
	var mainSearchInput_value = $("#mainSearchInput").val();

	setInterval(function(){
		if( $("#mainSearchInput").val() != mainSearchInput_value) {
			mainSearchInput_value = $("#mainSearchInput").val();
			$("#topSearchAutocomplete").css("visibility", "hidden");
			if(mainSearchInput_value.length != 0) {
				$.ajax({
					url : "/userAjax.php",
					data : {
						'script' : '/scripts/content/searchAutocomplete.ajax.php',
						'word' : mainSearchInput_value
					},
					success : function( answer ) {
						if(answer.length == 0) return ;
						var words = answer.split("\n");
						if(words.length != 0) {
							$("#topSearchAutocomplete").css("visibility", "visible");
							$("#topSearchAutocompleteData a").remove();
							for(var i = 0; i < words.length; i ++) {
								var v = mainSearchInput_value.replace(/[^0-9a-zа-я\ ]/gi, "");
								var pattern = new RegExp(v, 'gi');
								//var html = words[i].replace(pattern, "<span>" + v + "</span>");
								var html = words[i].replace(pattern, function(str){
									return "<span>" + str + "</span>";
								});
								html = "<a href=\"javascript:void(0);\">" + html + "</a>";
								$("#topSearchAutocompleteData").append(html);
							}
						}
					}
				});
			}
			
		}
	}, 500);
	
	$("#topSearchAutocompleteData a").live('click', function(event){
		event.preventDefault();
		$("#mainSearchInput").val($(this).text());
		$("#mainSearchInput").parents('form').submit();
	});
	
	$("#mainSearchInput").click(function(e){
		//$("#topSearchAutocomplete").css("visibility", "visible");
		$("#dropDownTbl").css("visibility", "hidden");
		e.stopPropagation();
	});
	
	$("a.dropDownLnk").click(function(e){
		$("#topSearchAutocomplete").css("visibility", "hidden");
	});
	
	$("body").click(function(e){
		if($(e.target).parents("#topSearchAutocomplete").get().length == 0) {
			$("#topSearchAutocomplete").css("visibility", "hidden");
		}
	});
});