banner_stories          = new Array();
banner_story_page       = 0;
banner_fx               = false;
banner_title_fx         = false;
banner_blurb_fx         = false;
banner_pages_fx         = false;
banner_image_title_fx   = false;
banner_image_text_fx    = false;
interrupt_animation     = false;
change_story_timeoutIid = false;

function parseBannerStories(json_string)
{
    json_data   = eval( "("+json_string+")");
    banner_stories  = json_data.banner_stories;
    for (bi=0; bi<banner_stories.length; bi++)
    {
        banner_story_page_li            = document.createElement("li");
        banner_story_page_li.className  = 'banner-page';
        banner_story_page_li.id         = 'banner-page-'+bi;
        banner_story_page_a             = document.createElement("a");
        banner_story_page_a.id          = 'banner-page-'+bi;
        banner_story_page_a.className   = 'banner-page-link';
        banner_story_page_a.href        = 'javascript:changeStory('+bi+');';
        banner_story_page_a.appendChild(document.createTextNode(bi+1));
        banner_story_page_li.appendChild(banner_story_page_a);
        $('banner-pages').appendChild(banner_story_page_li);
    }
    parseStory();
}

function changeStory(story_page)
{
    story_page          = (typeof story_page != "undefined") ? story_page-1 : banner_story_page;
    if (story_page >= (banner_stories.length -1))
    {
        story_page = 0;
    } else {
        story_page = story_page+1;
    }
    if (change_story_timeout_id)
        clearTimeout(change_story_timeout_id)
    banner_story_page   = story_page;
    fadeOutStory();
}
function parseStory(story_page)
{
    story_element   = banner_stories[banner_story_page];
    for (bi=0; bi<=banner_stories.length; bi++)
    {
        if ($('banner-page-'+bi))
        {
            if (bi == banner_story_page)
            {
                $('banner-page-'+bi).style.textDecoration   = "underline";
            } else {
                $('banner-page-'+bi).style.textDecoration   = "none";
            }
        }
    }
    //banner_fx.set("background-position", "0px 250px");
    banner_title_fx.set("opacity", 0);
    banner_blurb_fx.set("opacity", 0);
    banner_pages_fx.set("opacity", 0);
    banner_image_title_fx.set("opacity", 0);
    banner_image_text_fx.set("opacity", 0);
    if (story_element)
    {
        $('banner-text-title').innerHTML    = story_element.title;
        $('banner-text').innerHTML          = story_element.blurb;
        $('banner-read-more').href          = story_element.link;
        $('banner-read-more').innerHTML     = "Read More";
        if (story_element.image_title == '')
        {
            $('banner-image-title').style.display = 'none';
        }
        $('banner-image-title').innerHTML   = "<a href='"+story_element.link+"'>"+story_element.image_title+"</a>";
        $('banner-image-text').innerHTML   = "<a href='"+story_element.link+"'>"+story_element.image_text+"</a>";
        setTimeout('banner_title_fx.start("opacity", 0, 1)', 750);
        setTimeout('banner_blurb_fx.start("opacity", 0, 1)', 1000);
        setTimeout('banner_pages_fx.start("opacity", 0, 1)', 1250);
        setTimeout('banner_image_title_fx.start("opacity", 0, 1)', 1500);
        setTimeout('banner_image_text_fx.start("opacity", 0, 1)', 1750);
        setTimeout('$("banner-content").style.backgroundImage="url(\''+story_element.src+'\')"', 1);
        banner_fx.start("opacity", 0, 1);
        change_story_timeout_id  = setTimeout("changeStory()", 10000);
    } else {
        changeStory();
    }
}

function fadeOutStory()
{
    banner_fx.start("opacity", 1, 0);
    banner_title_fx.start("opacity", 1, 0);
    banner_blurb_fx.start("opacity", 1, 0);
    banner_pages_fx.start("opacity", 1, 0);
    banner_image_title_fx.start("opacity", 1, 0);
    banner_image_text_fx.start("opacity", 1, 0);
    setTimeout("parseStory()", 1000);
}

window.addEvent("domready", function() {
    json_doc    = importJSON('http://www.christthekingwaco.org/json/banner_stories', 'parseBannerStories');
//    var xmlDoc  = importXML('xml/banner_stories.xml');
    // Onload is set to parseXML...
    banner_fx               = new Fx.Tween('banner-content');
    banner_title_fx         = new Fx.Tween('banner-text-title');
    banner_blurb_fx         = new Fx.Tween('banner-text');
    banner_pages_fx         = new Fx.Tween('banner-pages');
    banner_image_title_fx   = new Fx.Tween('banner-image-title');
    banner_image_text_fx    = new Fx.Tween('banner-image-text');
});
