function layout() {
	$('#main').height($(window).height());
}

$(window).load(function() {
	layout();
});

$(window).resize(function() {
	layout();
});

function showDetails(id) {
	$("#" + id).slideDown();
	$("#show" + id).hide();
	$("#hide" + id).show();
}

function hideDetails(id) {
	$("#" + id).slideUp();
	$("#show" + id).show();
	$("#hide" + id).hide();
}

function toggler(id) {
	document.write("<a href='#' id='show" + id + "' onclick=\"javascript:showDetails('" + id + "')\"><img align='middle' src='images/expand.png'/></a>"); 
	document.write("<a style='display:none' href='#' id='hide" + id + "' onclick=\"javascript:hideDetails('" + id + "')\"><img align='middle' src='images/collapse.png'/></a>"); 
}