Cufon.replace("div.item div");

	var sliderBusy = false;

	$(function() {
		$("div#portfolio a.arrow").not(".right").click(function() {
			if(!sliderBusy)
				portfolio(false);
		});
		$("div#portfolio a.arrow.right").click(function() {
			if(!sliderBusy)
				portfolio(true);
		});
	});
	
	var zPorto = function() {
		var z = $("div#portfolio ul.screenshots li").length;
		$("div#portfolio ul.screenshots li")
			.each(function() {
				$(this)
					.css({
						zIndex: z
					});
				z--;
			});
	};
	
	var portfolio = function(fwd) {
		sliderBusy = true;
		var counter = -1;
		if(fwd) {
			$("div#portfolio ul.screenshots li:last").clone().prependTo("div#portfolio ul.screenshots").css({
					top:		33,
					left:		0,
					opacity:	0
			});
			zPorto();
			$("div#portfolio ul.screenshots li")
				.slice(0, 4)
				.each(function() {
					counter++;
					$(this).animate({
						top:		(parseInt($(this).css("top")) - 11),
						left:		(parseInt($(this).css("left")) + 11),
						opacity:	(counter == 3 ? 0 : 1)
					}, function() {
						if(counter == 3) {
							$("div#portfolio ul.screenshots li:last").remove();
							counter = 0;
							sliderBusy = false;
						}
					});
				});
		} else {
			$("div#portfolio ul.screenshots li:first")
				.animate({
					top:		(parseInt($("div#portfolio ul.screenshots li:first").css("top")) + 11),
					left:		(parseInt($("div#portfolio ul.screenshots li:first").css("left")) - 11),
					opacity:	0
				},function() {
					$(this)
						.hide()
						.remove();
					sliderBusy = false;
				})
				.clone()
				.hide()
				.css({
					top: -11,
					left: 44,
					opacity: 0,
					zIndex: 0
				})
				.appendTo("ul.screenshots");
			zPorto();
			$("div#portfolio ul.screenshots li")
				.slice(1, 5)
				.each(function() {
					counter++;
					$(this)
						.show()
						.animate({
							top:		(parseInt($(this).css("top")) + 11),
							left:		(parseInt($(this).css("left")) - 11),
							opacity:	1
						});
				});
		}
	};