var newsMainDiv;
var newsListDetailDiv;
var newsDetailDiv;
var newsListLoadingDiv;
var newsDetailLoadingDiv;
////////////////////////////////////////////////////////////////
//--------------------------------------------------------------
//initialize
//--------------------------------------------------------------
$(document).ready(function() {
    newsMainDiv = $("#innova-news");
    newsListDetailDiv = $("#innova-news-list-detail");
    newsDetailDiv = $("#innova-news-detail");
    newsListLoadingDiv = $("#innova-news-list-loading");
    newsDetailLoadingDiv = $("#innova-news-detail-loading");

    LoadNewsList(0);
});

function LoadNewsList(page) {

    var url;
    if (page == 0) {
        url = "/News/List" + "?callback=?"
    }
    else {
        url = "/News/List/" + page + "?callback=?"
    }
    newsListLoadingDiv.css("display", "block");
    newsListDetailDiv.html("");
    $.getJSON(url,
        function(result) {
            newsListLoadingDiv.css("display", "none");
            UpdateNewsList(result.Data);
        });
}

function UpdateNewsList(data) {
    var result = '<ul>';
    $.each(data.Items, function(i, item) {
        result += '<li><a href=\'javascript:GetNews(\"' + item.Id + '\");\'>' + item.Title + '</a></li>';
    });
    result += '</ul>';
    result += data.PagingBar;
    newsListDetailDiv.html(result);
}

function GetNews(id) {
    newsDetailLoadingDiv.css("display", "block");
    $.getJSON("/News/GetNews/" + id + "?callback=?",
        function(result) {
            newsDetailLoadingDiv.css("display", "none");
            DisplayResult(result.Data);
        });
}

function DisplayResult(data) {
    $("#innova-news-detail-title").html(data.Title);
    $("#innova-news-detail-date").html("Latest Update: " + data.Date);
    $("#innova-news-detail-body").html(data.Body);
}

function PagingIndexChanged(index) {
    LoadNewsList(index);
}