var thisMonth='';
var thisClient='';
var thisLawyer='';
var thisType='';
var date='';

var updateMonth = function (e) {
	monthSelector = document.getElementById("month");
	thisMonth = monthSelector.value;
	renderListing();
}

var updateClient = function (e) {
	clientSelector = document.getElementById("client");
	thisClient = clientSelector.value;
	renderListing();
}

var updateLawyer = function (e) {
	lawyerSelector = document.getElementById("lawyer");
	thisLawyer = lawyerSelector.value;
	renderListing();
}

var updateType = function (e) {
	typeSelector = document.getElementById("type");
	thisType = typeSelector.value;
	renderListing();
}

function renderListing(){
	document.getElementById('transactions').innerHTML = '<div id="loading"><img src="/images/loading.gif" /></div>';
	// Get the htmlCode using Yahoo! library connection util
	setTimeout(getNewContent,250);
}

function getNewContent() {
	var embedURL = 'http://www.wildlaw.ca/resources/elements/transactionListing.jsp?month='+thisMonth+'&client='+thisClient+'&lawyer='+thisLawyer+'&type='+thisType;
	var htmlCode = YAHOO.util.Connect.asyncRequest('POST', embedURL, parseListing);
}

var parseListing = {
	success: drawListing,
	failure: errorListing
}

function drawListing(obj){
	var htmlCode = obj.responseText;
	document.getElementById('transactions').innerHTML = htmlCode;
}

function errorListing(obj){
	// Handle error
	var htmlCode = obj.responseText;
	document.getElementById('transactions').innerHTML = htmlCode;
}

YAHOO.util.Event.addListener("month", "change", updateMonth);
YAHOO.util.Event.addListener("client", "change", updateClient);
YAHOO.util.Event.addListener("lawyer", "change", updateLawyer);
YAHOO.util.Event.addListener("type", "change", updateType);