﻿BluePage =
{
    clicked: function()
    {
        var bg = document.getElementById("contentDiv");
        bg.style.backgroundImage = 'url(images/contentBlank.jpg)';
        if (!BluePage.initialized)
        {
            BluePage.init();
        }
        //BluePage.showChapter(BluePage.currentChapter);
        //TabControl.fixClip();
    },
    
    init: function()
    {
        BluePage.currentChapter = 1;
        BluePage.totalChapters = 29;
        BluePage.initialized = true;
    },
    
    nextChapter: function()
    {
        BluePage.hideChapter(BluePage.currentChapter);
        BluePage.currentChapter += 1;
        BluePage.showChapter(BluePage.currentChapter);
    },
    
    prevChapter: function()
    {
        BluePage.hideChapter(BluePage.currentChapter);
        BluePage.currentChapter -= 1;
        BluePage.showChapter(BluePage.currentChapter);
    }, 
    
    hideChapter: function(number)
    {
        document.getElementById("body" + number.toString()).style.display = 'none';
    },
    
    showChapter: function(number)
    {
        document.getElementById("body" + number.toString()).style.display = 'block';
//        number += 1;
        document.getElementById("header").innerHTML = '<b>Page ' + number + '</b>';
        BluePage.showButtons();
    },
    
    showButtons: function()
    {
        if (BluePage.currentChapter == 1)
        {
            document.getElementById("nextButton").style.display = 'block';
            document.getElementById("prevButton").style.display = 'none';            
        }
        else if (BluePage.currentChapter + 1 == BluePage.totalChapters)
        {
            document.getElementById("nextButton").style.display = 'none';
            document.getElementById("prevButton").style.display = 'block';            
        }
        else
        {
            document.getElementById("nextButton").style.display = 'block';
            document.getElementById("prevButton").style.display = 'block';            
        }
    },
    
    resize: function()
    {
    }
};