var currentPage = 0;
var currPageArea;
var numberOfPagesInArea = 0;

$(function () {
    $('.mainMenuButton').livequery('click', function () {
        currPageArea = $('#pageContainer td').find('[id$=' + $(this).attr('title') + ']');
        currPageArea.show();
        $('.mainMenu').animate({ left: '-=444px' }, 500, function () { });
        currPageArea.animate({ left: '-=444px' }, 500, function () { });
        currentPage = 1;
        numberOfPagesInArea = currPageArea.children('tbody').first().children('tr').first().children('td').length;
        setupNavButtons();
    });

    $('.backButton').livequery('click', function () {
        if (currentPage != 0) {
            $('.mainMenu').animate({ left: '+=444px' }, 500, function () { });
            //$('table .pageArea').animate({ left: '444px' }, 500, function () { });
            $('table .pageArea').animate({ left: '+=444px' }, 500, function () { setupPages(); });
            currentPage = 0;
        }
        return false;
    });

    $('.prevButton').livequery('click', function () {
        if (currentPage != 1) {
            $('.prevButton').show();
            $('table .pageArea').animate({ left: '+=444px' }, 500, function () { });
            //$(this).parents('.pageArea').children('div[class="page' + (currentPage - 1).toString() + '"]').animate({ left: '+=444px' }, 500, function () { });
            currentPage--;
            setupNavButtons();
        }
    });

    $('.nextButton').livequery('click', function () {
        if (currentPage <= numberOfPagesInArea) {
            $('table .pageArea').animate({ left: '-=444px' }, 500, function () { });
            //$(this).parents('.pageArea').children('div[class="page' + (currentPage + 1).toString() + '"]').first().animate({ left: '-=444px' }, 500, function () { });
            currentPage++;
        }

        setupNavButtons();
    });
});

function setupPages() {
    $('table[class^="page"]').each(function () {
        $(this).css({ 'display': 'none', 'position': 'relative', 'left': '444px' });
    });
    /*$('div[class="page1"]').each(function () {
        $(this).css({ 'display': 'block', 'left': '0px' });
    });*/
}

function setupNavButtons() {
    if (numberOfPagesInArea > 1) {
        $('.nextButton').show();
        $('.prevButton').show();
        $('.navArea').show();

        if (currentPage == 1) {
            $('.prevButton').hide();
        }
        if (currentPage == numberOfPagesInArea) {
            $('.nextButton').hide();
        }
    }
    else {
        $('.prevButton').hide();
        $('.nextButton').hide();
    }
}