สอบถามเรื่อง JQuery หน่อยครับ JQuery Animation กับ JQuery UI

function nextPageInit(t){
	var p = $("#prevpage");
	var n = $("#nextpage");
	
	// init page
	if(t == "i"){
		Pages.current += 1;
		Pages.next = Pages.current + 1;
		Pages.previous = Pages.current - 1;	
	}
	
	// remove next page
	if(t == "r" &&(Pages.previous - 1) >= 0){
		$("#page" + (Pages.previous - 1)).remove();
	}
	else if(t == "r" &&(Pages.previous - 1) == -1){
		$("#page").remove();
	}
	
	// navigation
	if(t == "n"){
		if(Pages.current != 0){
			p.css({display: "block"});
			p.animate({opacity: 1, leaveTransforms:true},1000);
			p.delay(100);
		}	
		if(pageArray[Pages.current] == ((pageArray.length) - 1)){
			n.animate({opacity: 0, leaveTransforms:true},1000, function(){
				n.css({display: "none"});
			});
		}
	}
	
	// load page
	if(t == "l"){
		if ($("#page" + Pages.next).length == 0 && Pages.next < Pages.total) {
			$.fn.loadContent(Pages.next, "next");
		}
		else if(Pages.next == Pages.total){
			$.fn.loadNextBlankPage();
		}
	}
}

function prevPageInit(t){
	var p = $("#prevpage");
	var n = $("#nextpage");
	
	// init page
	if(t == "i"){
		Pages.current -= 1;
		Pages.next = Pages.current + 1;
		Pages.previous = Pages.current - 1;
	}
	
	// remove prev page
	if(t == "r" &&(Pages.next + 1) < Pages.total){
		$("#page" + (Pages.next + 1)).remove();
	}
	else if(t == "r" &&(Pages.next + 1) == Pages.total){
		$("#page").remove();
	}
	
	// navigation prev
	if(t == "n"){
		if(Pages.current == 0){
			p.animate({opacity: 0, leaveTransforms:true},1000, function(){
				p.css({display: "none"});
			});
		}
		if(pageArray[Pages.current] != ((pageArray.length) - 1)){
			n.css({display: "block"});
			n.animate({opacity: 1, leaveTransforms:true},1000);
		}	
	}
	
	// load prev page
	
	if(t == "l"){
		if (Pages.previous >= 0) {
			$.fn.loadPrevBlankPage(Pages.previous);
			$.fn.loadContent(Pages.previous, "prev", "replaceWith");
		}
		else if(Pages.previous == -1){
			$.fn.loadPrevBlankPage();
		}
		return true;
	}
}

function touchMove(cont_pos){

	var moveLeft, allowSlide, absCont, widthSlide;
	
	transition = $("#transition"); // selected transition	
	transition.unbind("mouseup"); // unbind mouse event	
	widthSlide = ($(window).width() * ratio.viewportWidth);
	cont_post_temp = transition.position().left; // get position of event
	absCont = Math.abs(cont_post_temp); // 
	(Math.abs(cont_post_temp - (params.transWidth * -1)) > configuration.slideRatio) ? allowSlide = true : allowSlide = false; // if slide over center of page it true
	
	if (absCont >= params.transWidth && allowSlide && Pages.next < Pages.total) {
	
		// swipe to right
		nextPageInit("i");
		transition.draggable("option", "revert", false);
		moveLeft = 0 - cont_post_temp;
		moveLeft = Math.abs((params.transWidth  * 2) - moveLeft) - Math.floor(params.marginLeft);
		duration = (moveLeft / params.transWidth) * 1000;
		transition.animate({left: "-="+ moveLeft +"px", leaveTransforms:true}, duration, function(){
		transition.css({"-webkit-transform": "translate3d(0px, 0px, 0px)"});
		nextPageInit("r");
		nextPageInit("n");
		nextPageInit("l");
		$("#transition").dequeue("animation");
		transition.draggable("option", "revert", true);
		cont_pos = transition.position();
			transition.bind("mouseup", function() {
				touchMove(0);
			});			
		});
	} else if (absCont < params.transWidth && allowSlide && Pages.current > 0) {
		// swipe to left
		prevPageInit("i");
		transition.draggable("option", "revert", false); // turn off dragable
		moveLeft = Math.abs(cont_post_temp - 0) + Math.floor(params.marginLeft);
		duration = (moveLeft / params.transWidth) * 1000;
		transition.animate({left: "+="+ moveLeft +"px", leaveTransforms:true}, duration, function(){
		prevPageInit("r");
		prevPageInit("n");
		prevPageInit("l");
		transition.css({"-webkit-transform": "translate3d(0px, 0px, 0px)"});
		$("#transition").dequeue("animation");
		transition.draggable("option", "revert", true);
		cont_pos = transition.position();
			transition.bind("mouseup", function() {
				touchMove(0);
			});
		});
	} else {
		// on the beginning or end item swipe
		transition.draggable( "option", "revert", true );
		transition.bind("mouseup", function() {
			touchMove(0);
		});
	}
};