google.load("feeds", "1");

function initialize(callback) {
	
    var feed = new google.feeds.Feed("http://picplz.com/user/jamesduffell/picfeed.rss");
    feed.setNumEntries(6);
    feed.load(function(result) {
	if (!result.error) {
	var container = document.getElementById("picplz");
	var feedLink = result.feed.link;
	var feedTitle = result.feed.title;
	var feedDescription = result.feed.description;
	var divMeta = document.createElement("div");
	divMeta.id = "feedWrapper";

            container.appendChild(divMeta);

            for (var i = 0; i < result.feed.entries.length; i++) {

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

                var entryTitle = entry.title;
                var entryContent = entry.content;
                var entryLink = entry.link;

                imgContent = entryContent + "<div class='hover'><a href='" + entryLink + "'><span>View on PicPlz</span></a></div>";

                var div = document.createElement("div");
                div.className = "image";

                div.innerHTML = imgContent;


                container.appendChild(div);
            }
            callback();
        }
    });

}

// CUSTOM CALLBACK FUNCTION TO ADD THE HOVER EFFECT ON THE COMPLETED IMAGE LIST
google.setOnLoadCallback(function() {
    initialize(function() {
        $(".image").hover(
        function() {
            $(this).find(".hover").fadeIn('fast');
        },
        function() {
            $(this).find(".hover").fadeOut('fast');
        }
        );
    });
});