// namespace
if (typeof MSCITIZENSHIP == "undefined" || !MSCITIZENSHIP) {
    var MSCITIZENSHIP = {};
}

MSCITIZENSHIP.LandingPage = {
    _sbItemCount: 0,
    _quoteItemsCount: 0,
    _sbArray: [],
    _quoteArray: [],
    _sbContainerLayer: null,
    CreateArray: function(o) {
        if (typeof (o) == "undefined" || !o) { o = "yourStories"; }
        var sideBoxDivs = document.getElementById("sideContent").getElementsByTagName("div");
        var itemLayerCounter = 0;
        for (var i = 0; i < sideBoxDivs.length; i++) {

            if (sideBoxDivs[i].className.indexOf(o) != -1) { this._sbContainerLayer = sideBoxDivs[i]; }

            if (sideBoxDivs[i].className == "item") {
                this._sbArray.push(sideBoxDivs[i]);
                itemLayerCounter++;
            }
            if (sideBoxDivs[i].className == "sideBoxBottom") { try { sideBoxDivs[0].removeChild(sideBoxDivs[i]); } catch (e) { } }
        }

        this._sbItemCount = itemLayerCounter;

        for (var i = 0; i < this._sbArray.length; i++) {
            sideBoxDivs[0].removeChild(this._sbArray[i]);
        }
    },
    CreateQuoteArray: function(qid) {

        var quoteDivs = document.getElementById(qid).getElementsByTagName("p");
        MSCITIZENSHIP.LandingPage._quoteItemsCount = quoteDivs.length;
        for (var i = 0; i < quoteDivs.length; i++) {
            this._quoteArray.push(quoteDivs[i]);
        }
        for (var i = 0; i < this._quoteArray.length; i++) {
            document.getElementById(qid).removeChild(this._quoteArray[i]);
        }
    },
    RandomizeQuotes: function(qid) {
        document.getElementById(qid).innerHTML = "<p>" + this._quoteArray[MSCITIZENSHIP.Tools.Randomize(0, this._quoteItemsCount - 1)].innerHTML + "</p>";
        this._quoteArray = [];
    },
    RandomizeSB: function(o) {
        if (typeof (o) == "undefined" || !o) { o = ""; }
        for (var i = 0; i < 3; i++) {
            var randNum = MSCITIZENSHIP.Tools.Randomize(0, this._sbArray.length - 1);
            var itemClass = "";
            if (i == 0) { itemClass = " " + o; }
            this._sbContainerLayer.innerHTML += '<div class="item' + itemClass + '">' + this._sbArray[randNum].innerHTML + '</div>';
            this._sbArray.splice(randNum, 1);
        }
        this._sbContainerLayer.innerHTML += '<div class="sideBoxBottom"></div>';
    }
}
MSCITIZENSHIP.Tools = {
    Randomize: function(lv, hv) {
        return Math.floor(Math.random() * (hv - lv + 1)) + lv;
    }
}
MSCITIZENSHIP.Global = {
    Accordion: function() {
        var divList = document.getElementsByTagName("div");
        for (var i = 0; i < divList.length; i++) {
            if (divList[i].className == "accordion") {
                var accordionItems = divList[i].getElementsByTagName("div");
                for (var j = 0; j < accordionItems.length; j++) {
                    if (accordionItems[j].className == "accordionitem") {
                        var link = accordionItems[j].getElementsByTagName("h3")[0];
                        var content = accordionItems[j].getElementsByTagName("div")[0];
                        content.style.display = "none";
                        link.innerHTML += " <span class='accordionExpand'>[Expand]</span>";
                        link.onclick = function() {
                            var content = this.parentNode.getElementsByTagName("div")[0];
                            if (content.style.display == "none") { content.style.display = "block"; } else { content.style.display = "none"; }
                        }
                    }
                }
            }
        }
    },
    AccordionClick: function(c) {

    }
}