//sky player blog post archive JS

var skyplayerBlogArchive = {};

//sets the blog archive links HTML
skyplayerBlogArchive.setArchiveLinksHTML = function(blogPostMonthYearCounts) {
	var blogArchive = document.getElementById("archiveBlogsList");
	var strArchiveLinks = "<div class='archiveBlogTitle' id='archiveBlogTitle'>Archived blogs<span><\/span><\/div>";

	for (var i = 0; i < blogPostMonthYearCounts.length; i++) {
		var strArchiveLink = "<p class='archiveLinksContent' onmouseout='pluckUtils.imageRollOverOut(this, \"" + pluckUtils.IMAGEPATH + "/link.gif\", \"#333\");' onmouseover='pluckUtils.imageRollOverOut(this, \"" + pluckUtils.IMAGEPATH + "/link_over.gif\", \"#50A09E\");'>";
		strArchiveLink += "<a href='#archivedblogs'><img title='' alt='' src='" + pluckUtils.IMAGEPATH + "/link.gif' \/><\/a>";
		strArchiveLink += "<a class='archiveLink' href='#archivedblogs' title='Archive blogs for " + pluckUtils.toMonth(blogPostMonthYearCounts[i].MonthId) + "'><span class='archiveMonth'>" + pluckUtils.toMonth(blogPostMonthYearCounts[i].MonthId) + "<\/span>";
		strArchiveLink += "<span class='archiveCount'>(" + blogPostMonthYearCounts[i].BlogPostCount + ")<\/span><\/a><\/p>";
		if(i != blogPostMonthYearCounts.length-1) {
			strArchiveLink += "<div class='hr'><\/div>";
		}
 		strArchiveLinks += strArchiveLink;
 	}
 	blogArchive.innerHTML = strArchiveLinks;
 	var blogArchiveLinks =  blogArchive.getElementsByTagName('p');
 	return blogArchiveLinks;
};

//hide the comments (if archive blogs clicked from blog post page) and show the archive links if present
skyplayerBlogArchive.hideCommentsHTML = function() {
	//hides comments code, if present, so page looks like blog archive landing page
 	if(document.getElementById('commentContainer')) {
	 	document.getElementById('commentContainer').style.display = "none";
 	}
 	if(document.getElementById('commentForm')) {
 		document.getElementById('commentForm').style.display = "none";
	}
 	if(document.getElementById('noComments')) {
 		document.getElementById('noComments').style.display = "none";
	}
};

//hide the archive links as none present
skyplayerBlogArchive.hideArchiveLinksHTML = function() {
	document.getElementById("archiveBlogsList").style.display = "none";
	document.getElementById("archiveBlogsList").style.visibility = "hidden";
	document.getElementById("archiveBlogsHr").style.display = "none";
	document.getElementById("archiveBlogsHr").style.visibility = "hidden";
};

//sets the archived blog posts
skyplayerBlogArchive.setArchiveBreadcrumb = function(year, month) {		
	var breadCrumbContainer = document.getElementById('breadcrumbContainer');
	var breadCrumbHTML = "<p class='breadcrumb bold'><a href='" + pluckUtils.SITE_URL + "home' title='Sky Player Blog home'>Sky Player Blog<\/a><\/p><img src='" + pluckUtils.IMAGEPATH + "/breadcrumb_icon.jpg' alt='' \/><p class='breadcrumb bold'><a href='" + pluckUtils.BLOG_URL + "' title='" + pluckUtils.BLOG_NAME + "'>" + pluckUtils.BLOG_NAME + "<\/a><\/p><img src='" + pluckUtils.IMAGEPATH + "/breadcrumb_icon.jpg' alt='' \/><p class='breadcrumb'>Archived blogs: " + month + ", " + year + "<\/p>";
	breadCrumbContainer.innerHTML = breadCrumbHTML;
};

//sets the site specific page title		
skyplayerBlogArchive.setPageTitle = function(month){
	var archiveMonthText = "Archive for " + month;
	var documentTitle = archiveMonthText + " | " + pluckUtils.BLOG_NAME + " | " + pluckUtils.SITE_TITLE;
	document.title = documentTitle;
};

//writes the archived blog posts
skyplayerBlogArchive.buildArchiveBlogPosts = function(_page) {
	var postHtml = "";
	
	for (var i = 0; i < _page.BlogPosts.length; i++) {
		var post = _page.BlogPosts[i];
		var postUrl = pluckBlog.splitPostUrl(post.Url);
		var blogBody = post.PostBody;
		pluckBlogPost.amendBlogBodyHtml(blogBody);
		var blogPostBody = pluckUtils.adjustVidWidth(varResponsePostBody, 427);
	
		postHtml += "<div class='hr'><\/div>";
		postHtml += "<div id='post_" + i + "' class='blogPost'><h2><a title='" + post.PostTitle + "' href='" + postUrl + "'>" + post.PostTitle + "<\/a><\/h2>";
		postHtml += "<p class='blogInfo'><span>" + pluckUtils.formatDateStamp(post.PostDate) + "<\/span> - Written by <span class='blogPostAuthor'>" + pluckProfile.linkedDisplayName(post.PostAuthor) + "<\/span><\/p>";
		postHtml += "<div class=\"postText\">" + blogPostBody + "<\/div>";
		postHtml += "<\/div>";
		if(i === _page.BlogPosts.length -1) {
			postHtml += "<div class='hr'><\/div>";
		}
	}
	document.getElementById('blogpostContainer').innerHTML = postHtml;
};

//writes the blog archive pagination
skyplayerBlogArchive.postPagination = function(blogArchivePage, globalYear) {
	document.getElementById('paging').innerHTML = "";
	if (blogArchivePage.NumberOfBlogPosts > numberPerPage) {
		var month = blogArchivePage.MonthId;
		var currentPage = parseInt(blogArchivePage.OnPage);
	 	var pages = Math.ceil(blogArchivePage.NumberOfBlogPosts/blogArchivePage.NumberPerPage);
 		var prevPage = (currentPage > 1) ? currentPage-1 : currentPage;
 		var nextPage = (currentPage < pages) ? currentPage+1 : currentPage;
 		var pageNumbers = '';
 		var pageNumber = '';
 		
 		if (pages !=1) {	
			var x = "";
			var y = "";
			var z = "";
			maxPagesShown = pages - 7;
			
			if(pages>8) {
				pagesShown = currentPage + 7;
			} else {
				pagesShown = pages;
			}
		
			if(currentPage<=maxPagesShown || maxPagesShown<0) {
				for (x=blogArchivePage.OnPage; x<=pagesShown; x++) {
					if(x==blogArchivePage.OnPage) {
						pageNumbers += "<strong>" + x + " </strong>";
					} else {
						pageNumbers += '<a href="#archive" onclick=\"pluckBlogArchive.getBlogArchiveContent(arguments[0], \''+ globalYear +'\', \''+ month +'\', '+ x +');\">' + x + '</a>';
					}
				}
			}
				
			if(currentPage>maxPagesShown) {
				for (y=blogArchivePage.OnPage; y>=maxPagesShown; y--) {
					if(y==blogArchivePage.OnPage) {
						pageCurrent = "<strong>" + y + " </strong>";
					} else {
						if(y>0) {
							pageNumber = '<a href="#archive" onclick=\"pluckBlogArchive.getBlogArchiveContent(arguments[0], \''+ globalYear +'\', \''+ month +'\', '+ y +');\">' + y + '</a>';
							pageNumber += pageNumbers;
						}
					}
					pageNumbers = pageNumber;
				}
				pageNumbers += pageCurrent;
				for (z=blogArchivePage.OnPage; z<=pages; z++) {
					if(z==blogArchivePage.OnPage) {
						pageNumbers = pageNumbers;
					} else {
						pageNumbers += '<a href="#archive" onclick=\"pluckBlogArchive.getBlogArchiveContent(arguments[0], \''+ globalYear +'\', \''+ month +'\', '+ z +');\">' + z + '</a>';
					}
				}
			}
			var firstComments = (currentPage > 1) ? '<a class="paginationPrevious" href="#previous" onclick=\"pluckBlogArchive.getBlogArchiveContent(arguments[0], \''+ globalYear +'\', \''+ month +'\', '+ 1 +');\">First<\/a>' : '';
			var prevComments = (currentPage > 1) ? '<a class="paginationPrevious" href="#previous" onclick=\"pluckBlogArchive.getBlogArchiveContent(arguments[0], \''+ globalYear +'\', \''+ month +'\', '+ prevPage +')">&lt;<\/a>' : '';
			var nextComments = (currentPage < pages) ? '<a href="#next" onclick=\"pluckBlogArchive.getBlogArchiveContent(arguments[0], \''+ globalYear +'\', \''+ month +'\', '+ nextPage +')">&gt;<\/a>' : '';
			var lastComments = (currentPage < pages) ? '<a class="paginationLast" href="#last" onclick=\"pluckBlogArchive.getBlogArchiveContent(arguments[0], \''+ globalYear +'\', \''+ month +'\', '+ pages +')">Last<\/a>' : '';
			document.getElementById('paging').innerHTML = firstComments + pageNumbers + lastComments + "<div class='hr'><\/div>";
			document.getElementById('paging').style.display = "block";
		} else {
			document.getElementById('paging').innerHTML = "";
		}
	}
}