$(document).ready(function () {
	var t;
	var ok=0;
	$('#arama').bind('keydown',type);
	$('#arama').bind('keyup',keyup);
	$(window).click(function () {
	if  ($('#oneriler').is(':visible'))
	$('#oneriler').hide("fast");
	});
	function type(e) {

	if (e.which==38 || e.which==40)
		{
			if ($('#oneriler').children('div').length>0)
			{
				if ($("#oneriler").children('div [class="secili"]').length>0)
				{
					var s=$("#oneriler").children('div [class="secili"]');
					s.toggleClass("secili");
					if (e.which==40)
						s.next().toggleClass("secili");
					else
						s.prev().toggleClass("secili");
						s= $("#oneriler").children('div [class="secili"]');
						$('#arama').val(s.attr('k'));
					}
				else {
					$('#oneriler div').filter("div :first").toggleClass("secili");
					var s=$("#oneriler").children('div [class="secili"]');
					$('#arama').val(s.attr('k'));
				}
			}
		}
	}

function keyup(e) {
	if ($('#arama').val().length==0) 
		{if ($('#oneriler').is(':visible'))
				$('#oneriler').hide("fast");
		}
	if (e.which!=38 && e.which!=13 && e.which!=40 && $('#arama').val().length>0	&& $('#arama').val()!=" ") {
		var f=function(e) {
		ok=0;
		$.getJSON(arama_sayfasi,{kelime:$('#arama').val()},
			function(data){
				if  (!$('#oneriler').is(':visible'))
				$('#oneriler').show("fast");
				$('#oneriler').empty();
				ok=1;
				$.each(data,function(key,value){
					$('#oneriler').append( 
					"<div style='display:block;cursor:default' k="+key+"<b>"+
					"</b><span style='width:188px; display:inline-block; border-top:1px solid #999999' class='gray_bg4 menu_txt'><a href='http://"+location.host+"/"+value+"'><b>"+key+
					"</b><br>"+value.replace("_"," ").replace("_"," ").replace("_"," ").replace("_"," ").replace("_"," ").replace("-"," ").replace(key.substr(0,key.indexOf("<")),"").replace("/"," ").replace("/"," ")+"</a></span></div>");
					});	
				$("#oneriler>div").bind('mouseover',mover).bind('click',entered);
			});
		}
		var check=function()
		{if (ok==0) $('#oneriler').hide("fast");}

		if (t==null)
		t=setTimeout( f ,500);
		else {
		clearTimeout(t);
		t=setTimeout( f,500);
		setTimeout( check,3000);
		}		
	}
}	

	function mover() {
		$("#oneriler > div").removeAttr("class");
		$(this).toggleClass("secili");
		var s=$("#oneriler").children('div [class="secili"] ');
		$('#arama').val(s.attr('k'));
	}
  
	function entered() {
		$( "#arama_form").submit();	
	}

});