var baseURL = window.location.protocol + "//" + window.location.host;
var baseLoadingHTML = "<span id='JSONLoading'>Loading ...</span>";

function createEventGlance(divOutputName)
{
    $("#" + divOutputName)[0].innerHTML = baseLoadingHTML;
    $.getJSON(
        baseURL + "/Event/GlanceList/0", 
        function(result) {
            if (result != "undefined") {
                $("#" + divOutputName)[0].innerHTML = "";
                
                var events = result.Events;
                var glanceHtml = "<div id='rssGlanceIcon'><a href='" + baseURL + "/Event/RssEventFeed'><img src='/images/feed-icon.gif' alt='Event Rss Feeds'/></a></div>";
                glanceHtml += "<h4 id='eventGlanceHeader'>Events at a glance:<h4>";
                glanceHtml += "<ul id='glanceEvent'>";
                
                for (var i = 0; i < events.length; i++) {
                    glanceHtml += "<li class='glanceEventTitle'><a href='" + events[i].EventLink + "'>" + events[i].Title + "</a></li>";
                    glanceHtml += "<li class='glanceEventDate'>" + events[i].Date + "</li>";
                }
                
                glanceHtml += "</ul>";
                $("#" + divOutputName).html(glanceHtml);
            }
        }
    );
}

function createArticleGlance(divOutputName)
{                
    $("#" + divOutputName)[0].innerHTML = baseLoadingHTML;
    $.getJSON(
        baseURL + "/Article/GlanceList/0", 
        function(result) {
            if (result != "undefined") {
                $("#" + divOutputName)[0].innerHTML = "";
                
                var articles = result.Articles;
                var glanceHtml = "<div id='rssGlanceIcon'><a href='" + baseURL + "/Article/RssArticleFeed'><img src='/images/feed-icon.gif' alt='Article Rss Feeds'/></a></div>";
                glanceHtml += "<h4 id='articleGlanceHeader'>Articles at a glance:<h4>";
                glanceHtml += "<ul id='glanceArticle'>";
                
                for (var i = 0; i < articles.length; i++) {
                    glanceHtml += "<li class='glanceArticleTitle'><a href='" + articles[i].ArticleLink + "'>" + articles[i].Title + "</a></li>";
                    glanceHtml += "<li class='glanceArticleDate'>" + articles[i].Date + "</li>";
                }
                
                glanceHtml += "</ul>";
                $("#" + divOutputName).html(glanceHtml);
            }
        }
    );
}

function createSocialTags(divOutputName, title, link) {
    $("#" + divOutputName)[0].innerHTML = baseLoadingHTML;
    $.ajax({
		type: "GET",
		url: "/SocialTag/BuildLinks",
		data: "title=" + title + "&link=" + link,
		dataType: "json",
		success: function(result) {
            if (result != "undefined") {
                $("#" + divOutputName)[0].innerHTML = "";
                
                var socialTags = result.SocialTags;
                var htmlOutput = "<div class='socialTags'><ul>";

                if (socialTags != "undefined") {

                    if (socialTags.length > 0)
                        htmlOutput += "<li>Social Links:</li>";
                        
                    for (var i = 0; i < socialTags.length; i++) {
                        htmlOutput += "<li><a href='" + socialTags[i].Link + "' target='_blank'><img src='"
                                         + socialTags[i].ImageLocation + "' alt='"
                                         + socialTags[i].Name + "'/></a></li>";
                    }
                }
                
                htmlOutput += "</ul></div>";
                $("#" + divOutputName).html(htmlOutput);
            }
        }
	});
}

function createArticleCategoryLinks(divOutputName)
{
    $("#" + divOutputName)[0].innerHTML = baseLoadingHTML;
    $.getJSON(
        baseURL + "/Category/CategoryLinks", 
        function(result) {
            if (result != "undefined") {
                $("#" + divOutputName)[0].innerHTML = "";
                var htmlOutput = "";
                
                for (var i = 0; i < result.length; i++) {
                    htmlOutput += "<span>" + result[i].Group + "</span>";

                    for (var j = 0; j < result[i].CategoryLinks.length; j++) {
                        htmlOutput += "<a href='/Article/List/" + result[i].CategoryLinks[j].CategoryName + "'>" + result[i].CategoryLinks[j].CategoryName + "</a>";
                    }
                }
                
                $("#" + divOutputName).html(htmlOutput);
            }
        }
    );
}

function createArticleCategoryCheckboxes(divOutputName, articleID)
{
    $("#" + divOutputName)[0].innerHTML = baseLoadingHTML;
    $.getJSON(
        baseURL + "/Category/RenderCategoryObjects/" + articleID, 
        function(result) {
            if (result != "undefined") {
                var outputDiv = $("#" + divOutputName)[0];
                outputDiv.innerHTML = "";
                var currentGroup = "";
                var checked = "no";

                for (var i = 0; i < result.length; i++) {
                    if (currentGroup != result[i].CategoryGroup) {
                        if (outputDiv.innerHTML != "")
                            outputDiv.innerHTML += "<br/>";

                        currentGroup = result[i].CategoryGroup;
                        outputDiv.innerHTML += "<span class='checkboxCategoryGroup'>" + currentGroup + "</span><br/>";
                    }

                    if (result[i].Selected)
                        checked = "checked";
                    else
                        checked = "";

                    outputDiv.innerHTML += "<input type='checkbox' name='chk" + result[i].CategoryID + "' id='chk" + result[i].CategoryID + "' value='"
													    + result[i].CategoryID + "' class='checkboxCategory' " + checked + " />" + result[i].CategoryName
													    + "&nbsp;";
                }
            }
        }
    );
}

function loadSponsorHeader(outputID)
{
    $("#" + outputID)[0].innerHTML = baseLoadingHTML;

    $.ajax({
		type: "GET",
		url: baseURL + "/Sponsor/GenerateSponsorHeader/",
		dataType: "html",
		success: function(result) {
            if (result != "undefined") {
                $("#" + outputID).html(result);
            }
		}
	});
}

function loadSponsorFullImage(outputID, sponsorID)
{
    $("#" + outputID)[0].innerHTML = baseLoadingHTML;
    
    $.ajax({
		type: "GET",
		url: baseURL + "/Sponsor/GenerateSponsorLink/" + sponsorID,
		dataType: "html",
		success: function(result) {
            if (result != "undefined") {
                $("#" + outputID).html(result);
            }
		}
	});
}

function loadSponsorDetailImage(outputID, sponsorID) {
    $("#" + outputID)[0].innerHTML = baseLoadingHTML;

    $.ajax({
        type: "GET",
        url: baseURL + "/Sponsor/GenerateDetailSponsorLink/" + sponsorID,
        dataType: "html",
        success: function(result) {
            if (result != "undefined") {
                $("#" + outputID).html(result);
            }
        }
    });
}

function loadRandomSponsorFullImage(outputID)
{
    $("#" + outputID)[0].innerHTML = baseLoadingHTML;
    
    $.ajax({
		type: "GET",
		url: baseURL + "/Sponsor/GenerateRandomSponsorLink",
		dataType: "html",
		success: function(result) {
			if (result != "undefined") {
				$("#" + outputID).html(result);
			}
		}
	});
}

function loadRandomSponsorDetailImage(outputID) {
    $("#" + outputID)[0].innerHTML = baseLoadingHTML;

    $.ajax({
        type: "GET",
        url: baseURL + "/Sponsor/GenerateRandomDetailSponsorLink",
        dataType: "html",
        success: function(result) {
            if (result != "undefined") {
                $("#" + outputID).html(result);
            }
        }
    });
}