// JScript File
var _headings = new Array(
    "Interest", "FFCh", "Health", "Notice Board", "Obituaries", "Shop", "Firefighters Memorial Trust");

var _selectedArticle = -1;
var _flashOn = 0;

function getListing(Board) {
    var hf = document.getElementById("hfBoard");
    hf.value = Board;
    document.getElementById("frmArticles").submit();
}

function headerOver(boardDiv) {
    boardDiv.style.backgroundColor = "d00000";
}

function headerOut(boardDiv) {
    boardDiv.style.backgroundColor = "800000"
}

function articleSelect(IndexNo) {
    if (_selectedArticle >= 0) {
        select(false);
    }
    if (IndexNo != _selectedArticle) {
        _selectedArticle = IndexNo;
        select(true);
    }
    else {
        _selectedArticle = -1;
    }
}

function select(Visibility) {
    var imgArrow = document.getElementById('i' + _selectedArticle);
    var aDiv = document.getElementById('a' + _selectedArticle);
    if (Visibility == true) {
        imgArrow.src = "images/darrow.gif";
        aDiv.style.display = "block";
    }
    else {
        imgArrow.src = "images/rarrow.gif";
        aDiv.style.display = "none";
        aDiv.className = "";
    }
}

function init() {
    var _header = document.getElementById("header");
    var _articles = document.getElementById("articles");
    var _hdrWidth = 94 / _headings.length;
    var hdrHTML = '';
    var i = 0;
    for (i = 0; i < _headings.length; i++) {
        hdrHTML += '<div onmouseover="headerOver(this);" onmouseout="headerOut(this);" onclick="getListing(\'' + _headings[i] + '\');" style="cursor: pointer; float: left; height: 4em; background-color: #800000; margin: 1px; text-align: center; width: ' +
      _hdrWidth + '%;">' + _headings[i] + '</div>';
    }
    _header.innerHTML = hdrHTML;

    hdrHTML = '';
    for (i = 0; i < articleTitles.length; i++) {
        hdrHTML += '<div onclick="articleSelect(' + i + ');" style="clear: both; cursor: pointer;"><img id="i' + i + '" src="images/rarrow.gif" style="padding: 4px; float: left;" alt="" />' +
      '<div class="ArticleHeader';
        if (articleTitles[i].emphasis == "True") { hdrHTML += 'Emphasised'; }
        hdrHTML += '" style="float: left; margin-right: 8px;">' + articleTitles[i].title + '</div><div style="font-size: small;">&nbsp;' + articleTitles[i].date + '</div></div>';
        hdrHTML += '<div id="a' + i + '" style="clear: both; display: none; font-size: medium; padding-left: 20px; padding-right: 16px;">' + bodyArticles[i] + '</div>';
    }
    _articles.innerHTML = hdrHTML;
    window.setInterval("emphasiseText()", 500);
}

function article(Title, Date, Emphasis) {
    this.title = Title;
    this.date = Date;
    this.emphasis = Emphasis;
}

function emphasiseText() {
    var emphasisStyle = getStyle(".ArticleHeaderEmphasised");
    if (emphasisStyle) {
        var fColor;
        if (_flashOn == 0) {
            var articleHeaderFlashOn = getStyle(".ArticleHeaderFlashOn");
            if (articleHeaderFlashOn) {
                fColor = articleHeaderFlashOn.style.color;
                _flashOn = -1;
            }
        }
        else {
            var articleHeaderFlashOff = getStyle(".ArticleHeaderFlashOff");
            if (articleHeaderFlashOff) {
                fColor = articleHeaderFlashOff.style.color;
                _flashOn = 0;
            }
        }
        emphasisStyle.style.color = fColor;
    }
    return true;
}

function getStyle(SelectorText) {
    var rules = document.styleSheets.item(0).rules;
    var i = 0;
    for (i = 0; i < rules.length; i++) {
        if (rules.item(i).selectorText == SelectorText) {
            return rules.item(i);
        }
    }
    return null;
}