var brochureItemHeight = 102;

$(document).ready(function () {
    var extraBrochureItems = $("#brochureListInner .brochureItem").length - 3;
    if (extraBrochureItems > 0) {
        $("#brochureListInner").height("306px");
        $("#scrollBack").click(scrollBack);
        $("#scrollNext").click(scrollNext);
    } else {
        $("#scrollBack").hide();
        $("#scrollNext").hide();
    }


    $(".lvBrochureDetail[itemid], .brochureItem[itemid]").each(function () {
        $$ = $(this);

        var itemID = $$.attr("itemid");
        if (itemID != '') {
            $$.find("a[rel*=track]").one("click", function () {
                link = $(this)
                var isClicked = link.attr("clicked");
                var type = link.attr("trackType");

                if (isClicked != "true" && type != null) {
                    //console.info(type + ": " + itemID);
                    // track click once per brochure per link
                    $.getScript('/track.axd' + '?key=js&action=' + type + '&data=' + itemID + '&url=' + escape(location.href));
                    link.attr("clicked", "true");
                }
            });
        }
    });
});

function scrollNext(e) {
    e.preventDefault();
    var extraBrochureItems = $("#brochureListInner .brochureItem").length - 3;
    var scrollTop = $("#brochureListInner").scrollTop();
    if (scrollTop < (extraBrochureItems * brochureItemHeight)) {
        $("#brochureListInner").scrollTo(scrollTop + brochureItemHeight, 400, { onAfter: function () {
            var scrollTop = $("#brochureListInner").scrollTop();
            $("#scrollBack").addClass('backEnabled');
            $("#scrollBack").removeClass('backDisabled');
            if (scrollTop >= (extraBrochureItems * brochureItemHeight)) {
                $("#scrollNext").addClass('nextDisabled');
                $("#scrollNext").removeClass('nextEnabled');
            }
        }});
    }
}

function scrollBack(e) {
    e.preventDefault();
    var scrollTop = $("#brochureListInner").scrollTop();
    if (scrollTop > 0) {
        $("#brochureListInner").scrollTo(scrollTop - brochureItemHeight, 400, { onAfter: function () {
            var scrollTop = $("#brochureListInner").scrollTop();
            $("#scrollNext").addClass('nextEnabled');
            $("#scrollNext").removeClass('nextDisabled');
            if (scrollTop == 0) {
                $("#scrollBack").addClass('backDisabled');
                $("#scrollBack").removeClass('backEnabled');
            }
        }});
    }
}