﻿// JScript File

jQuery.fn.mmtPaging = function(pageSize) {
    return this.each(function(){
        var thumbs = $(this).find('li');
        var module = $(this).parent().parent().parent().parent();
        if (thumbs.length > pageSize) {
            module.find('.multimediaThumbsContainer').css({width: pageSize*136 - 10 + 'px'});
            module.find('.titleEdge').prepend('<div class="pageLinks"><a class="prev disabled">previous</a> <a class="next">more</a></div>');
            module.find('.prev').click(function() {
                if (!$(this).hasClass('disabled'))
                    $(this).parent().parent().parent().parent().find('.multimediaThumbs').mmtPage(pageSize, -1);
            });
            module.find('.next').click(function() {
                if (!$(this).hasClass('disabled'))
                    $(this).parent().parent().parent().parent().find('.multimediaThumbs').mmtPage(pageSize, +1);
            });
            thumbs.filter(':first').addClass('firstInPage');
            $(this).mmtPage(pageSize, 0);
        }
    });
};

jQuery.fn.mmtPage = function(pageSize, step) {
    return this.each(function(){
        var thumbs = $(this).find('li');
        var module = $(this).parent().parent().parent().parent();
        var curPage = thumbs.index($(this).find('li.firstInPage')) / pageSize;
        thumbs.removeClass('firstInPage');
        curPage = curPage + step;

        var firstInPage = curPage * pageSize;
        thumbs.eq(firstInPage).addClass('firstInPage');
        //alert(thumbs.eq(firstInPage).length);
        //alert(curPage);
        /*thumbs.hide();
        thumbs.filter(':gt(' + firstInPage - 1 + ')').filter(':lt(' + firstInPage + pageSize - 1 + ')').show();*/
        thumbs.parent().animate({left: -firstInPage*136 + 'px'});
        if (firstInPage > 0)
            module.find('.prev').removeClass('disabled')
        else
            module.find('.prev').addClass('disabled');
        if (firstInPage + pageSize < thumbs.length)
            module.find('.next').removeClass('disabled')
        else
            module.find('.next').addClass('disabled');
    });
};

$('#mmt-vocabulary').mmtPaging(3);
$('#mmt-declensions').mmtPaging(3);
$('#mmt-presentations').mmtPaging(2);
$('#mmt-test').mmtPaging(2);