var categoryBox = null;
var blogrollBox = null;
var booksBox = null;
var tagsBox = null;
$(document).ready(function () {
    GetBoxes();
});

function SetBoxElements() {
    categoryBox = $("#CategoryLayout");
    blogrollBox = $("#BlogrollLayout");
    booksBox = $("#BooksLayout");
    tagsBox = $("#TagsLayout");
}

function GetBoxes() {
    SetBoxElements();

    GetCategoryBox();
    GetBlogrollBox();
    GetTagsBox();
    GetBooksBox();
}

function GetCategoryBox() {

    categoryBox.html("<div class='ProgressBox'></div>");

    $.ajax({
        type: "POST",
        url: "/Category/List",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: GetCategoryBoxCallBack
    });
}

function GetCategoryBoxCallBack(result) {
    var categoryText = "<h3>Kategoriler</h3>";
    for (var i = 0; i < result.length; i++) {
        categoryText += "<a href='/Posts/Category/" + result[i].Path + "-" + result[i].ID + "/Page1'>" + result[i].Name + "</a>";
        if (i != result.length - 1) {
            categoryText += ", ";
        }
    }
    categoryBox.html(categoryText);
}

function GetBlogrollBox() {

    blogrollBox.html("<div class='ProgressBox'></div>");

    $.ajax({
        type: "POST",
        url: "/Blogroll/List",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: GetBlogrollBoxCallBack
    });
}

function GetBlogrollBoxCallBack(result) {
    var blogrollText = "<h3>Blogroll</h3>";
    for (var i = 0; i < result.length; i++) {
        blogrollText += "<a href='" + result[i].BlogUrl + "' target='_blank'>" + result[i].Title + "</a>";
        if (i != result.length - 1) {
            blogrollText += ", ";
        }
    }
    blogrollBox.html(blogrollText);
}

function GetTagsBox() {
    tagsBox.html("<div class='ProgressBox'></div>");

    $.ajax({
        type: "POST",
        url: "/Tags/List",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: GetTagsBoxCallBack
    });
}

function GetTagsBoxCallBack(result) {
    var tagsText = "<h3>Tags</h3>";
    for (var i = 0; i < result.length; i++) {
        tagsText += "<a href='/Tags/" + result[i].Path + "-" + result[i].ID + "' target='_blank'>" + result[i].Name + "</a>";
        if (i != result.length - 1) {
            tagsText += ", ";
        }
    }
    tagsBox.html(tagsText);
}

function GetBooksBox() {

    booksBox.html("<div class='ProgressBox'></div>");

    $.ajax({
        type: "POST",
        url: "/Books/List",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: GetBooksBoxCallBack
    });
}

function GetBooksBoxCallBack(result) {
    var booksText = "<h3>Tavsiye Kitaplar</h3>";
    for (var i = 0; i < result.length; i++) {
        booksText += "<a href='" + result[i].Url + "' target='_blank' title='" + result[i].Name + "'><img src='/Content/images/books/" + result[i].ImageUrl + "' alt='" + result[i].Name + "'/></a>";
    }
    booksBox.html(booksText);
}