var SM_CONTAINER = "";
var CONTAINER = "";
var FEEDS = {};
var SRC_PAGE = {};
$(document).ready(function() {
// Settings
FEEDS = {
    'facebook': 'https://graph.facebook.com/8626868943/feed?limit=3&callback=?',
    'youtube': 'http://gdata.youtube.com/feeds/api/users/leineroebanavideo/uploads?&v=2&max-results=3&alt=jsonc-in-script&callback=loadYoutubeJSON',
    'blog': 'http://leineroebana.wordpress.com/feed/'
};
SRC_PAGE = {
    'facebook': 'http://www.facebook.com/group.php?gid=8626868943&v=wall',
    'youtube': 'http://www.youtube.com/user/leineroebanavideo',
    'blog': 'http://leineroebana.wordpress.com/'
};

  SM_CONTAINER = $('#social-media');
  CONTAINER = $('.module', SM_CONTAINER);

    // Select first tab en show corresponding content
    var firstTab = $('li a:first', SM_CONTAINER);
    selectTab(firstTab);
    loadContent(firstTab);

    // Style clicked tab and show corresponding content
    $('li a', SM_CONTAINER).click(function(event) {
        event.preventDefault();
        $('.selected', SM_CONTAINER).removeClass('selected');
        $(this).addClass('selected');
        toggleContent(this);
    });

    // Functions


});

function loadContent(anchor) {
    toggleLoading(true);
    var contentId = $(anchor).attr('id');
    switch(contentId) {
        case 'facebook':
            loadFacebookJSON(contentId);
            break;
        case 'youtube':
            loadYoutubeScript(contentId);
            break;
        case 'blog':
            loadRSS(contentId);
            break;
        default:
            showError();
            return;
    }
}

function displayContent(content) {
    $(CONTAINER).html(content).fadeIn('fast');
    toggleLoading(false);
}

function loadFacebookJSON(src) {
    $.getJSON(FEEDS[src], function(json) {
        var output = '<ol>';
        $.each(json.data, function(i, item) {
            output += '<li><strong><a href="' + SRC_PAGE[src] + '" target="_blank">' + item.from.name + '</a></strong><br />';
            if(item.type == "status"){
            output += item.message + '</li>';
            } else if (item.type == "photo"){
            output += '<a target="_blank" href="' + item.link + '"><img src="' + item.picture + '" /></a></li>';
            } else if (item.type == "link") {
            output += '<a target="_blank" href="' + item.link + '">' + item.name + '</a></li>';
            }
        });
        output += '</ol>';
        output += '<a href="' + SRC_PAGE[src] + '" target="_blank">Read more</a>';
        displayContent(output);
    });
}

function loadYoutubeScript(src){
    $.getScript(FEEDS[src]);
}
function loadYoutubeJSON(data) {
  var feed = data.data;
  var entries = feed.items || [];
  var output = ['<ol>'];
  for (var i = 0; i < entries.length; i++) {
    var entry = entries[i];
    output.push('<li><a class="thumbnail" href="http://www.youtube.com/watch?v=' + entry.id + '" target="_blank"><img src="' + entry.thumbnail.sqDefault + '" alt="' + entry.title + '" /></a>');
    output.push('<strong><a href="http://www.youtube.com/watch?v=' + entry.id + '" target="_blank">' + entry.title + '</a></strong></li>');
  }
  var result = output.join('');
  displayContent(result);
}
//      $.each(src.data.items, function(i, item) {
//                output += '<li><a class="thumbnail" href="http://www.youtube.com/watch?v=' + item.id + '" target="_blank"><img src="' + item.thumbnail.sqDefault + '" alt="' + item.title + '" /></a>';
//                output += '<strong><a href="http://www.youtube.com/watch?v=' + item.id + '" target="_blank">' + item.title + '</a></strong></li>';
//            });
//            output += '</ol>';
//            output += '<a href="' + SRC_PAGE[src] + '" target="_blank">Lees meer</a>';
//            displayContent(output);
//          }
//        });
//      }

function loadRSS(src) {
    $.jGFeed(FEEDS[src], function(feed) {
        if(!feed) {
            showError();
            return false;
        }
        var output = '<ol>';
        $.each(feed.entries, function(i, item) {
            output += '<li><strong><a href="' + item.link + '" target="_blank">' + item.title + '</a></strong><br />';
            output += item.contentSnippet + '</li>';
        });
        output += '</ol>';
        output += '<a href="' + SRC_PAGE[src] + '" target="_blank">Lees meer</a>';
        displayContent(output);
    }, 3);
}

function selectTab(anchor) {
    $(anchor).addClass('selected');
}

function toggleContent(anchor) {
    $(CONTAINER).fadeOut('fast', function() {
        loadContent(anchor);
    });
}

function showError() {
    $(CONTAINER).html('Content kan niet geladen worden.');
}

function toggleLoading(status) {
    status ? $(SM_CONTAINER).addClass('loading') : $(SM_CONTAINER).removeClass('loading');
}