$(function() {
    $('.katalog_links > li').each(function(e) {
	$(this).addClass('item-' + (e + 1));
    });
    $('.pagination li.next').prev().addClass('last_item');	
    $('#personal-list').personalList();
    
    $('div.imgs_small a').click(function() {
	var img_big = $(this).attr('href');
	var img_small = $(this).prev().attr('src');
	
	$('div.img_big img').attr('src', img_small);
	$('.img_big a.lightbox').attr('href', img_big);
	return false;
    });
    $("a.lightbox").fancybox({
	    'overlayShow'	: false,
	    'transitionIn'	: 'elastic',
	    'transitionOut'	: 'elastic'
    });
});
$.fn.personalList = function() {
    var cont = this;
    if (!cont.length) return;
	
    var list = cont.find('ul.b_personal-list');
    var listItems = list.children('li');
	
    var listItemsLength = listItems.length;
	
	
    var arrowItem = cont.children('i.b_personal-list_arrow');
    var step = 0;
    var N = 0;
    var animateSpeed = 'slow';
//    var maxN = Math.ceil(listItemsLength/4);
    var maxN = Math.round(listItemsLength/4);
    var arrowDisabledClass = 'b_personal-list_arrow_disabled';

    function updateWidth() {
	step = ~~((cont.width()+2)/4);
	listItems.width(step)
    }

    function slide() {
	list.stop().animate({
	    left: -N*step
	}, animateSpeed);
    }

    function validN() {
	if (N < 0) N = 0;
	if (N > maxN) N = maxN;

	checkArrow()
    }

    function arrowHandler() {
	var arrow = $(this);
	if (arrow.hasClass('b_personal-list_arrow_left'))
	    N -= 1;
	else
	    N += 1;

	validN();
	slide();
    }

    function checkArrow() {
	if (N == maxN || listItemsLength <= 4) arrowItem.eq(1).addClass(arrowDisabledClass)
	else arrowItem.eq(1).removeClass(arrowDisabledClass)

	if (N == 0) arrowItem.eq(0).addClass(arrowDisabledClass)
	else arrowItem.eq(0).removeClass(arrowDisabledClass)
    }

    if (listItemsLength > 4) {
	arrowItem.click(arrowHandler);
    }

    checkArrow();
    updateWidth();
    $(window).resize(updateWidth);
	
    return cont;
};
