jQuery(document).ready(function($) {

	// Connect facebox
  $('a[rel*=facebox]').facebox() 
  
  
  // Calculate the tags
  $.each($("#tags a"), function (index, element, collection) {
  	var count_for_tag = $("#items > article."+ $(element).attr("class")).length;
  	$(element).find("span").html(count_for_tag);
  });
  $("#tags a.all span").html($("#items > article").length);
  
  // Filter the items according to tag
  $("#tags a[class!=all]").bind("click", function() {
  	$("#items article[class!="+ $(this).attr("class") +"]").fadeOut();
  	$("#items article[class*="+ $(this).attr("class") +"]").fadeIn();
  	return false;
  });
  
  $("a.tag").bind("click", function() {
  	$("#items article[class!="+ $(this).attr("class").split(" ")[1] +"]").fadeOut();
  	$("#items article[class*="+ $(this).attr("class").split(" ")[1] +"]").fadeIn();
  	return false;
  });
  
  $("#tags a[class=all]").bind("click", function() {
  	$("#items article").fadeIn();
  	return false;
  });
  
})