$(document).ready(function(){
	var n = 2;
	var imgs = [];
    var $preview = $("#pitems a");
	var $pages = $("#pitems > div");
	var expanded = 0;
	var lastElement = $pages.length - 1;

	$('#pra').click(function () {
		this.blur();
		$($pages[expanded]).hide("slide", { direction: "left" }, 800);

		expanded =(expanded==lastElement) ? 0 : expanded + 1;
		$($pages[expanded]).css({display: "block", visibility: "visible"});
		$($pages[expanded]).show("slide", { direction: "right" }, 800);

		return false;
	});

	$('#pla').click(function () {
		this.blur();
		$($pages[expanded]).hide("slide", { direction: "right" }, 800);

		expanded =(expanded==0) ? lastElement : expanded - 1;
		$($pages[expanded]).css({display: "block", visibility: "visible"});
		$($pages[expanded]).show("slide", { direction: "left" }, 800);

		return false;
	});

	for(var i=0; i<=$preview.length-1; i++){
		if($preview[i].className=="") continue;
		var image = new Image();
		image.onload = function(){
			Pixastic.process(this, "desaturate", {average : true});
		};

		var src = $($preview[i]).text();
		$($preview[i]).text('');
		$($preview[i]).append(image);
		image.src = src;
		imgs.push(image);

		$($preview[i]).hover(
			function () {
				Pixastic.revert(this.childNodes[1]);
			},
			function () {
				Pixastic.process(this.childNodes[1], "desaturate", {average : true});
			}
		);
	};

	function log(msg){
		$("#log").text(msg);
	}

	$($pages[0]).css({display: "block", visibility: "visible"});

	$("#pitems a[rel='portfolio']").colorbox({width:"80%", current: "Сайт {current} из {total}"});

});