// JavaScript Document
function displayComments(result) {
    if (!result.error) {
        var targetElement = document.getElementById('buzzComments');
        var ul = document.createElement("ul");
        for (var i = 0; i < result.feed.entries.length; i++) {
            var li = document.createElement("li");

            var entry = result.feed.entries[i];

            var title = document.createElement("span");
            title.appendChild(document.createTextNode(entry.title));
            li.appendChild(title);

            var link = document.createElement("a");
            link.setAttribute("href", entry.link);
            link.appendChild(document.createTextNode(entry.contentSnippet));
            li.appendChild(link);

            ul.appendChild(li);
        }
        targetElement.appendChild(ul);
    }
}

function displayBlogs(result) {
    if (!result.error) {
        var items = result.xmlDocument.getElementsByTagName("item");
        if (items.length > 0) {
            $("#buzzBlogs").prepend("<ul></ul>");
            for (var i = 0; i < items.length; i++) {
                var authorElement = google.feeds.getElementsByTagNameNS(items[i], "http://purl.org/dc/elements/1.1/", "creator")[0];
                var author = authorElement.firstChild.nodeValue;

                $("#buzzBlogs ul").append("\
					    <li>\n\
					        <div class='blogLeftCol'><img width='40' height='40' class='blogauthorpic' alt='" + author + "' title='" + author + "' src='/images/blogpic-" + author.toLowerCase().replace(". ", "").replace(" ", "") + ".jpg' /></div>\n\
						    <div class='blogRightCol'><h2><a href='" + items[i].getElementsByTagName("link")[0].firstChild.nodeValue + "'>" + items[i].getElementsByTagName("title")[0].firstChild.nodeValue + "</a></h2>\n\
						    <span class='byline'>by " + author + "</span>\n\
						    <p>" + items[i].getElementsByTagName("description")[0].firstChild.nodeValue + "</p>\n\
						    <a class='readmore' href='" + items[i].getElementsByTagName("link")[0].firstChild.nodeValue + "'>Read Post</a></div>\n\
					    </li>\n");

                var commentsElement = google.feeds.getElementsByTagNameNS(items[i], "http://purl.org/rss/1.0/modules/slash/", "comments")[0];
                var comments = commentsElement.firstChild.nodeValue;
                if (comments > 0)
                    $("#buzzBlogs ul li:last div.blogRightCol").append("<span class='comments'> | Comments [ <a class='comments' href='" + items[i].getElementsByTagName("comments")[0].firstChild.nodeValue + "'>" + comments + "</a> ]</span>\n");
            }
        }
    }
}

function initialize() {
    var feed = new google.feeds.Feed(feedurl);
    var commentFeed = new google.feeds.Feed("http://blog.managingautomation.com/channel/comments/feed/");
    var blogFeed = new google.feeds.Feed("http://blog.managingautomation.com/channel/feed/");
    commentFeed.setNumEntries(3);
    commentFeed.setResultFormat(google.feeds.Feed.JSON_FORMAT);
    blogFeed.setNumEntries(3);
    blogFeed.setResultFormat(google.feeds.Feed.XML_FORMAT);
    feed.setResultFormat(google.feeds.Feed.XML_FORMAT);

    commentFeed.load(displayComments);
    blogFeed.load(displayBlogs);
    feed.load(function(result) {
        if (!result.error) {
            var items = result.xmlDocument.getElementsByTagName("item");
            if (items.length > 0) {
                $("#blogs").prepend("<ul></ul>");
                for (var i = 0; i < Math.min(items.length, 3); i++) {
                    var authorElement = google.feeds.getElementsByTagNameNS(items[i], "http://purl.org/dc/elements/1.1/", "creator")[0];
                    var author = authorElement.firstChild.nodeValue;

                    var authorSplit = author.split(" ");
                    var username = (authorSplit[0].charAt(0) + authorSplit[authorSplit.length - 1]).toLowerCase();

                    $("#blogs ul").append("\
                                    <div class='blockInner1'>\n\
					                    <div class='leftBlog'><img width='40' height='40' class='blogauthorpic' alt='" + author + "' title='" + author + "' src='/images/blogpic-" + author.toLowerCase().replace(". ", "").replace(" ", "") + ".jpg' />\n</div>\n\
					                    <div class='rightText'>\n\
						                    <p class='blueTex'><a href='" + items[i].getElementsByTagName("link")[0].firstChild.nodeValue + "'>" + items[i].getElementsByTagName("title")[0].firstChild.nodeValue + "</a></p>\n\
						                    <p class='greyTex'>\n\
						                        " + author + " | <a class='greyTex' href='http://blog.managingautomation.com/channel/author/" + username + "/'>All Author&lsquo;s Blogs</a><br />\n\
						                        <a class='readmore' href='" + items[i].getElementsByTagName("link")[0].firstChild.nodeValue + "'>Read Post</a>\n\
						                    </p>\n\
						                </div>\n\
					                </div>\n");

                    var commentsElement = google.feeds.getElementsByTagNameNS(items[i], "http://purl.org/rss/1.0/modules/slash/", "comments")[0];
                    var comments = commentsElement.firstChild.nodeValue;
                    if (comments > 0)
                        $("#blogs div:last p.greyTex").append("<span class='comments'> | Comments [ <a class='comments' href='" + items[i].getElementsByTagName("comments")[0].firstChild.nodeValue + "'>" + comments + "</a> ]</span>\n");
                }
            }
        }
    });
}

$(document).ready(function() {
    google.setOnLoadCallback(initialize);

    $("ul.tabUl a").click(function(e) {
        e.preventDefault();
        var selectedTab = $(this).attr("href");
        console.log(selectedTab);
        $(this).parent().parent()
            .children(".openTab").removeClass("openTab").end()
        $(this).parent().addClass("openTab");
        $(selectedTab)
            .siblings().hide().end()
            .show();
    });

    $("#popnewsajax").empty().html('<img src="/images/bar-loader.gif" class="loadingbar" style="float:none;margin:0 auto;" />');
    $("#popnewsajax").load("/popularnews.aspx");

    $("#pollBox").replaceWith($("#ctl00_content1_poll"));
    $("#ctl00_content1_poll").show();

    $("#subscribeNewsSubmit").click(function(e) {
        $("#subscribeNewsSubmit").replaceWith("<span class='pleasewait'>Subscribing...<img class='loadingpic' src='/images/ajax-loader-s.gif' /></span>");
        $.get("/channel_ajax.aspx", { field: "newsletter", email: $("#subscribeNewsTxt").val(), channel: channelName }, function(data) {
            $("#subscribeNewsTxt").parent().html("<em>" + data + "</em>");
        });
    });

    $("#expertSubmitButton").click(function() {
        $("#expertSubmitButton").replaceWith("<span class='pleasewait'>submitting question... <img class='loadingpic' src='/images/ajax-loader-s.gif' /></span>");
        $.get("/channel_ajax.aspx", { field: "askexpert", question: $("#expertSubmitText").val(), channel: channelName }, function(data) {
            $("#expertSubmit").html("<div id='expertsuccess'>" + data + "</div>");
        });
    });

    $(".suggestSubmit").click(function() {
        var txtbox = $(this).prev();
        $(this).replaceWith("<span class='pleasewait'>submitting request... <img class='loadingpic' src='/images/ajax-loader-s.gif' /></span>");
        $.get("/channel_ajax.aspx", { field: "suggest", question: txtbox.val(), channel: channelName }, function(data) {
            txtbox.parent().html(data);
        });
    });
});