var activeLeaderboardID = jQuery.cookie('activeLeaderboardID');
jQuery(document).ready(function(){

	jQuery('.side-leaderboard-block').each(function(i){
		var idParts = this.id.split('-', 3);
		var headerID = idParts[0] + '-header-' + idParts[2];

		if (i == 0 && !jQuery('#' + activeLeaderboardID)[0]) {
			activeLeaderboardID = headerID;
		}
	});

	expandSideLeaderboard(activeLeaderboardID);

	jQuery('.side-leaderboard-header').click(function(event){
			if (activeLeaderboardID == this.id) {
				return;
			}
			expandSideLeaderboard(this.id)
		}
    )
});

function expandSideLeaderboard(headerID) {
	var idParts = headerID.split('-', 3);
	var nativeBlockId = idParts[0] + '-block-' + idParts[2];

	jQuery('.side-leaderboard-header').css('cursor', 'pointer');
	jQuery('.side-leaderboard-header').removeClass('very-big bright-yellow block margin-top-big');
	jQuery('.side-leaderboard-block').hide();
	jQuery('.side-leaderboard-block').each(function(i){
    	var idParts = this.id.split('-', 3);
		var leaderboardID = idParts[0] + '-header-' + idParts[2];
        var headerText = jQuery('#' + leaderboardID).text();
		jQuery('#' + leaderboardID).html('<a href="javascript:void(0);" class="very-big bright-yellow block margin-top-big">' + headerText + '</a>');
	});

    jQuery('#' + headerID).css('cursor', '');
    var headerText = jQuery('#' + headerID).text();
	jQuery('#' + headerID).html(headerText);
	jQuery('#' + headerID).addClass('very-big bright-yellow block margin-top-big');
	jQuery('#' + nativeBlockId).show();
	activeLeaderboardID = headerID;
	jQuery.cookie('activeLeaderboardID', activeLeaderboardID);
}