Javascript-форум - доработка скрипта

Здравствуйте.
1. Есть главная страница сайта.
2. Есть два рисунка для заставки №1.gif, так как анимированный, другой №2.png.
3. Рисунки должны стоять по центру страницы (http://www.your-footprint.com). Сайт на ucoz.

Задача.
1. При входе на сайт видно картинку № 1.gif.
2. При клике мышкой на №1.gif плавная замена на №2.pnd.
3. При клике мышкой на №2.pnd переход на титульную страницу сайта (http://www.your-footprint.com/index/home_page/0-15/)

Есть скрипт, который можно использовать в качестве базы, его эффект смены картинок устраивает. Но нет функции "center", нет функции пререключения с картинки №2 на страницу сайта.

Вот этот скрипт.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>jQuery img</title>
<script language="JavaScript1.2" src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function(){

$("#img").click(function () {
var src = $("#img").attr("src");
var tmp = $("#tmp").val();
$("#im").fadeOut("slow", function () {
$("#img").attr("src", tmp);
});
$("#im").fadeIn("slow");
$("#tmp").val(src);
});

});

</script>

<body>

<p id="im">
<img border="0" src="http://www.your-footprint.com/img/pap001.gif" id="img">
<input type="hidden" id="tmp" value="http://www.your-footprint.com/img/pap002.png" >
</p>

</body>
</html>