Ok, I ended up using the following to get this to work:
var cb_boolean = '[@authfield:Faculty_Staff_Table_Admin^]';
if (cb_boolean == 'Yes')
document.write('<A HREF="URL"><img alt="" src="PhotobucketURL" target="_blank"><img src="PhotobucketURL" style="width: 267px; height: 40px;" /></A>
I used photobucket to host the images for the buttons so that they would match the native navigation in our site. It looks pretty nice however I have another problem now. Other than the multiple staff groups, I also have parents and students who have completely separate authentication. Since the parents and students run on separate tables, I have to create separate datapages for the buttons. When I past them all where the buttons need to go, the datapage displays the buttons according to group correctly, however if the user is not in the same authentication table they receive their buttons with a login screen below. The login screen if for the buttons they cannot see from the other tables. Is there anyway to hide a datapage completely if the user is not authenticated in that table?