Галерея на сайт

[BloodWizard]

Всем доброго времени суток! Я в JS и во всё что с ним связано новичок! Проблема у меня такая есть галерея

$(document).ready(function(){
	var current_href='0';
	var current_n='0';
	$("#thumbs li").hover(function(){
		$(this).animate({opacity: "0.4"},300);
		return;
	}, function(){
			$(this).animate({opacity: "1"},100);
			return;
	});
	$("#thumbs li").click(function(){
		current_href=$(this).children('a').attr('href');
		current_n=$(this).children('a').attr("alt");
		$("#largeImg").fadeOut("fast", 
							   function(){
									$("#largeImg").attr({'src': current_href})
									$('#largeImg').fadeIn('fast')
								})
		return false;
	});
	$("#previmg").click(function(){
		if (current_n == $("#thumbs > li:first-child").children('a').attr('alt')) return;
		else {
			current_n--;
			current_href=$("#thumbs li a[alt='"+current_n+"']").attr('href');
			$("#largeImg").fadeOut("fast", 
							   function(){
								   $("#largeImg").attr({'src': current_href})
								   $('#largeImg').fadeIn('fast');
								})
		}
	})
	$("#nextimg").click(function(){
		if (current_n == $("#thumbs > li:last-child").children('a').attr('alt')) return;
		else {
			current_n++;
			current_href=$("#thumbs li a[alt='"+current_n+"']").attr('href');
			$("#largeImg").fadeOut("fast", 
							   function(){
								   $("#largeImg").attr({'src': current_href})
								   $('#largeImg').fadeIn('fast');
								})
		}
	})
})

вот при смене картинки происходит следующее:
картинка исчезает по fadeOut потом в колбак функции fadeOut меняю src большой картинки, затем fadeIn... вот, но при открытии картинки, если картинка ещё не загружена, то открывается старая картинка, а когда загрузится новая то она резко появляется без анимации без ничего... короче не красиво это... как исправить?
вот сама галерея
http://sim-ka.kz/blocks/galery/index.php


ещё мне надо прокрутку миниатюрок, это не срочно, но если есть у кого инфа то буду рад!

[BloodWizard]

Всё сделал норм грузит теперь картинку...

$("#largeImg").fadeOut("fast", 
 function(){
   $("#largeImg").attr({'src': current_href})
   $('#largeImg').ready(function (){$('#largeImg').fadeIn('fast'); return})
 })

Теперь надо прокрутку миниатюрок... ну мне надо так чтобы при нажатии на кнопочку следующей картинки блок с миниатюрками прокручивался так что новая картинка вставала на место предыдущей!

[13th]

глянь здесь - http://www.liga13.net/project/viewmejoe.html

я использую, мне нравится =)