JQuery галерия - не мога да дебъгна

[zareva_rositsa]

Здравейте,

пиша една JQuery галерия:

http://twinkle.uphero.com/index-4.html

1. Като превъртам със стрелките напред, картинките се сменят плавно и всичко е наред, но като започна да използвам бутона за превъртане назад, се появява накаква картинка в началото на функцията и се получава ефект на "накъсване". Не виждам логика да се получава така, при положение, че за напред и назад използвам една и съща функция, само сменям една променлива.
Може ли някой да ми помогне да дебъгна?

Ето кода :

$(function(){
		
		
		document.cookie = "p1";
		//alert(document.cookie);
		$("#p1").css('zIndex', 1);
		
		/* -- forth_button --*/
		var forth = $('a#forth');
		forth.click(function(){
		var main = $('#main>div');
		var cook = document.cookie;
		var curr = cook.split("p")[1];
		var curr_id = parseInt(curr);
		var next_id = curr_id + 1;
		main.each(function(){
			
			$('#main>div#p' + curr_id).css('zIndex', 2);
			$('#main>div#p' + next_id).css('zIndex', 3).css("display", "none").fadeIn(550);
			$('main>div').not('#main>div#p' + next_id, '#main>div#p' + curr_id).css('zIndex', 0);
			
		
		});
		var factor = curr % 3;
		var link = $(".thumb a");
		var last = link.length;	
			if(factor == 0)
			{
			var quotient = curr/3;
			if(quotient > last/3)
			{
				$("#thumb").animate({"top" : "0px"});
			}
			else
			{
			$("#thumb").animate({"top" : quotient*(-330) + "px"});
			}
			}
			
		
			
			if(cook == "p"+last)
			{
				$("#thumb").animate({"top" : "0px"});
			}
			
		document.cookie = "p"+next_id;
		return false;
		//$('#main>div#p' + curr_id).css('zIndex', 0);
		});
		/* -- back_button --*/
		
		var back = $('a#back');
		back.click(function(){
		var main = $('#main>div');
		var cook = document.cookie;
		var curr = cook.split("p")[1];
		var curr_id = parseInt(curr);
		var prev_id = curr_id - 1;
		//alert(prev_id);
		
		
			$('#main>div#p' + curr_id).css('zIndex', 2);
			$('#main>div#p' + prev_id).css('zIndex', 3).css("display", "none").fadeIn(550);
			$('main>div').not('#main>div#p' + prev_id).css('zIndex', 0);
		
		
		/* slider rotate */
			var factor = curr % 3;
			
			if(factor == 1)
			{
			var quotient = Math.floor(curr/3);
			
			if(quotient < 0)
			{
			$("#thumb").animate({"top" : 0 + "px"});
			}
			else
			{
			$("#thumb").animate({"top" : quotient*(-330) + "px"});
			}
			}
			
			
			
			
			
			document.cookie = "p"+prev_id;
		return false;
		});
		
		var link = $(".thumb a");
		link.click(
			function(evt){
			
			var hand = $(this).attr("name");
			var prev = document.cookie;
			var base_str = "#" + prev;
			if(hand == prev)
			{
				$("#"+hand).css('zIndex', 3);
			}
			else
			{
			$("#main>div").css('zIndex', 0);
			$(base_str).css('zIndex', 2);
			$("#"+hand).css('zIndex', 3).css("display", "none").fadeIn(1000);
			/*var curr = $("#main>div").css('zIndex', 3);
			alert(curr.attr("id"));*/
			document.cookie = hand;
			}
			//alert(evt.pageY);
			var multi = hand.split("p")[1];
			
			var factor = multi % 3;
			if(factor == 0)
			{
			var quotient = multi/3;
			$("#thumb").animate({"top" : quotient*(-330) + "px"});
			}
			/*else if(factor == 1)
			{
			var quotient = Math.ceil(multi/3);
			
			if(quotient != 1)
			{
				$("#thumb").animate({"top" : (quotient-2)*(-330) + "px"}); 
			}
			
			}*/
			var link = $(".thumb a");
			var last = link.length;
			
			
			if(hand == "p"+last)
			{
				$("#thumb").animate({"top" : "0px"});
			}
			
			
			
			return false;
			});
		
		});

Поздрави,
Росица