wordsearch.LiveSearchView = {
    update: function(kws) {
        var entries = kws.feed.entry;
	var html = "";
	if (! entries) {
		$('search_results').hide();
	}
	else {
	    entries.each(function(entry, index) {
		var template = 
		    '<div id="kw#{id}" class="kw">' + 
                    '<div class="title" id="title#{id}">#{title}</div>'+"\n"+
                    '</div>'+"\n";
		html += template.interpolate({
		                              title:     entry.title.$t,
		                              id:        entry.id.$t});

	    });
	    var pos = Position.cumulativeOffset($('box_search'));
	    var dim = Element.getDimensions($('box_search'));
	    $('search_results').style.left = pos[0] + "px";
	    $('search_results').style.top =(eval(pos[1]) + eval(dim.height))+"px";
		$('search_results').show();
	}
//	document.getElementById('search_results').style.visibility = "visible";
	$('search_results').update(html);
    },

//マウスイベントが起こった時の描画部分
    show: function(kw, action) {
    	var change = document.getElementById(kw);
    	if(action == "on"){
    		change.className = "kw_m";
    	}else if(action == "out"){
    		change.className = "kw";
    	}else if(action == "click"){
    		change.className = "kw";
    		var keyword = document.getElementById(kw).firstChild.innerHTML;
    		document.getElementById("box_search").value = keyword;
//			document.getElementById('search_results').style.visibility = "hidden";
//結果表示部分を隠す
			$('search_results').hide();
    		$('search_results').update("");
    	}
    }
};
