$(document).ready(function(){
	$('img.loading').css('visibility', 'hidden');
	var timer=null;	
	var requestId=null;
	var lastRequestString='';
	$("#filter em").bind('textchange', function(){
		$('img.loading').css('visibility', 'visible');
		ajax({
			type: "GET",
			url: "/includes/job-list.php",
			data:
			{
				employment_type:$('input#employment_type').val(),
				searchstring:$('input#livesearchfield').val(),
				filterstring:$(this).text()
			},
			cache:false,
			success:function (data, textStatus){
			  	$('div#joblistcontent').html(data);
			},
			complete:function (){
				$('img.loading').css('visibility', 'hidden');
			}
		});
	});
	function ajax(o){
		if(requestId)
			requestId.abort();
		requestId=$.ajax(o);
	}
	function sendRequest(){
		var newVal=$('input#livesearchfield').val();
		var employmentType=$('input#employment_type').val();
		if(lastRequestString===newVal && newVal!='Enter Job Keywords')
			return;
		lastRequestString=newVal;	
		$('img.loading').css('visibility', 'visible');
		ajax({
			type: "GET",
			url: "/includes/job-list.php",
			data:
			{
				employment_type : employmentType,
				searchstring : newVal,
				filterstring:$("#filter em").text()
			},
			cache:false,
			success:function (data, textStatus){
			  	$('div#joblistcontent').html(data);
			},
			complete:function (){
				$('img.loading').css('visibility', 'hidden');
			}
		});
	}
	$('#livesearchfield').bind('keyup', function(){	
		clearTimeout(timer);
		timer=setTimeout(sendRequest, 150);
	});
})