// JavaScript Document
google.load("gdata", "2.x");	
var blogContent = new Array();
var blogTitle = new Array();
var blogTags = new Array();
var blogDate = new Array();
var blogSummary = new Array();

// Get Last 5 Blog Posts
function onGoogleDataLoad() { 
// Create the blogger service object
var bloggerService = new google.gdata.blogger.BloggerService('GoogleInc-jsguide-1.0');

// The default "metafeed" feed is used to retrieve a list of blogs for a particular logged-in user
var feedUri = 'http://manitobamarketingnetwork.blogspot.com/feeds/posts/default';
// var feedUri = 'http://testgbg.blogspot.com/feeds/posts/default';

// The callback method invoked when getBlogFeed() returns feed data
var handleBlogFeed = function(blogFeedRoot)
{
	var blogEntries = blogFeedRoot.feed.getEntries();
	  
	// Has the user created any blogs?
	if(!blogEntries.length) {
		return;
	}
			
	var sidepanel = "<ul id='blogtip' class='blogtip'>";
	var articlelist = "<ul id='vaultarticles' class='vaultarticles'>Articles";	
	var videopanel = "<ul id='blogvideo' class='blogvideo'>";
	var videolist ="<ul id='vaultvideos' class='vaultvideos'>Videos";
	var summarypage = "";
	var acount = 0;
	var vcount = 0;
	for (var i = 0; blogEntry = blogEntries[i]; i++)
	{
		blogTitle[i] = blogEntry.getTitle().getText();
		blogContent[i] = blogEntry.getContent();
		blogTags[i] = blogEntry.getCategories();
		blogDate[i] = google.gdata.DateTime.toIso8601(blogEntry.getPublished().getValue());
		blogSummary[i] = blogEntry.getSummary();
		//	var blogUpdated = blogEntry.getUpdated().getValue().getDate();
		// 	var blogURL = blogEntry.getHtmlLink().getHref();
	
		aref = "<a href='javascript:getBlogPost(\"" + i + "\")'>";
		aref2 = "<a class='postmore' href='javascript:getBlogPost(\"" + i + "\")'>";
		
		labels = blogTags[i];		
		labelone = labels[0];	
		if (!labelone)
		{
		  labeltext = '';
		}
		else
		{
		  labeltext = labelone.term;		
		}
		
		if (labeltext == 'Marketing Video')
		{
			// Only show 1st 4 blogs in side panel
			if (vcount < 4)
			{			
				videopanel = videopanel + "<li class='blogvideo'>" + aref + blogTitle[i] +"</a></li>";
			}
			videolist = videolist + "<li class='vaultvideos'>" + aref + blogTitle[i] +"</a></li>";		
			vcount++;
		}
		else
		{
			// Only show 1st 4 blogs in side panel
			if (acount < 4)
			{
				sidepanel = sidepanel + "<li class='blogtip'>" + aref + blogTitle[i] +"</a></li>";	
				if (acount < 2)
				{
					sumtext = blogContent[i].getText();
					summarypage = summarypage + "<p class='posttitle'>" + blogTitle[i] + "<br/><span class='postdate'>Posted: " + 
					blogDate[i].substring(0, blogDate[i].indexOf("T")) + "<span class='postdate'></p><p class='postsummary'>" +
					sumtext.substring(0,sumtext.indexOf("<a name='more")) + aref2 + "Read More >></a></p>";
				}
			}
			articlelist = articlelist + "<li class='vaultarticles'>" + aref + blogTitle[i] +"</a></li>";
			acount++;
		}
		
	}
	sidepanel = sidepanel +	"</ul>";
	videopanel = videopanel +	"</ul>";
	videolist = videolist +	"</ul>";
	articlelist = articlelist +	"</ul>";
	
	// Show Blog Titles in Sidebar
	elem = document.getElementById('blogtitles');
	elem.innerHTML = sidepanel + videopanel;
	
	// Show Blog Titles on Resource Page
	elem = document.getElementById('vaultlist');
	if (elem)
	{
		elem.innerHTML = articlelist + videolist;
	}
	
	// Show Blog Summary on Featured Tips
	elem = document.getElementById('featuredtips');
	if (elem)
	{
		elem.innerHTML = summarypage;
	}
	
	
};
	
// Error handler called when getBlogFeed() produces an error
var handleError = function(error)
{
	alert(error);
};

// Submit the request using the blogger service object
bloggerService.getBlogFeed(feedUri, handleBlogFeed, handleError);
} 
 
// Call function once the client has loaded 
google.setOnLoadCallback(onGoogleDataLoad); 
	
// Get Blog Post Reference by Title
function getBlogPostByTitle(title)
{
	title = title.toUpperCase()
	var i=0;
	while (i <= blogTitle.length)
	{
		if (blogTitle[i].toUpperCase() == title)
		{
			getBlogPost(i);
			break;
		}
		i++;
	}
}


// Show Blog Post on Page
function getBlogPost(href)
{
	content = document.getElementById('contentleft');

    // Determine type of blog post by 1st label
	labels = blogTags[href];	
	labelone = labels[0];	
	if (!labelone)
	{
	  labeltext = '';
	}
	else
	{
	  labeltext = labelone.term;		
	}
	
	if (labeltext == 'Marketing Video')
	{
		content.innerHTML = "<div class='section'><img src='/images/title_vaultVideos.gif' alt='Videos'/><p class='blogTitle'>" + blogTitle[href] + "</p>" + blogContent[href].getText() + "</div>";
	}
	else
	{
		content.innerHTML = "<div class='section'><img src='/images/title_vaultTips.gif' alt='Tips'/><p class='blogTitle'>" + blogTitle[href] + "</p>" + blogContent[href].getText() + "</div>";

	}
	
    left = document.getElementById('contentleft');
	right = document.getElementById('contentright');
    if (left.offsetHeight > right.offsetHeight)
	{
  		// right.style.height = left.offsetHeight;	
		left.style.borderRightWidth = '1px';
		left.style.borderRightStyle = 'solid';
		left.style.borderRightColor = '#fcaf45';
		right.style.borderLeftWidth = '0px';
	}
	
	if (left.offsetHeight < rightheight)
	{
	//	right.style.height = rightheight;	
		right.style.borderLeftWidth = '1px';
		right.style.borderLeftStyle = 'solid';
		right.style.borderLeftColor = '#fcaf45';
		left.style.borderRightWidth = '0px';	
	}
}