var body = new Array();
body[0] = "";// Discussion
body[1] = ""; //Blog
body[2] = "<div class=\"banner_item_title\"><a href=\"{{MySitesUrl}}\">Create a MySite</a></div>      	  <div class=\"banner_item_text\">You can customize your Member page, post content and links to your other websites, share what you are doing, keep track of other members (&quot;colleagues&quot;), even create a blog.</a></div>	  <div class=\"banner_item_title\"><a href=\/_layouts/people.aspx\">People & Groups - browse the artsmanager.org community</a></div>";
body[3] = "<div class=\"banner_item_title\"><a href=\"/KCDocument\">View Resource Center</a></div>      <div class=\"banner_item_text\">We encourage all artsmanager.org community members to upload resources other members may find interesting or useful.</div>      <div class=\"banner_item_title\"><a href=\"/KCDocument/Lists/Job%20Board/AM%20Job%20Board%20Display.aspx\">View Job listings</a></div>      <div class=\"banner_item_text\">Browse the artsmanager.org Job Board.</div>      <div class=\"banner_item_title\"><a href=\"/News/Pages\">View News</a></div>      <div class=\"banner_item_text\">Browse the artsmanager.org community news.</div>";
body[5] = "";// Video

function ShowBannerPart(selector, index, descr, bannerImgName, viewActionUrl, viewActionText, createActionUrl, createActionText) {

    /* 
        This sets image background of main content in banner (super-text, super-view) and
        handles displaying proper content whether list content (web part codebehind) or
        static HTML content (javascript variables in WelcomeBanner.js).
    */
    SetSelectorHighlight(selector);

    var img = document.getElementById("promo-image");
    img.src = "/_layouts/images/artsmanager/" + bannerImgName;
    img.alt = descr;

    var detailText = document.getElementById("super-text");
    var detailView = document.getElementById("super-view");
    var createLink = document.getElementById("banner-create-act-link");
    createLink.href = createActionUrl;
    createLink.innerHTML = createActionText;

    var viewLink = document.getElementById("banner-view-act-link");
    viewLink.href = viewActionUrl;
    viewLink.innerHTML = viewActionText;

    if (index == 2 || index == 3) {

        //set visible content panel based on which content item is being displayed
        detailText.style.display = "inline";
        detailView.style.display = "none";

        if (selector != null)
            detailText.innerHTML = body[index];
        else
            detailText.innerHTML = body[0];
    }
    else {
        //set visible content panel based on which content item is being displayed and then set visible web part
        detailText.style.display = "none";
        detailView.style.display = "inline";

        if (index == 0) {
            var discussionPanel = document.getElementById("DiscussionPanel");
            var videoPanel = document.getElementById("VideoPanel");
            var blogPanel = document.getElementById("BlogPanel");
            discussionPanel.style.display = "inline";
            videoPanel.style.display = "none";
            blogPanel.style.display = "none";        
        }
        else if (index == 1) {
            var blogPanel = document.getElementById("BlogPanel");
            var discussionPanel = document.getElementById("DiscussionPanel");
            var videoPanel = document.getElementById("VideoPanel");
            blogPanel.style.display = "inline";
            discussionPanel.style.display = "none";
            videoPanel.style.display = "none";
        }
        else if (index == 5) {
            var videoPanel = document.getElementById("VideoPanel");
            var blogPanel = document.getElementById("BlogPanel");
            var discussionPanel = document.getElementById("DiscussionPanel");
            videoPanel.style.display = "inline";
            blogPanel.style.display = "none";
            discussionPanel.style.display = "none";
        }

    }
}


function SetSelectorHighlight(selector) {

    /* This sets active panel image on left side of part */

    var mainLeftDiv = document.getElementById("promo");

    if (selector == 9999)   
        selector = mainLeftDiv.childNodes[0];        
    
    selector.style.backgroundImage = "url(/_layouts/images/ArtsManager/activeslide.png)";
    selector.style.backgroundRepeat = "repeat-y";
    selector.style.backgroundColor = "transparent";    
    
    var selectors = mainLeftDiv.childNodes; 
    for (var i = 0; i < selectors.length; i++)
    {
        if (selectors[i] != selector) {
            if (selectors[i].nodeType == 1) {
                selectors[i].style.background = "";
            }
        }
    }
}

function ShowBannerLoad(index, descr, bannerImgName, viewActionUrl, viewActionText, createActionUrl, createActionText) {

    /* 
    This sets image background of main content in banner (super-text, super-view) and
    handles displaying proper content whether list content (web part codebehind) or
    static HTML content (javascript variables in WelcomeBanner.js).
    */

    var img = document.getElementById("promo-image");
    img.src = "/_layouts/images/artsmanager/" + bannerImgName;
    img.alt = descr;

    var detailText = document.getElementById("super-text");
    var detailView = document.getElementById("super-view");
    var createLink = document.getElementById("banner-create-act-link");
    createLink.href = createActionUrl;
    createLink.innerHTML = createActionText;

    var viewLink = document.getElementById("banner-view-act-link");
    viewLink.href = viewActionUrl;
    viewLink.innerHTML = viewActionText;

    if (index == 2 || index == 3) {

        //set visible content panel based on which content item is being displayed
        detailText.style.display = "inline";
        detailView.style.display = "none";

        if (selector != null)
            detailText.innerHTML = body[index];
        else
            detailText.innerHTML = body[0];
    }
    else {
        //set visible content panel based on which content item is being displayed and then set visible web part
        detailText.style.display = "none";
        detailView.style.display = "inline";

        if (index == 0) {
            var discussionPanel = document.getElementById("DiscussionPanel");
            var videoPanel = document.getElementById("VideoPanel");
            var blogPanel = document.getElementById("BlogPanel");
            discussionPanel.style.display = "inline";
            videoPanel.style.display = "none";
            blogPanel.style.display = "none";
        }
        else if (index == 1) {
            var blogPanel = document.getElementById("BlogPanel");
            var discussionPanel = document.getElementById("DiscussionPanel");
            var videoPanel = document.getElementById("VideoPanel");
            blogPanel.style.display = "inline";
            discussionPanel.style.display = "none";
            videoPanel.style.display = "none";
        }
        else if (index == 5) {
            var videoPanel = document.getElementById("VideoPanel");
            var blogPanel = document.getElementById("BlogPanel");
            var discussionPanel = document.getElementById("DiscussionPanel");
            videoPanel.style.display = "inline";
            blogPanel.style.display = "none";
            discussionPanel.style.display = "none";
        }
    }

    var mainLeftDiv = document.getElementById("promo").getElementsByTagName("div")[0];
    mainLeftDiv.style.backgroundImage = "url(/_layouts/images/ArtsManager/activeslide.png)";
    mainLeftDiv.style.backgroundRepeat = "repeat-y";
    mainLeftDiv.style.backgroundColor = "transparent";  
}