Для начала поставьте в html-верх этот стиль:

Код:
<style>
#pun-title .title-logo {display : none;}
</style>

Он скроет стандартный логотип.

Далее ставьте в html-низ этот скрипт.

<script type="text/javascript">
var phr = new Array()
phr.push("http://www.dolem.com/lytebox/misc/pleiads_thumb.jpg")
phr.push("http://www.dolem.com/lytebox/misc/orion2_thumb.jpg")

document.write('<style>#pun-title table {background-image: url('+phr[Math.round(Math.random()*(phr.length-1))]+'); background-repeat: no-repeat;}</style>')
</script>

Красную строчку копируйте столько раз, сколько логотипов должно отображаться.
Ссылки (курсивом) смените на свои.
Синяя часть это стиль, отвечающий за оформление вашего логотипа, его вы можете менять как захотите.
Жирную часть не трогайте, она отвечает за ссылку, которая случайным образом подставится в этот стиль.