$(document).ready(function(){
	$(".filterbox").keyup(function(e){if(e.keyCode == 13) {run_filter(); return false;}});
});

function run_filter() {
	domain_filter = $("#domain_filter").val();
	keyword_filter = $("#keyword_filter").val();
	
	if (term_filter.length) {
		clear_filters("term");
		$(".filter").remove();
		//$("#term_filter").val("");
		fetch_data();
		add_filter_box(term_filter);
	}
	
	if (domain_filter.length) {
		clear_filters("domain");
		$(".filter").remove();
		$("#domain_filter").val("");
		fetch_data();
		add_filter_box(domain_filter);
	}
	
	if (keyword_filter.length) {
		clear_filters("keyword");
		$(".filter").remove();
		$("#keyword_filter").val("");
		fetch_data();
		add_filter_box(keyword_filter);
	}					
}

function clear_filters(except) {
	if (except != "keyword") { keyword_filter = ""; }
	if (except != "domain") { domain_filter = ""; }
	if (except != "term") { term_filter = ""; }
}

function add_filter_box(value) {
	var filter = document.createElement("div");
	$(filter).addClass("filter");
	$(filter).html(value);
	$(filter).click(function(){ 
		clear_filters(); 
		$(this).remove();
		$("#filter_container").html(""); 
		fetch_data();
	});
	$("#filter_container").html("<b>Applied Filters</b><div style='padding:5px;'><i>Click on the filter to remove it.</i></div>"); 			
	$(filter).appendTo($("#filter_container"));
}
