jQuery.noConflict();
jQuery(document).ready(function($)
{

    var reasons = $('.wrapperForContent');
    var TenReasonsWhyNav = $('.TenReasonsWhyNav');
    var page = $('.Number', TenReasonsWhyNav);

    $('.Total', TenReasonsWhyNav).eq(0).text(reasons.length);

    reasons.eq(0).show();
    var pos = 0;

    var previousA = $('.PreviousA', TenReasonsWhyNav);
    var nextA = $('.NextA', TenReasonsWhyNav);
    var previous = $('.Previous', TenReasonsWhyNav);
    var next = $('.Next', TenReasonsWhyNav);

    previousDisplay = previous.css('display');
    nextDisplay = nextA.css('display');

    previousA.click(function()
    {
        if (pos > 0)
        {
            reasons.eq(pos).hide();
            pos--;
            reasons.eq(pos).css('display', 'block');
            window.scrollTo(0, reasons.eq(pos).offset().top);

            page.text(pos + 1);
            next.hide();
            nextA.css('display', nextDisplay);

            if (pos == 0)
            {
                previousA.hide();
                previous.css('display', previousDisplay);
            }
        }
    });

    nextA.click(function()
    {
        if (pos < reasons.length - 1)
        {
            reasons.eq(pos).hide();
            pos++;
            reasons.eq(pos).css('display', 'block');
            window.scrollTo(0, reasons.eq(pos).offset().top);

            page.text(pos + 1);
            previous.hide();
            previousA.css('display', previousDisplay);

            if (pos == reasons.length - 1)
            {
                nextA.hide();
                next.css('display', nextDisplay);
            }
        }
    });

});