function testLayout() {
    var groupList = $("#groupList");
    var userId = 123456;
    var sessionId = 123697943;
    var chrom = "chrX";
    var chromStart = 1000000;
    var chromEnd = 1100000;

    jQuery.getJSON("allGroups.js", function(allGroups) {
	groupList.append("Still got that JSON thing! " + allGroups);
	for (groupIx=0; groupIx<allGroups.length; ++groupIx) {
	    groupList.append("groupIx " + groupIx + " ");
	    var group = allGroups[groupIx];
	    var allTracks = group.tracks;
	    for (trackIx=0; trackIx<allTracks.length; ++trackIx) {
		groupList.append(" trackIx " + trackIx + " ");
	    }
	}
	for (groupIx=0; groupIx<allGroups.length; ++groupIx) {
	    var group = allGroups[groupIx];
	    var groupDiv = $("<div></div>");
	    groupDiv.append('<div class="groupBar">' + group.label + '</div>');
	    var allTracks = group.tracks;
	    for (trackIx=0; trackIx<allTracks.length; ++trackIx) {
		var track = allTracks[trackIx];
		groupDiv.append('<a href="../cgi-bin/hgTrackUi?hgsid=' + sessionId + '&c=' + chrom + '&g=' + track.id + '">  ' + track.label + '</a> ');
		var optionsHtml = '<select name="' + track.id + '">';
		optionsHtml += '<option>hide</option>';
		optionsHtml += '<option>dense</option>';
		if (track.canPack) {
		    optionsHtml += '<option>squish</option>';
		    optionsHtml += '<option>pack</option>';
		}
		optionsHtml += '<option>full</option></select>';
		groupDiv.append(optionsHtml);
	    }
	    groupList.append(groupDiv);
	}
    });
}