// Javascript for default.htm
// controls link behavior
function CoverpageLink_Click()
{
    Link_Click(CoverpageLink.id);
}

function IntroductionLink_Click()
{
    Link_Click(IntroductionLink.id);
}

function StoryBook1Link_Click()
{
    Link_Click(StoryBook1Link.id);
}

function StoryBook2Link_Click()
{
    Link_Click(StoryBook2Link.id);
}

function StoryBook3Link_Click()
{
    Link_Click(StoryBook3Link.id);
}

function StoryBook4Link_Click()
{
    Link_Click(StoryBook4Link.id);
}

function HomeLink_Click()
{
    document.location = "./home.html";
}

function ImageInformationHeader_MouseDown()
{
    if(StorybookFooter.style.height == "100px")
    {
        StorybookFooter.style.height = "20px";
        ImageInformationHeader.innerText = "Click To Open Image Information.";
    }
    else
    {
        StorybookFooter.style.height = "100px";
        ImageInformationHeader.innerText = "Click To Close Image Information.";
    }
}

function Link_Click(linkid)
{
    DisableButtons(true);
    
    StoryBookFrame.src       = "storybooks/" + linkid + "/content.htm";
    StoryBookStyleSheet.href = "css/storybook-" + linkid + ".css";
    PleaseWait.className     = "";
    
    setTimeout ( "HideLoadingImage()", 1000 );  
}

function HideLoadingImage()
{
    PleaseWait.className     = "Invisible";
    DisableButtons(false);
}

function DisableButtons(disabled)
{
    CoverpageLink.disabled          = disabled;
    HomeLink.disabled               = disabled;
    IntroductionLink.disabled       = disabled;
    StoryBook1Link.disabled         = disabled;
    StoryBook2Link.disabled         = disabled;
    StoryBook3Link.disabled         = disabled;
    StoryBook4Link.disabled         = disabled;
    
    if(disabled)
    {
        CoverpageLink.className     = "linkdisabled";
        HomeLink.className          = "linkdisabled";
        IntroductionLink.className  = "linkdisabled";
        StoryBook1Link.className    = "linkdisabled";
        StoryBook2Link.className    = "linkdisabled";
        StoryBook3Link.className    = "linkdisabled";
        StoryBook4Link.className    = "linkdisabled";
    }
    else
    {
        CoverpageLink.className     = "link";
        HomeLink.className          = "link";
        IntroductionLink.className  = "link";
        StoryBook1Link.className    = "link";
        StoryBook2Link.className    = "link";
        StoryBook3Link.className    = "link";
        StoryBook4Link.className    = "link";
    }
    
    CheckHideStoryLinks();
}

function CheckHideStoryLinks()
{

}

function DefaultVariableInit()
{
    IntroductionLink    = document.getElementById("introduction");
    StoryBook1Link      = document.getElementById("storybook1");
    StoryBook2Link      = document.getElementById("storybook2");
    StoryBook3Link      = document.getElementById("storybook3");
    StoryBook4Link      = document.getElementById("storybook4");
    HomeLink            = document.getElementById("home");
    CoverpageLink       = document.getElementById("coverpage");
    StoryBookFrame      = document.getElementById("StoryBookFrame");
    StorybookContent    = document.getElementById("StorybookContent");
    StoryBookStyleSheet = document.getElementById("StoryBookStyleSheet");
    PleaseWait          = document.getElementById("PleaseWait");
    StorybookFooter     = document.getElementById("StorybookFooter");
    ImageInformationHeader = document.getElementById("ImageInformationHeader");
}

function DefaultEventInit()
{
    IntroductionLink.onclick    = IntroductionLink_Click;
    StoryBook1Link.onclick      = StoryBook1Link_Click;
    StoryBook2Link.onclick      = StoryBook2Link_Click;
    StoryBook3Link.onclick      = StoryBook3Link_Click;
    StoryBook4Link.onclick      = StoryBook4Link_Click;
    CoverpageLink.onclick       = CoverpageLink_Click;
    HomeLink.onclick            = HomeLink_Click;
    ImageInformationHeader.onmousedown = ImageInformationHeader_MouseDown;
}

function DefaultInit()
{
    DefaultVariableInit();
    DefaultEventInit();
    DisableButtons(false);
}

window.onload = DefaultInit;
 
var HomeLink;
var CoverpageLink;
var IntroductionLink;
var StoryBook1Link;
var StoryBook2Link;
var StoryBook3Link;
var StoryBook4Link;
var StoryBookFrame;
var StorybookContent;
var StoryBookStyleSheet;
var StorybookFooter;
var ImageInformationHeader;
var PleaseWait;
var HideStoryLinks = true;