<!--

$(function(){
	//alert(document.write($.cookie('suggest')));
	
	if($.cookie('suggest') == "on"){
		var suggest_switch = "on";
		//$("#on").attr('checked',"");
		//$("#on").html("<font color='#ff0000'\>ON</font\>-OFF");
		$("#textbox").attr("autocomplete","off");
	}else if($.cookie('suggest') == "off"){
		var suggest_switch = "off";
		$("#on").removeAttr('checked');
		//$("#on").html("ON-<font color='#ff0000'\>OFF</font\>");
		$("#textbox").attr("autocomplete","on");
	}else{
		var suggest_switch = "on";
		//$("#on").attr('checked',"");
		//$("#on").html("<font color='#ff0000'\>ON</font\>-OFF");
		$("#textbox").attr("autocomplete","off");
	}
	$("#on").click(function(){
		if(suggest_switch == "off"){
			//$("#on").html("<font color='#ff0000'\>ON</font\>-OFF");
			suggest_switch = "on";
			$("#textbox").attr("autocomplete","off");
			$.cookie('suggest','on',{ expires: 7 });
		}else{
			//$("#on").html("ON-<font color='#ff0000'\>OFF</font\>");
			suggest_switch = "off";
			$("#textbox").attr("autocomplete","on");
			$('div.view').hide();
			$.cookie('suggest','off',{ expires: 7 });
		}
	});

	$('#textbox').keyup(function(e){
		//alert(suggest_switch);
		if(e.keyCode != '40' && e.keyCode != '38'){
			//onの時
			if(suggest_switch == "on"){
				$.get("http://www.google.com/complete/search",
				{
					hl:'ja',
					json:'true',
					qu:$('#textbox').val()
				},
				displayData,"jsonp");
			}
		}
	});
	//↓キー押下時
	var key_no = -1;
	var hurui_no = -1;
	
	$('#textbox').keydown(function(e){
		var saidai_no = $("div.suggest_tr").length - 1;
		//色が反転してるのがすでにあれば
		$("div.suggest_tr").each(function(idx){
			//$('#textbox').val($(this).find("div.suggest_data").css("background-color"));
			if($(this).find("div.suggest_data").css("background-color") == "rgb(51, 102, 204)" || $(this).find("div.suggest_data").css("background-color") == "#3366cc"){
				hurui_no = parseInt($(this).attr("id"));
			}
			
		});	
		//下がる
		if(e.keyCode == '40'){
			key_no = hurui_no + 1;
				//alert(key_no);
			if($("#"+ key_no).html()){
				//alert($("#"+ key_no).html());
				$("#"+ hurui_no).find("div.suggest_data").css("background-color","#ffffff");
				$("#"+ hurui_no).find("div.suggest_data").css("color","#000000");
				$("#"+ key_no).find("div.suggest_data").css("background-color","#3366CC");
				$("#"+ key_no).find("div.suggest_data").css("color","#ffffff");
				hurui_no = key_no; 
			}else{
				$("#"+ hurui_no).find("div.suggest_data").css("background-color","#ffffff");
				$("#"+ hurui_no).find("div.suggest_data").css("color","#000000");
				key_no = -1;
				hurui_no = -1;
			}
		}
		//上がる
		if(e.keyCode == '38'){
			key_no = hurui_no -1;
			if($("#"+ hurui_no).html()){
				$("#"+ hurui_no).find("div.suggest_data").css("background-color","#ffffff");
				$("#"+ hurui_no).find("div.suggest_data").css("color","#000000");
				$("#"+ key_no).find("div.suggest_data").css("background-color","#3366CC");
				$("#"+ key_no).find("div.suggest_data").css("color","#ffffff");
				hurui_no = key_no;
			}else{
				key_no = saidai_no;
				$("#"+ key_no).find("div.suggest_data").css("background-color","#3366CC");
				$("#"+ key_no).find("div.suggest_data").css("color","#ffffff");
				hurui_no = key_no;
			}
		}
		//enterキー
		if(e.keyCode == "13"){
			if(0 <= key_no){
				$("#textbox").val($("#"+ key_no).find("div.suggest_data").html());
			}
		}
	});

});
//データ取得時
function displayData(data) {
	//alert(key_no);
	$('div.view').empty();
	if(data[1][1]){
		$("div.view").show();
	}else{
		$('div.view').empty();
		$('div.view').hide();
	}
	$.each(data[1], function(idx,obj){
		$("div.view").append("<div class='suggest_tr' id='"+ idx + "'\><div class='suggest_data'\>" + obj + "</div\></div\>");
		$("div.suggest_tr").css("background-color","#ffffff");
		$("div.suggest_tr").find("div.suggest_data").css("background-color","#ffffff");
		$("div.suggest_tr").find("div.suggest_data").css("color","#000000");
	});
	$("div.view").append("<div class='close'\>閉じる</div\>");
	$("div.suggest_tr").hover(
		function(){
		//色が反転してるのがすでにあれば
		$("div.suggest_tr").each(function(idx){
			//$('#textbox').val($(this).find("div.suggest_data").css("background-color"));
			if($(this).find("div.suggest_data").css("background-color") == "rgb(51, 102, 204)" || $(this).find("div.suggest_data").css("background-color") == "#3366cc"){
				$(this).find("div.suggest_data").css("background-color","#ffffff");
				$(this).find("div.suggest_data").css("color","#000000");
			}
		});	
		$(this).find("div.suggest_data").css("background-color","#3366CC");
		$(this).find("div.suggest_data").css("color","#ffffff");
		hurui_no = parseInt($(this).attr("id"));
		//key_no = hurui_no - 1;
		},
		function(){
		$(this).find("div.suggest_data").css("background-color","#ffffff");
		$(this).find("div.suggest_data").css("color","#000000");
	});
	$("div.suggest_tr").click(function(){
		//alert($(this).find("div.suggest_data").html());
		$("#textbox").val($(this).find("div.suggest_data").html());
		$('div.view').empty();
		$('div.view').hide();
		$('#f').submit();
	});
	$("div.close").click(function(){
		$('div.view').empty();
		$('div.view').hide();
	});
	$('#textbox').blur(function(){
		//$('div.view').hide();
	});
}
// -->