$(window).load(function() {

	var f = $('#features .FeatureDelicious');
	f.append('<h5>Popular tags</h5>');
	f.append('<ul id="delicious-tags"></ul>');
	f.append('<h5 id="delicious-posts-heading">Latest posts</h5>');
	f.append('<ul id="delicious-posts"></ul>');
	var tagsContainer = $('#delicious-tags');
	var postsContainer = $('#delicious-posts');
	
	/* TAGS */

	if (typeof(Delicious) != 'undefined' && typeof(Delicious.tags) != undefined) for (var t in Delicious.tags) {
		var count = Delicious.tags[t];
		tagsContainer.append('<li class="tagcount-' + count + '"><a href="http://del.icio.us/webfactory/' + encodeURIComponent(t) + '" rel="tag">' + t + '</a> </li>');
	}

	var maxCount = 0;
	var minCount = 999999;

	$('#delicious-tags li').each(function(index) {
		var tagcount = $(this).meta('tagcount');
		maxCount = Math.max(maxCount, tagcount);
		minCount = Math.min(minCount, tagcount);
	});

	var level1Limit = minCount + ((maxCount-minCount)/4)*0;
	var level2Limit = minCount + ((maxCount-minCount)/4)*1;
	var level3Limit = minCount + ((maxCount-minCount)/4)*2;
	var level4Limit = minCount + ((maxCount-minCount)/4)*3;

	$('#delicious-tags li').each(function(index) {
		var tagcount = $(this).meta('tagcount');
		if (tagcount >= level4Limit) $(this).addClass('level-4');
		else if (tagcount >= level3Limit) $(this).addClass('level-3');
		else if (tagcount >= level2Limit) $(this).addClass('level-2');
		else if (tagcount >= level1Limit) $(this).addClass('level-1');
	});

	/* POSTS */

	updateDeliciousPosts();

	/* POSTS FÜR EIN TAG AUFLISTEN */
	
	$('#delicious-tags li a').click(function() {
		if ($.browser.msie) return true;
		var tag = $(this).text();
		var head = document.getElementsByTagName("head")[0];
		var newScript = document.createElement('script');
		newScript.type = 'text/javascript';
		newScript.onload = function() { updateDeliciousPosts(tag); }
		newScript.src = 'http://del.icio.us/feeds/json/webfactory/' + encodeURIComponent(tag) + '';
		head.appendChild(newScript);
		return false;
	});

});

function updateDeliciousPosts(tag) {
	var postsContainer = $('#delicious-posts');
	var postsHeading = $('#delicious-posts-heading');
	$(postsContainer).find('li').remove();
	if (tag) {
		$(postsHeading).html('Bookmarks tagged ' + tag);
		
	} else {
		$(postsHeading).html('Latest bookmarks');
	}
	if (typeof(Delicious) != 'undefined' && typeof(Delicious.posts) != undefined) for (var p in Delicious.posts) {
		postsContainer.append('<li><a href="' + Delicious.posts[p].u + '">' + Delicious.posts[p].d + '</a> </li>');
	}
}