/// <reference path="jquery/jquery126.js" />
/// <reference path="jquery/JQuery.Intellisense.js" />


$(function() {
    showchannels.json("Article/GetChannelAndArticles/channelId=166");
});

var datajson = null;
function showchannels(json) {
    var sb = new Array();
    var defualt = null;
    datajson = json;
    $.each(json, function(i, item) {
        var channel = item[0];
        var articles = item[1];
        sb.push('<a class="menuitem submenuheader" href="javascript:;">' + channel["ChannelName"] + '</a>');
        sb.push('<div class="submenu"><ul>');
        $.each(articles, function(j, article) {
            if (defualt == null) defualt = article;
            sb.push('<li><a href="javascript:;" onclick="changeread(' + article.ArticleID + ')">' + article.Title + '</a></li>');
        });
        sb.push('</ul></div>');
    });

    $("#contents .glossymenu").html(sb.join(""));

    ddaccordion.init({
        headerclass: "submenuheader",
        contentclass: "submenu",
        revealtype: "click",
        mouseoverdelay: 200,
        collapseprev: true,
        defaultexpanded: [0],
        onemustopen: false,
        animatedefault: true,
        persiststate: false,
        toggleclass: ["", ""],
        togglehtml: ["suffix", "<img src='js/jquery/AccordionMenu/Glossy/plus.gif' class='statusicon' />", "<img src='js/jquery/AccordionMenu/Glossy/minus.gif' class='statusicon' />"],
        animatespeed: "fast",
        oninit: function(headers, expandedindices) { },
        onopenclose: function(header, index, state, isuseractivated) { }
    });

    if (defualt != null) changeread(defualt.ArticleID);
}
function changeread(articleId) {
    
    $("#contents .content").html("<img src='images/wait.gif' />");
    showcontent.json("Article/GetArticleContent/articleId=" + articleId);
    var caption = "";
    $.each(datajson, function(i, item) {
        var channel = item[0];
        var articles = item[1];
        $.each(articles, function(j, article) {
            if (articleId == article.ArticleID) {
                caption = channel["ChannelName"] + "--" + article.Title;
                return false;
            }
        });
        if (caption != "") return false;
    });
    $("#contents .caption").html(caption);
}
function showcontent(json) {
    $("#contents .content").html(json.Content);
}